@grupo-elo-editorial/shared-ui-react 1.3.17 → 1.4.0

package/dist/index.js

@@ -1,25 +1,25 @@
 "use client";
-import { clsx as te } from "clsx";
-import { twMerge as ae } from "tailwind-merge";
-import { jsx as e, jsxs as o, Fragment as P } from "react/jsx-runtime";
-import { forwardRef as w, useState as z, useEffect as A } from "react";
-import { Loader2 as U, User as re, Star as ie, CheckIcon as W, ChevronDownIcon as R, ChevronUpIcon as oe, CircleIcon as ne, ShoppingCart as T, Heart as se, Search as X, X as le, Minus as de, Plus as ce, ChevronRight as Y, FileX as ue, Package as me, AlertCircle as fe, RefreshCw as ge, Home as pe, XIcon as K, Accessibility as ve, ZoomOut as be, ZoomIn as he, Moon as xe, Sun as Ne, ChevronLeft as we, Menu as ye, ChevronDown as O, Instagram as ke, Facebook as ze, Youtube as Ce, Linkedin as Se, Mail as De } from "lucide-react";
-import { cva as B } from "class-variance-authority";
+import { clsx as ae } from "clsx";
+import { twMerge as re } from "tailwind-merge";
+import { jsx as e, jsxs as o, Fragment as A } from "react/jsx-runtime";
+import { forwardRef as N, useState as z, useEffect as _ } from "react";
+import { Loader2 as q, User as ie, Star as oe, CheckIcon as X, ChevronDownIcon as T, ChevronUpIcon as ne, CircleIcon as se, ShoppingCart as $, Heart as le, Search as Y, X as de, Minus as ce, Plus as ue, ChevronRight as K, FileX as me, Package as fe, AlertCircle as ge, RefreshCw as pe, Home as ve, XIcon as O, Accessibility as be, ZoomOut as he, ZoomIn as xe, Moon as Ne, Sun as we, ChevronLeft as ye, Menu as ke, ChevronDown as Z, Instagram as ze, Facebook as Ce, Youtube as Se, Linkedin as De, Mail as je } from "lucide-react";
+import { cva as L } from "class-variance-authority";
 import * as C from "@radix-ui/react-select";
-import * as q from "@radix-ui/react-checkbox";
-import * as $ from "@radix-ui/react-radio-group";
-import * as G from "@radix-ui/react-switch";
-import { Slot as je } from "@radix-ui/react-slot";
-import * as _ from "@radix-ui/react-accordion";
+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 Me } from "@radix-ui/react-slot";
+import * as B from "@radix-ui/react-accordion";
 import * as M from "@radix-ui/react-tooltip";
-import { toast as da } from "sonner";
-import { Progress as ua } from "@radix-ui/react-progress";
+import { toast as ua } from "sonner";
+import { Progress as fa } from "@radix-ui/react-progress";
 import * as y from "@radix-ui/react-dialog";
 import * as j from "@radix-ui/react-navigation-menu";
 function i(...a) {
-  return ae(te(a));
+  return re(ae(a));
 }
-const Me = B(
+const Pe = L(
   "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 Me = B(
       size: "md"
     }
   }
-), S = w(
+), D = N(
   ({
     className: a,
     variant: t,
@@ -54,29 +54,29 @@ const Me = B(
     isLoading: l,
     leftIcon: n,
     rightIcon: d,
-    children: m,
-    disabled: u,
+    children: u,
+    disabled: m,
     ...f
   }, v) => /* @__PURE__ */ e(
     "button",
     {
-      className: i(Me({ variant: t, size: r, fullWidth: s, className: a })),
+      className: i(Pe({ variant: t, size: r, fullWidth: s, className: a })),
       ref: v,
-      disabled: u || l,
+      disabled: m || l,
       ...f,
-      children: l ? /* @__PURE__ */ o(P, { children: [
-        /* @__PURE__ */ e(U, { className: "h-4 w-4 animate-spin" }),
-        m && /* @__PURE__ */ e("span", { children: m })
-      ] }) : /* @__PURE__ */ o(P, { children: [
+      children: l ? /* @__PURE__ */ o(A, { children: [
+        /* @__PURE__ */ e(q, { className: "h-4 w-4 animate-spin" }),
+        u && /* @__PURE__ */ e("span", { children: u })
+      ] }) : /* @__PURE__ */ o(A, { children: [
         n && /* @__PURE__ */ e("span", { className: "inline-flex", children: n }),
-        m,
+        u,
         d && /* @__PURE__ */ e("span", { className: "inline-flex", children: d })
       ] })
     }
   )
 );
-S.displayName = "Button";
-const Pe = w(
+D.displayName = "Button";
+const Ae = N(
   ({ className: a, error: t, helperText: r, ...s }, l) => /* @__PURE__ */ o("div", { className: "w-full", children: [
     /* @__PURE__ */ e(
       "textarea",
@@ -106,8 +106,8 @@ const Pe = w(
     )
   ] })
 );
-Pe.displayName = "Textarea";
-const Ae = B(
+Ae.displayName = "Textarea";
+const _e = L(
   "inline-flex items-center rounded-full font-medium transition-colors whitespace-nowrap",
   {
     variants: {
@@ -131,12 +131,12 @@ const Ae = B(
       size: "md"
     }
   }
-), E = w(
-  ({ className: a, variant: t, size: r, icon: s, onRemove: l, children: n, ...d }, m) => /* @__PURE__ */ o(
+), E = N(
+  ({ className: a, variant: t, size: r, icon: s, onRemove: l, children: n, ...d }, u) => /* @__PURE__ */ o(
     "div",
     {
-      ref: m,
-      className: i(Ae({ 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 Ae = B(
   )
 );
 E.displayName = "Badge";
-const _e = B(
+const Be = L(
   "relative inline-flex items-center justify-center overflow-hidden rounded-full bg-[var(--muted)] text-[var(--muted-foreground)] flex-shrink-0",
   {
     variants: {
@@ -170,20 +170,20 @@ const _e = B(
       size: "md"
     }
   }
-), Be = w(
-  ({ className: a, size: t, src: r, alt: s, name: l, showStatus: n, statusType: d = "online", ...m }, u) => {
-    const [f, v] = z(!1), p = (h) => h.split(" ").map((c) => c[0]).join("").toUpperCase().slice(0, 2), b = {
+), Le = N(
+  ({ className: a, size: t, src: r, alt: s, name: l, showStatus: n, statusType: d = "online", ...u }, m) => {
+    const [f, v] = z(!1), g = (x) => x.split(" ").map((c) => c[0]).join("").toUpperCase().slice(0, 2), b = {
       online: "bg-[var(--success)]",
       offline: "bg-[var(--muted-foreground)]",
       away: "bg-[var(--warning)]",
       busy: "bg-[var(--destructive)]"
-    }, x = {
+    }, h = {
       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: u, className: i(_e({ size: t }), "relative", a), children: [
+    return /* @__PURE__ */ o("div", { ref: m, className: i(Be({ size: t }), "relative", a), children: [
       r && !f ? /* @__PURE__ */ e(
         "img",
         {
@@ -191,16 +191,16 @@ const _e = B(
           alt: s || l || "Avatar",
           onError: () => v(!0),
           className: "h-full w-full object-cover",
-          ...m
+          ...u
         }
-      ) : l ? /* @__PURE__ */ e("span", { className: "font-medium", children: p(l) }) : /* @__PURE__ */ e(re, { className: "h-1/2 w-1/2" }),
+      ) : l ? /* @__PURE__ */ e("span", { className: "font-medium", children: g(l) }) : /* @__PURE__ */ e(ie, { className: "h-1/2 w-1/2" }),
       n && /* @__PURE__ */ e(
         "span",
         {
           className: i(
             "absolute bottom-0 right-0 rounded-full border-[var(--background)]",
             b[d],
-            x[t || "md"]
+            h[t || "md"]
           ),
           "aria-label": `Status: ${d}`
         }
@@ -208,8 +208,8 @@ const _e = B(
     ] });
   }
 );
-Be.displayName = "Avatar";
-const Le = B("animate-spin text-[var(--brand-primary)]", {
+Le.displayName = "Avatar";
+const Re = L("animate-spin text-[var(--brand-primary)]", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -221,7 +221,7 @@ const Le = B("animate-spin text-[var(--brand-primary)]", {
   defaultVariants: {
     size: "md"
   }
-}), Ee = w(
+}), Ee = N(
   ({ className: a, size: t, label: r, ...s }, l) => /* @__PURE__ */ o(
     "div",
     {
@@ -231,14 +231,14 @@ const Le = B("animate-spin text-[var(--brand-primary)]", {
       className: i("inline-flex items-center justify-center", a),
       ...s,
       children: [
-        /* @__PURE__ */ e(U, { className: i(Le({ size: t })) }),
+        /* @__PURE__ */ e(q, { className: i(Re({ size: t })) }),
         /* @__PURE__ */ e("span", { className: "sr-only", children: r || "Loading" })
       ]
     }
   )
 );
 Ee.displayName = "Spinner";
-const Re = w(
+const Te = N(
   ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: s, ...l }, n) => {
     const d = {
       solid: "border-solid",
@@ -284,8 +284,8 @@ const Re = w(
     );
   }
 );
-Re.displayName = "Divider";
-const V = w(
+Te.displayName = "Divider";
+const F = N(
   ({
     className: a,
     value: t = 0,
@@ -294,51 +294,51 @@ const V = w(
     readonly: l = !1,
     onChange: n,
     showValue: d = !1,
-    ...m
-  }, u) => {
-    const [f, v] = z(0), p = {
+    ...u
+  }, m) => {
+    const [f, v] = z(0), g = {
       sm: "h-4 w-4",
       md: "h-5 w-5",
       lg: "h-6 w-6"
-    }, b = (h) => {
-      !l && n && n(h);
-    }, x = f || t;
+    }, b = (x) => {
+      !l && n && n(x);
+    }, h = f || t;
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: u,
+        ref: m,
         className: i("inline-flex items-center gap-1", a),
         role: "group",
         "aria-label": `Rating: ${t} out of ${r}`,
-        ...m,
+        ...u,
         children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: Array.from({ length: r }, (h, c) => c + 1).map((h) => {
-            const c = h <= x;
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: Array.from({ length: r }, (x, c) => c + 1).map((x) => {
+            const c = x <= h;
             return /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 disabled: l,
-                onClick: () => b(h),
-                onMouseEnter: () => !l && v(h),
+                onClick: () => b(x),
+                onMouseEnter: () => !l && v(x),
                 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 ${h} out of ${r}`,
+                "aria-label": `Rate ${x} out of ${r}`,
                 children: /* @__PURE__ */ e(
-                  ie,
+                  oe,
                   {
                     className: i(
-                      p[s],
+                      g[s],
                       "transition-all",
                       c ? "fill-[var(--warning)] text-[var(--warning)]" : "fill-none text-[var(--muted-foreground)]"
                     )
                   }
                 )
               },
-              h
+              x
             );
           }) }),
           d && /* @__PURE__ */ e("span", { className: "ml-1 text-sm font-medium text-[var(--foreground)]", children: t.toFixed(1) })
@@ -347,8 +347,8 @@ const V = w(
     );
   }
 );
-V.displayName = "Rating";
-function Dt({ className: a, type: t, ...r }) {
+F.displayName = "Rating";
+function Mt({ className: a, type: t, ...r }) {
   return /* @__PURE__ */ e(
     "input",
     {
@@ -364,17 +364,17 @@ function Dt({ className: a, type: t, ...r }) {
     }
   );
 }
-function jt({
+function Pt({
   ...a
 }) {
   return /* @__PURE__ */ e(C.Root, { "data-slot": "select", ...a });
 }
-function Mt({
+function At({
   ...a
 }) {
   return /* @__PURE__ */ e(C.Value, { "data-slot": "select-value", ...a });
 }
-function Pt({
+function _t({
   className: a,
   size: t = "default",
   children: r,
@@ -392,12 +392,12 @@ function Pt({
       ...s,
       children: [
         r,
-        /* @__PURE__ */ e(C.Icon, { asChild: !0, children: /* @__PURE__ */ e(R, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ e(C.Icon, { asChild: !0, children: /* @__PURE__ */ e(T, { className: "size-4 opacity-50" }) })
       ]
     }
   );
 }
-function At({
+function Bt({
   className: a,
   children: t,
   position: r = "popper",
@@ -415,7 +415,7 @@ function At({
       position: r,
       ...s,
       children: [
-        /* @__PURE__ */ e(Te, {}),
+        /* @__PURE__ */ e($e, {}),
         /* @__PURE__ */ e(
           C.Viewport,
           {
@@ -426,12 +426,12 @@ function At({
             children: t
           }
         ),
-        /* @__PURE__ */ e($e, {})
+        /* @__PURE__ */ e(Ve, {})
       ]
     }
   ) });
 }
-function _t({
+function Lt({
   className: a,
   children: t,
   ...r
@@ -446,13 +446,13 @@ function _t({
       ),
       ...r,
       children: [
-        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(C.ItemIndicator, { children: /* @__PURE__ */ e(W, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(C.ItemIndicator, { children: /* @__PURE__ */ e(X, { className: "size-4" }) }) }),
         /* @__PURE__ */ e(C.ItemText, { children: t })
       ]
     }
   );
 }
-function Te({
+function $e({
   className: a,
   ...t
 }) {
@@ -465,11 +465,11 @@ function Te({
         a
       ),
       ...t,
-      children: /* @__PURE__ */ e(oe, { className: "size-4" })
+      children: /* @__PURE__ */ e(ne, { className: "size-4" })
     }
   );
 }
-function $e({
+function Ve({
   className: a,
   ...t
 }) {
@@ -482,16 +482,16 @@ function $e({
         a
       ),
       ...t,
-      children: /* @__PURE__ */ e(R, { className: "size-4" })
+      children: /* @__PURE__ */ e(T, { className: "size-4" })
     }
   );
 }
-function Bt({
+function Rt({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    q.Root,
+    G.Root,
     {
       "data-slot": "checkbox",
       className: i(
@@ -500,22 +500,22 @@ function Bt({
       ),
       ...t,
       children: /* @__PURE__ */ e(
-        q.Indicator,
+        G.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ e(W, { className: "size-3.5" })
+          children: /* @__PURE__ */ e(X, { className: "size-3.5" })
         }
       )
     }
   );
 }
-function Lt({
+function Et({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    $.Root,
+    V.Root,
     {
       "data-slot": "radio-group",
       className: i("grid gap-3", a),
@@ -523,12 +523,12 @@ function Lt({
     }
   );
 }
-function Et({
+function Tt({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    $.Item,
+    V.Item,
     {
       "data-slot": "radio-group-item",
       className: i(
@@ -537,22 +537,22 @@ function Et({
       ),
       ...t,
       children: /* @__PURE__ */ e(
-        $.Indicator,
+        V.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ e(ne, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ e(se, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
         }
       )
     }
   );
 }
-function Rt({
+function $t({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    G.Root,
+    H.Root,
     {
       "data-slot": "switch",
       className: i(
@@ -561,7 +561,7 @@ function Rt({
       ),
       ...t,
       children: /* @__PURE__ */ e(
-        G.Thumb,
+        H.Thumb,
         {
           "data-slot": "switch-thumb",
           className: i(
@@ -572,14 +572,18 @@ function Rt({
     }
   );
 }
-function H({
+const Fe = ({ src: a, alt: t, className: r }) => (
+  // eslint-disable-next-line @next/next/no-img-element
+  /* @__PURE__ */ e("img", { src: a, alt: t, className: r, loading: "lazy", decoding: "async" })
+);
+function Q({
   href: a,
   className: t,
   children: r
 }) {
   return a ? /* @__PURE__ */ e("a", { href: a, className: t, tabIndex: -1, "aria-hidden": "true", children: r }) : /* @__PURE__ */ e("div", { className: t, children: r });
 }
-const F = w(
+const I = N(
   ({
     className: a,
     image: t,
@@ -588,68 +592,66 @@ const F = w(
     price: l,
     originalPrice: n,
     rating: d,
-    reviewCount: m,
-    badge: u,
+    reviewCount: u,
+    badge: m,
     badgeVariant: f = "default",
     isSkeleton: v = !1,
-    isOutOfStock: p = !1,
+    isOutOfStock: g = !1,
     onAddToCart: b,
-    onToggleFavorite: x,
-    isFavorite: h = !1,
+    onToggleFavorite: h,
+    isFavorite: x = !1,
     href: c,
-    orientation: g = "vertical",
-    ...N
-  }, D) => v ? /* @__PURE__ */ o(
+    orientation: p = "vertical",
+    renderImage: w = Fe,
+    ...S
+  }, P) => v ? /* @__PURE__ */ o(
     "div",
     {
-      ref: D,
+      ref: P,
       className: i(
         "flex rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-4 animate-pulse",
-        g === "horizontal" ? "flex-row gap-3" : "flex-col",
+        p === "horizontal" ? "flex-row gap-3" : "flex-col",
         a
       ),
-      ...N,
+      ...S,
       children: [
         /* @__PURE__ */ e(
           "div",
           {
             className: i(
               "rounded-lg bg-[var(--muted)]",
-              g === "horizontal" ? "h-24 w-20 shrink-0" : "w-full aspect-square"
+              p === "horizontal" ? "h-24 w-20 shrink-0" : "w-full aspect-square"
             )
           }
         ),
-        /* @__PURE__ */ o("div", { className: i("flex flex-col gap-2", g === "horizontal" ? "flex-1" : "mt-3"), children: [
+        /* @__PURE__ */ o("div", { className: i("flex flex-col gap-2", p === "horizontal" ? "flex-1" : "mt-3"), children: [
           /* @__PURE__ */ e("div", { className: "h-4 w-3/4 rounded bg-[var(--muted)]" }),
           /* @__PURE__ */ e("div", { className: "h-4 w-1/2 rounded bg-[var(--muted)]" }),
           /* @__PURE__ */ e("div", { className: "h-10 w-full rounded bg-[var(--muted)]" })
         ] })
       ]
     }
-  ) : g === "horizontal" ? /* @__PURE__ */ o(
+  ) : p === "horizontal" ? /* @__PURE__ */ o(
     "div",
     {
-      ref: D,
+      ref: P,
       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
       ),
-      ...N,
+      ...S,
       children: [
         /* @__PURE__ */ e(
-          H,
+          Q,
           {
             href: c,
-            className: "block h-24 w-20 shrink-0 overflow-hidden rounded-lg",
-            children: /* @__PURE__ */ e(
-              "img",
-              {
-                src: t,
-                alt: r,
-                className: "h-full w-full object-contain transition-transform duration-300 group-hover:scale-105"
-              }
-            )
+            className: "relative block h-24 w-20 shrink-0 overflow-hidden rounded-lg",
+            children: w({
+              src: t,
+              alt: r,
+              className: "h-full w-full object-contain transition-transform duration-300 group-hover:scale-105"
+            })
           }
         ),
         /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
@@ -663,10 +665,10 @@ const F = w(
           ) : /* @__PURE__ */ e("h3", { className: "line-clamp-2 text-sm font-medium text-[var(--card-foreground)]", children: r }),
           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(V, { value: d, size: "sm", readonly: !0 }),
-            m !== void 0 && /* @__PURE__ */ o("span", { className: "text-xs text-[var(--muted-foreground)]", children: [
+            /* @__PURE__ */ e(F, { value: d, size: "sm", readonly: !0 }),
+            u !== void 0 && /* @__PURE__ */ o("span", { className: "text-xs text-[var(--muted-foreground)]", children: [
               "(",
-              m,
+              u,
               ")"
             ] })
           ] }),
@@ -681,16 +683,16 @@ const F = w(
             ] })
           ] }),
           b && /* @__PURE__ */ e(
-            S,
+            D,
             {
               onClick: b,
-              disabled: p,
+              disabled: g,
               variant: "primary",
               size: "sm",
               fullWidth: !0,
-              leftIcon: /* @__PURE__ */ e(T, { className: "h-3.5 w-3.5" }),
+              leftIcon: /* @__PURE__ */ e($, { className: "h-3.5 w-3.5" }),
               className: "mt-auto",
-              children: p ? "Indisponível" : "Adicionar"
+              children: g ? "Indisponível" : "Adicionar"
             }
           )
         ] })
@@ -699,45 +701,42 @@ const F = w(
   ) : /* @__PURE__ */ o(
     "div",
     {
-      ref: D,
+      ref: P,
       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
       ),
-      ...N,
+      ...S,
       children: [
         /* @__PURE__ */ o(
-          H,
+          Q,
           {
             href: c,
             className: "relative block w-full aspect-square overflow-hidden rounded-t-lg",
             children: [
-              /* @__PURE__ */ e(
-                "img",
-                {
-                  src: t,
-                  alt: r,
-                  className: "h-full w-full object-contain transition-transform group-hover:scale-105"
-                }
-              ),
-              u && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ e(E, { variant: f, children: u }) }),
-              p && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(E, { variant: "danger", size: "lg", children: "Esgotado" }) })
+              w({
+                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(E, { variant: f, children: m }) }),
+              g && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(E, { variant: "danger", size: "lg", children: "Esgotado" }) })
             ]
           }
         ),
-        x && /* @__PURE__ */ e(
+        h && /* @__PURE__ */ e(
           "button",
           {
-            onClick: x,
+            onClick: h,
             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": h ? "Remover dos favoritos" : "Adicionar aos favoritos",
+            "aria-label": x ? "Remover dos favoritos" : "Adicionar aos favoritos",
             children: /* @__PURE__ */ e(
-              se,
+              le,
               {
                 className: i(
                   "h-5 w-5",
-                  h ? "fill-[var(--destructive)] text-[var(--destructive)]" : "text-[var(--foreground)]"
+                  x ? "fill-[var(--destructive)] text-[var(--destructive)]" : "text-[var(--foreground)]"
                 )
               }
             )
@@ -754,10 +753,10 @@ const F = w(
           ) : /* @__PURE__ */ e("h3", { className: "wrap-break-word 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(V, { value: d, size: "sm", readonly: !0 }),
-            m !== void 0 && /* @__PURE__ */ o("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
+            /* @__PURE__ */ e(F, { value: d, size: "sm", readonly: !0 }),
+            u !== void 0 && /* @__PURE__ */ o("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
               "(",
-              m,
+              u,
               ")"
             ] })
           ] }),
@@ -772,21 +771,21 @@ const F = w(
             ] })
           ] }),
           b && /* @__PURE__ */ e(
-            S,
+            D,
             {
               onClick: b,
-              disabled: p,
+              disabled: g,
               variant: "primary",
               size: "md",
               fullWidth: !0,
-              leftIcon: /* @__PURE__ */ e(T, { className: "h-4 w-4" }),
+              leftIcon: /* @__PURE__ */ e($, { className: "h-4 w-4" }),
               className: i(
                 "mt-4 transition-all duration-200",
                 "opacity-0 translate-y-2",
                 "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,8 +793,8 @@ const F = w(
     }
   )
 );
-F.displayName = "ProductCard";
-const Ve = w(
+I.displayName = "ProductCard";
+const Ie = N(
   ({
     className: a,
     onSearch: t,
@@ -804,44 +803,44 @@ const Ve = w(
     size: l = "md",
     placeholder: n = "Buscar...",
     value: d,
-    onChange: m,
-    ...u
+    onChange: u,
+    ...m
   }, f) => {
-    const [v, p] = z(""), b = d !== void 0 ? d : v, x = {
+    const [v, g] = z(""), b = d !== void 0 ? d : v, h = {
       sm: "h-9 text-sm",
       md: "h-11 text-base",
       lg: "h-14 text-lg"
-    }, h = (N) => {
-      const D = N.target.value;
-      d === void 0 && p(D), m == null || m(N);
+    }, x = (w) => {
+      const S = w.target.value;
+      d === void 0 && g(S), u == null || u(w);
     }, c = () => {
-      d === void 0 && p(""), r == null || r();
-    }, g = (N) => {
-      N.key === "Enter" && t && t(b);
+      d === void 0 && g(""), r == null || r();
+    }, p = (w) => {
+      w.key === "Enter" && t && t(b);
     };
     return /* @__PURE__ */ e("div", { className: i("relative w-full", a), children: /* @__PURE__ */ o("div", { className: "relative flex items-center", children: [
-      /* @__PURE__ */ e(X, { className: "absolute left-3 h-5 w-5 text-[var(--muted-foreground)] pointer-events-none" }),
+      /* @__PURE__ */ e(Y, { className: "absolute left-3 h-5 w-5 text-[var(--muted-foreground)] pointer-events-none" }),
       /* @__PURE__ */ e(
         "input",
         {
           ref: f,
           type: "search",
           value: b,
-          onChange: h,
-          onKeyDown: g,
+          onChange: x,
+          onKeyDown: p,
           placeholder: n,
           className: i(
             "w-full rounded-lg border-2 border-[var(--border)] bg-[var(--input-background)] pl-10 pr-10 font-normal transition-colors",
             "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]
+            h[l]
           ),
-          ...u
+          ...m
         }
       ),
       /* @__PURE__ */ o("div", { className: "absolute right-3 flex items-center gap-1", children: [
-        s && /* @__PURE__ */ e(U, { className: "h-5 w-5 animate-spin text-[var(--muted-foreground)]" }),
+        s && /* @__PURE__ */ e(q, { className: "h-5 w-5 animate-spin text-[var(--muted-foreground)]" }),
         b && !s && /* @__PURE__ */ e(
           "button",
           {
@@ -849,15 +848,15 @@ const Ve = w(
             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(le, { className: "h-4 w-4 text-[var(--muted-foreground)]" })
+            children: /* @__PURE__ */ e(de, { className: "h-4 w-4 text-[var(--muted-foreground)]" })
           }
         )
       ] })
     ] }) });
   }
 );
-Ve.displayName = "SearchBar";
-const Fe = w(
+Ie.displayName = "SearchBar";
+const Ue = N(
   ({
     className: a,
     price: t,
@@ -866,20 +865,20 @@ const Fe = w(
     size: l = "md",
     showDiscount: n = !0,
     installments: d,
-    ...m
-  }, u) => {
+    ...u
+  }, m) => {
     const f = 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: u, className: i("flex flex-col gap-1", a), ...m, children: [
+    return /* @__PURE__ */ o("div", { ref: m, 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: [
@@ -892,7 +891,7 @@ const Fe = w(
             {
               className: i(
                 "text-[var(--muted-foreground)] line-through",
-                p[l]
+                g[l]
               ),
               children: [
                 s,
@@ -920,8 +919,8 @@ const Fe = w(
     ] });
   }
 );
-Fe.displayName = "PriceDisplay";
-const Ie = w(
+Ue.displayName = "PriceDisplay";
+const qe = N(
   ({
     className: a,
     value: t,
@@ -930,39 +929,39 @@ const Ie = w(
     onChange: l,
     size: n = "md",
     disabled: d = !1,
-    showLabel: m = !1,
-    ...u
+    showLabel: u = !1,
+    ...m
   }, f) => {
     const v = () => {
       t < s && l(t + 1);
-    }, p = () => {
+    }, g = () => {
       t > r && l(t - 1);
     }, b = (c) => {
-      const g = parseInt(c.target.value);
-      !isNaN(g) && g >= r && g <= s && l(g);
-    }, x = {
+      const p = parseInt(c.target.value);
+      !isNaN(p) && p >= r && p <= s && l(p);
+    }, h = {
       sm: "h-8 w-8",
       md: "h-10 w-10",
       lg: "h-12 w-12"
-    }, h = {
+    }, x = {
       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), ...u, children: [
-      m && /* @__PURE__ */ e("label", { className: "text-sm font-medium text-[var(--foreground)]", children: "Quantidade" }),
+    return /* @__PURE__ */ o("div", { ref: f, className: i("inline-flex flex-col gap-1", a), ...m, 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(
-          S,
+          D,
           {
             type: "button",
             variant: "secondary",
             size: "sm",
-            onClick: p,
+            onClick: g,
             disabled: d || t <= r,
-            className: i(x[n], "p-0"),
+            className: i(h[n], "p-0"),
             "aria-label": "Decrease quantity",
-            children: /* @__PURE__ */ e(de, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ e(ce, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ e(
@@ -979,31 +978,31 @@ const Ie = 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",
-              h[n]
+              x[n]
             ),
             "aria-label": "Quantity"
           }
         ),
         /* @__PURE__ */ e(
-          S,
+          D,
           {
             type: "button",
             variant: "secondary",
             size: "sm",
             onClick: v,
             disabled: d || t >= s,
-            className: i(x[n], "p-0"),
+            className: i(h[n], "p-0"),
             "aria-label": "Increase quantity",
-            children: /* @__PURE__ */ e(ce, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ e(ue, { className: "h-4 w-4" })
           }
         )
       ] })
     ] });
   }
 );
-Ie.displayName = "QuantitySelector";
-const Ue = w(
-  ({ className: a, label: t, htmlFor: r, required: s, error: l, helperText: n, children: d, ...m }, u) => /* @__PURE__ */ o("div", { ref: u, className: i("flex flex-col gap-1.5", a), ...m, children: [
+qe.displayName = "QuantitySelector";
+const Ge = N(
+  ({ className: a, label: t, htmlFor: r, required: s, error: l, helperText: n, children: d, ...u }, m) => /* @__PURE__ */ o("div", { ref: m, className: i("flex flex-col gap-1.5", a), ...u, children: [
     t && /* @__PURE__ */ o(
       "label",
       {
@@ -1028,11 +1027,11 @@ const Ue = w(
     )
   ] })
 );
-Ue.displayName = "FormGroup";
-function Tt({ ...a }) {
+Ge.displayName = "FormGroup";
+function Vt({ ...a }) {
   return /* @__PURE__ */ e("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...a });
 }
-function $t({ className: a, ...t }) {
+function Ft({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "ol",
     {
@@ -1045,7 +1044,7 @@ function $t({ className: a, ...t }) {
     }
   );
 }
-function Vt({ className: a, ...t }) {
+function It({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "li",
     {
@@ -1055,13 +1054,13 @@ function Vt({ className: a, ...t }) {
     }
   );
 }
-function Ft({
+function Ut({
   asChild: a,
   className: t,
   ...r
 }) {
   return /* @__PURE__ */ e(
-    a ? je : "a",
+    a ? Me : "a",
     {
       "data-slot": "breadcrumb-link",
       className: i("hover:text-foreground transition-colors", t),
@@ -1069,7 +1068,7 @@ function Ft({
     }
   );
 }
-function It({ className: a, ...t }) {
+function qt({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "span",
     {
@@ -1082,7 +1081,7 @@ function It({ className: a, ...t }) {
     }
   );
 }
-function Ut({
+function Gt({
   children: a,
   className: t,
   ...r
@@ -1095,21 +1094,21 @@ function Ut({
       "aria-hidden": "true",
       className: i("[&>svg]:size-3.5", t),
       ...r,
-      children: a ?? /* @__PURE__ */ e(Y, {})
+      children: a ?? /* @__PURE__ */ e(K, {})
     }
   );
 }
-function qt({
+function Ht({
   ...a
 }) {
-  return /* @__PURE__ */ e(_.Root, { "data-slot": "accordion", ...a });
+  return /* @__PURE__ */ e(B.Root, { "data-slot": "accordion", ...a });
 }
-function Gt({
+function Qt({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    _.Item,
+    B.Item,
     {
       "data-slot": "accordion-item",
       className: i("border-b last:border-b-0", a),
@@ -1117,13 +1116,13 @@ function Gt({
     }
   );
 }
-function Ht({
+function Wt({
   className: a,
   children: t,
   ...r
 }) {
-  return /* @__PURE__ */ e(_.Header, { className: "flex", children: /* @__PURE__ */ o(
-    _.Trigger,
+  return /* @__PURE__ */ e(B.Header, { className: "flex", children: /* @__PURE__ */ o(
+    B.Trigger,
     {
       "data-slot": "accordion-trigger",
       className: i(
@@ -1133,18 +1132,18 @@ function Ht({
       ...r,
       children: [
         t,
-        /* @__PURE__ */ e(R, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+        /* @__PURE__ */ e(T, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
       ]
     }
   ) });
 }
-function Qt({
+function Xt({
   className: a,
   children: t,
   ...r
 }) {
   return /* @__PURE__ */ e(
-    _.Content,
+    B.Content,
     {
       "data-slot": "accordion-content",
       className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
@@ -1153,7 +1152,7 @@ function Qt({
     }
   );
 }
-function qe({
+function He({
   delayDuration: a = 0,
   ...t
 }) {
@@ -1166,17 +1165,17 @@ function qe({
     }
   );
 }
-function Wt({
+function Yt({
   ...a
 }) {
-  return /* @__PURE__ */ e(qe, { children: /* @__PURE__ */ e(M.Root, { "data-slot": "tooltip", ...a }) });
+  return /* @__PURE__ */ e(He, { children: /* @__PURE__ */ e(M.Root, { "data-slot": "tooltip", ...a }) });
 }
-function Xt({
+function Kt({
   ...a
 }) {
   return /* @__PURE__ */ e(M.Trigger, { "data-slot": "tooltip-trigger", ...a });
 }
-function Yt({
+function Ot({
   className: a,
   sideOffset: t = 0,
   children: r,
@@ -1199,7 +1198,7 @@ function Yt({
     }
   ) });
 }
-const Ge = w(
+const Qe = N(
   ({
     className: a,
     variant: t = "default",
@@ -1208,14 +1207,14 @@ const Ge = w(
     description: l,
     primaryCTA: n,
     secondaryCTA: d,
-    backgroundImage: m,
-    overlay: u = !0,
+    backgroundImage: u,
+    overlay: m = !0,
     children: f,
     ...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",
         {
@@ -1227,15 +1226,15 @@ const Ge = w(
       ),
       ...v,
       children: [
-        m && /* @__PURE__ */ o(P, { children: [
+        u && /* @__PURE__ */ o(A, { children: [
           /* @__PURE__ */ e(
             "div",
             {
               className: "absolute inset-0 bg-cover bg-center bg-no-repeat",
-              style: { backgroundImage: `url(${m})` }
+              style: { backgroundImage: `url(${u})` }
             }
           ),
-          u && /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/70 to-black/30" })
+          m && /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/70 to-black/30" })
         ] }),
         /* @__PURE__ */ o(
           "div",
@@ -1251,7 +1250,7 @@ const Ge = w(
                   {
                     className: i(
                       "mb-4 text-sm font-semibold uppercase tracking-wider",
-                      m ? "text-[var(--warning)]" : "text-[var(--brand-primary)]"
+                      u ? "text-[var(--warning)]" : "text-[var(--brand-primary)]"
                     ),
                     children: s
                   }
@@ -1261,7 +1260,7 @@ const Ge = w(
                   {
                     className: i(
                       "text-4xl font-bold leading-tight lg:text-5xl xl:text-6xl",
-                      m ? "text-white" : "text-[var(--foreground)]"
+                      u ? "text-white" : "text-[var(--foreground)]"
                     ),
                     children: r
                   }
@@ -1271,14 +1270,14 @@ const Ge = w(
                   {
                     className: i(
                       "mt-6 text-lg lg:text-xl",
-                      m ? "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(
-                    S,
+                    D,
                     {
                       size: "lg",
                       onClick: n.onClick,
@@ -1287,7 +1286,7 @@ const Ge = w(
                     }
                   ),
                   d && /* @__PURE__ */ e(
-                    S,
+                    D,
                     {
                       size: "lg",
                       onClick: d.onClick,
@@ -1306,8 +1305,8 @@ const Ge = w(
     }
   )
 );
-Ge.displayName = "Hero";
-const Z = w(
+Qe.displayName = "Hero";
+const J = N(
   ({
     className: a,
     variant: t = "default",
@@ -1316,17 +1315,17 @@ const Z = w(
     description: l,
     action: n,
     ...d
-  }, m) => {
+  }, u) => {
     const f = r || {
-      default: /* @__PURE__ */ e(me, { className: "h-16 w-16" }),
-      search: /* @__PURE__ */ e(X, { className: "h-16 w-16" }),
-      cart: /* @__PURE__ */ e(T, { className: "h-16 w-16" }),
-      error: /* @__PURE__ */ e(ue, { className: "h-16 w-16" })
+      default: /* @__PURE__ */ e(fe, { 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(me, { className: "h-16 w-16" })
     }[t];
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: m,
+        ref: u,
         className: i(
           "flex flex-col items-center justify-center py-16 px-6 text-center",
           a
@@ -1337,7 +1336,7 @@ const Z = w(
           /* @__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(
-            S,
+            D,
             {
               onClick: n.onClick,
               variant: "primary",
@@ -1351,8 +1350,8 @@ const Z = w(
     );
   }
 );
-Z.displayName = "EmptyState";
-const He = w(
+J.displayName = "EmptyState";
+const We = N(
   ({
     className: a,
     type: t = "generic",
@@ -1361,10 +1360,10 @@ const He = w(
     onRetry: l,
     onGoHome: n,
     showRetry: d = !0,
-    showHome: m = !0,
-    ...u
+    showHome: u = !0,
+    ...m
   }, f) => {
-    const p = {
+    const g = {
       404: {
         title: "Página não encontrada",
         message: "A página que você está procurando não existe ou foi movida.",
@@ -1385,7 +1384,7 @@ const He = w(
         message: "Ocorreu um erro inesperado. Por favor, tente novamente.",
         code: ""
       }
-    }[t], b = r || p.title, x = s || p.message;
+    }[t], b = r || g.title, h = s || g.message;
     return /* @__PURE__ */ o(
       "div",
       {
@@ -1396,32 +1395,32 @@ const He = w(
         ),
         role: "alert",
         "aria-live": "assertive",
-        ...u,
+        ...m,
         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(fe, { 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: b }),
-          /* @__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: h }),
           /* @__PURE__ */ o("div", { className: "mt-8 flex flex-wrap gap-4 justify-center", children: [
             d && l && /* @__PURE__ */ e(
-              S,
+              D,
               {
                 onClick: l,
                 variant: "primary",
                 size: "lg",
-                leftIcon: /* @__PURE__ */ e(ge, { className: "h-5 w-5" }),
+                leftIcon: /* @__PURE__ */ e(pe, { className: "h-5 w-5" }),
                 children: "Tentar novamente"
               }
             ),
-            m && n && /* @__PURE__ */ e(
-              S,
+            u && n && /* @__PURE__ */ e(
+              D,
               {
                 onClick: n,
                 variant: "secondary",
                 size: "lg",
-                leftIcon: /* @__PURE__ */ e(pe, { className: "h-5 w-5" }),
+                leftIcon: /* @__PURE__ */ e(ve, { className: "h-5 w-5" }),
                 children: "Voltar ao início"
               }
             )
@@ -1431,8 +1430,8 @@ const He = w(
     );
   }
 );
-He.displayName = "ErrorState";
-const Qe = w(
+We.displayName = "ErrorState";
+const Xe = N(
   ({
     className: a,
     products: t,
@@ -1441,10 +1440,11 @@ const Qe = w(
     isLoading: l = !1,
     skeletonCount: n = 8,
     emptyStateMessage: d = "Nenhum produto encontrado",
-    onEmptyAction: m,
-    ...u
-  }, f) => {
-    const v = {
+    onEmptyAction: u,
+    renderImage: m,
+    ...f
+  }, v) => {
+    const g = {
       sm: "gap-4",
       md: "gap-6",
       lg: "gap-8"
@@ -1452,67 +1452,67 @@ const Qe = w(
     return l ? /* @__PURE__ */ e(
       "div",
       {
-        ref: f,
+        ref: v,
         className: i(
           "grid grid-cols-2 lg:grid-cols-4",
-          v[s],
+          g[s],
           a
         ),
-        ...u,
-        children: Array.from({ length: n }).map((p, b) => /* @__PURE__ */ e(
-          F,
+        ...f,
+        children: Array.from({ length: n }).map((b, h) => /* @__PURE__ */ e(
+          I,
           {
             image: "",
             title: "",
             price: 0,
             isSkeleton: !0
           },
-          b
+          h
         ))
       }
     ) : t.length === 0 ? /* @__PURE__ */ e(
-      Z,
+      J,
       {
         variant: "search",
         title: d,
         description: "Tente ajustar seus filtros ou realizar uma nova busca",
-        action: m ? {
+        action: u ? {
           label: "Limpar filtros",
-          onClick: m
+          onClick: u
         } : void 0
       }
     ) : /* @__PURE__ */ e(
       "div",
       {
-        ref: f,
+        ref: v,
         className: i(
           "grid grid-cols-2 lg:grid-cols-4",
-          v[s],
+          g[s],
           a
         ),
-        ...u,
-        children: t.map((p, b) => /* @__PURE__ */ e(F, { ...p }, b))
+        ...f,
+        children: t.map((b, h) => /* @__PURE__ */ e(I, { ...b, renderImage: b.renderImage ?? m }, h))
       }
     );
   }
 );
-Qe.displayName = "ProductGrid";
-function Kt({
+Xe.displayName = "ProductGrid";
+function Zt({
   ...a
 }) {
   return /* @__PURE__ */ e(y.Root, { "data-slot": "dialog", ...a });
 }
-function Ot({
+function Jt({
   ...a
 }) {
   return /* @__PURE__ */ e(y.Trigger, { "data-slot": "dialog-trigger", ...a });
 }
-function We({
+function Ye({
   ...a
 }) {
   return /* @__PURE__ */ e(y.Portal, { "data-slot": "dialog-portal", ...a });
 }
-function Xe({
+function Ke({
   className: a,
   ...t
 }) {
@@ -1528,13 +1528,13 @@ function Xe({
     }
   );
 }
-function Zt({
+function ea({
   className: a,
   children: t,
   ...r
 }) {
-  return /* @__PURE__ */ o(We, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ e(Xe, {}),
+  return /* @__PURE__ */ o(Ye, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ e(Ke, {}),
     /* @__PURE__ */ o(
       y.Content,
       {
@@ -1547,7 +1547,7 @@ function Zt({
         children: [
           t,
           /* @__PURE__ */ o(y.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
-            /* @__PURE__ */ e(K, {}),
+            /* @__PURE__ */ e(O, {}),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
           ] })
         ]
@@ -1555,7 +1555,7 @@ function Zt({
     )
   ] });
 }
-function Jt({ className: a, ...t }) {
+function ta({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1565,7 +1565,7 @@ function Jt({ className: a, ...t }) {
     }
   );
 }
-function ea({ className: a, ...t }) {
+function aa({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1578,7 +1578,7 @@ function ea({ className: a, ...t }) {
     }
   );
 }
-function ta({
+function ra({
   className: a,
   ...t
 }) {
@@ -1591,7 +1591,7 @@ function ta({
     }
   );
 }
-function aa({
+function ia({
   className: a,
   ...t
 }) {
@@ -1604,25 +1604,25 @@ function aa({
     }
   );
 }
-function Ye({ ...a }) {
+function Oe({ ...a }) {
   return /* @__PURE__ */ e(y.Root, { "data-slot": "sheet", ...a });
 }
-function Ke({
+function Ze({
   ...a
 }) {
   return /* @__PURE__ */ e(y.Trigger, { "data-slot": "sheet-trigger", ...a });
 }
-function Oe({
+function Je({
   ...a
 }) {
   return /* @__PURE__ */ e(y.Close, { "data-slot": "sheet-close", ...a });
 }
-function Ze({
+function et({
   ...a
 }) {
   return /* @__PURE__ */ e(y.Portal, { "data-slot": "sheet-portal", ...a });
 }
-function Je({
+function tt({
   className: a,
   ...t
 }) {
@@ -1638,14 +1638,14 @@ function Je({
     }
   );
 }
-function et({
+function at({
   className: a,
   children: t,
   side: r = "right",
   ...s
 }) {
-  return /* @__PURE__ */ o(Ze, { children: [
-    /* @__PURE__ */ e(Je, {}),
+  return /* @__PURE__ */ o(et, { children: [
+    /* @__PURE__ */ e(tt, {}),
     /* @__PURE__ */ o(
       y.Content,
       {
@@ -1662,7 +1662,7 @@ function et({
         children: [
           t,
           /* @__PURE__ */ o(y.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ e(K, { className: "size-4" }),
+            /* @__PURE__ */ e(O, { className: "size-4" }),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
           ] })
         ]
@@ -1670,7 +1670,7 @@ function et({
     )
   ] });
 }
-function tt({ className: a, ...t }) {
+function rt({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1680,7 +1680,7 @@ function tt({ className: a, ...t }) {
     }
   );
 }
-function ra({ className: a, ...t }) {
+function oa({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1690,7 +1690,7 @@ function ra({ className: a, ...t }) {
     }
   );
 }
-function at({
+function it({
   className: a,
   ...t
 }) {
@@ -1703,7 +1703,7 @@ function at({
     }
   );
 }
-function ia({
+function na({
   className: a,
   ...t
 }) {
@@ -1716,7 +1716,7 @@ function ia({
     }
   );
 }
-function rt({ children: a, as: t = "div", className: r }) {
+function ot({ children: a, as: t = "div", className: r }) {
   return /* @__PURE__ */ e(
     t,
     {
@@ -1727,30 +1727,30 @@ function rt({ children: a, as: t = "div", className: r }) {
     }
   );
 }
-const it = w(
+const nt = N(
   ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: s = !1, ...l }, n) => {
-    const [d, m] = z("light"), [u, f] = z(16), [v, p] = z(!1);
-    A(() => {
-      const g = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
-      m(g);
-      const N = Number(localStorage.getItem("a11y-font-size"));
-      Number.isFinite(N) && N > 0 && f(N);
-    }, []), A(() => {
+    const [d, u] = z("light"), [m, f] = z(16), [v, g] = z(!1);
+    _(() => {
+      const p = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
+      u(p);
+      const w = Number(localStorage.getItem("a11y-font-size"));
+      Number.isFinite(w) && w > 0 && f(w);
+    }, []), _(() => {
       if (!v && typeof window < "u" && !document.querySelector('script[src*="vlibras"]')) {
-        const g = document.createElement("script");
-        g.src = "https://vlibras.gov.br/app/vlibras-plugin.js", g.async = !0, g.onload = () => {
-          p(!0), window.VLibras && new window.VLibras.Widget("https://vlibras.gov.br/app");
-        }, document.body.appendChild(g);
+        const p = document.createElement("script");
+        p.src = "https://vlibras.gov.br/app/vlibras-plugin.js", p.async = !0, p.onload = () => {
+          g(!0), window.VLibras && new window.VLibras.Widget("https://vlibras.gov.br/app");
+        }, document.body.appendChild(p);
       }
     }, [v]);
     const b = () => {
       const c = d === "light" ? "dark" : "light";
-      m(c), document.documentElement.setAttribute("data-theme", c), localStorage.setItem("a11y-theme", c), t == null || t(c);
-    }, x = () => {
-      const c = Math.min(u + 2, 24);
-      f(c), document.documentElement.style.setProperty("--font-size", `${c}px`), document.documentElement.style.fontSize = `${c}px`, localStorage.setItem("a11y-font-size", c.toString()), r == null || r(c);
+      u(c), document.documentElement.setAttribute("data-theme", c), localStorage.setItem("a11y-theme", c), t == null || t(c);
     }, h = () => {
-      const c = Math.max(u - 2, 12);
+      const c = Math.min(m + 2, 24);
+      f(c), document.documentElement.style.setProperty("--font-size", `${c}px`), document.documentElement.style.fontSize = `${c}px`, localStorage.setItem("a11y-font-size", c.toString()), r == null || r(c);
+    }, x = () => {
+      const c = Math.max(m - 2, 12);
       f(c), document.documentElement.style.setProperty("--font-size", `${c}px`), document.documentElement.style.fontSize = `${c}px`, localStorage.setItem("a11y-font-size", c.toString()), r == null || r(c);
     };
     return /* @__PURE__ */ e(
@@ -1764,9 +1764,9 @@ const it = w(
         role: "toolbar",
         "aria-label": "Ferramentas de acessibilidade",
         ...l,
-        children: /* @__PURE__ */ o(rt, { className: "py-2 flex items-center justify-between", children: [
+        children: /* @__PURE__ */ o(ot, { className: "py-2 flex items-center justify-between", children: [
           /* @__PURE__ */ o("div", { className: "flex items-center gap-2 text-sm text-[var(--muted-foreground)]", children: [
-            /* @__PURE__ */ e(ve, { className: "h-4 w-4 flex-shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ e(be, { className: "h-4 w-4 flex-shrink-0", "aria-hidden": "true" }),
             /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: "Ferramentas de Acessibilidade" })
           ] }),
           /* @__PURE__ */ o("div", { className: "flex items-center gap-2 md:gap-4", children: [
@@ -1783,15 +1783,15 @@ const it = w(
                 "button",
                 {
                   type: "button",
-                  onClick: h,
-                  disabled: u <= 12,
+                  onClick: x,
+                  disabled: m <= 12,
                   "aria-label": "Diminuir tamanho da fonte",
                   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)]",
                     "disabled:opacity-40 disabled:cursor-not-allowed"
                   ),
-                  children: /* @__PURE__ */ e(be, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ e(he, { className: "h-4 w-4" })
                 }
               ),
               /* @__PURE__ */ e("span", { className: "text-xs text-[var(--muted-foreground)] w-3 text-center select-none", "aria-hidden": "true", children: "A" }),
@@ -1799,15 +1799,15 @@ const it = w(
                 "button",
                 {
                   type: "button",
-                  onClick: x,
-                  disabled: u >= 24,
+                  onClick: h,
+                  disabled: m >= 24,
                   "aria-label": "Aumentar tamanho da fonte",
                   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)]",
                     "disabled:opacity-40 disabled:cursor-not-allowed"
                   ),
-                  children: /* @__PURE__ */ e(he, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ e(xe, { className: "h-4 w-4" })
                 }
               )
             ] }),
@@ -1821,14 +1821,14 @@ const it = w(
                   "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(xe, { className: "h-4 w-4" }) : /* @__PURE__ */ e(Ne, { className: "h-4 w-4" })
+                children: d === "light" ? /* @__PURE__ */ e(Ne, { className: "h-4 w-4" }) : /* @__PURE__ */ e(we, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => p((c) => !c),
+                onClick: () => g((c) => !c),
                 "aria-label": "Ativar VLibras",
                 "aria-pressed": v,
                 className: i(
@@ -1849,8 +1849,8 @@ const it = w(
     );
   }
 );
-it.displayName = "TopAccessibilityBar";
-const ot = w(
+nt.displayName = "TopAccessibilityBar";
+const st = N(
   ({
     className: a,
     slides: t,
@@ -1858,26 +1858,26 @@ const ot = w(
     autoplay: s = !0,
     ...l
   }, n) => {
-    const [d, m] = z(0), [u, f] = z(!1), [v, p] = z(!1);
-    A(() => {
+    const [d, u] = z(0), [m, f] = z(!1), [v, g] = z(!1);
+    _(() => {
       const c = window.matchMedia("(prefers-reduced-motion: reduce)");
-      p(c.matches);
-      const g = (N) => {
-        p(N.matches);
+      g(c.matches);
+      const p = (w) => {
+        g(w.matches);
       };
-      return c.addEventListener("change", g), () => c.removeEventListener("change", g);
-    }, []), A(() => {
-      if (!s || u || v) return;
+      return c.addEventListener("change", p), () => c.removeEventListener("change", p);
+    }, []), _(() => {
+      if (!s || m || v) return;
       const c = setInterval(() => {
-        m((g) => (g + 1) % t.length);
+        u((p) => (p + 1) % t.length);
       }, r);
       return () => clearInterval(c);
-    }, [s, r, t.length, u, v]);
+    }, [s, r, t.length, m, v]);
     const b = (c) => {
-      m(c), f(!0), setTimeout(() => f(!1), r);
-    }, x = () => {
-      b((d - 1 + t.length) % t.length);
+      u(c), f(!0), setTimeout(() => f(!1), r);
     }, h = () => {
+      b((d - 1 + t.length) % t.length);
+    }, x = () => {
       b((d + 1) % t.length);
     };
     return t.length === 0 ? null : (t[d], /* @__PURE__ */ o(
@@ -1889,14 +1889,14 @@ const ot = w(
         onMouseLeave: () => f(!1),
         ...l,
         children: [
-          /* @__PURE__ */ e("div", { className: "relative", children: t.map((c, g) => /* @__PURE__ */ o(
+          /* @__PURE__ */ e("div", { className: "relative", children: t.map((c, p) => /* @__PURE__ */ o(
             "div",
             {
               className: i(
                 "w-full transition-opacity duration-700",
-                g === d ? "block" : "hidden"
+                p === d ? "block" : "hidden"
               ),
-              "aria-hidden": g !== d,
+              "aria-hidden": p !== d,
               children: [
                 /* @__PURE__ */ o("picture", { children: [
                   /* @__PURE__ */ e(
@@ -1920,7 +1920,7 @@ const ot = w(
                       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: g === 0 ? "eager" : "lazy"
+                      loading: p === 0 ? "eager" : "lazy"
                     }
                   )
                 ] }),
@@ -1940,52 +1940,52 @@ const ot = w(
             },
             c.id
           )) }),
-          t.length > 1 && /* @__PURE__ */ o(P, { children: [
+          t.length > 1 && /* @__PURE__ */ o(A, { children: [
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: x,
+                onClick: h,
                 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-[var(--ring)] min-w-[44px] min-h-[44px]",
                 "aria-label": "Slide anterior",
-                children: /* @__PURE__ */ e(we, { className: "h-6 w-6 text-gray-900" })
+                children: /* @__PURE__ */ e(ye, { className: "h-6 w-6 text-gray-900" })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: h,
+                onClick: x,
                 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-[var(--ring)] min-w-[44px] min-h-[44px]",
                 "aria-label": "Próximo slide",
-                children: /* @__PURE__ */ e(Y, { className: "h-6 w-6 text-gray-900" })
+                children: /* @__PURE__ */ e(K, { className: "h-6 w-6 text-gray-900" })
               }
             )
           ] }),
-          t.length > 1 && /* @__PURE__ */ e("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-1.5", children: t.map((c, g) => /* @__PURE__ */ e(
+          t.length > 1 && /* @__PURE__ */ e("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-1.5", children: t.map((c, p) => /* @__PURE__ */ e(
             "button",
             {
-              onClick: () => b(g),
+              onClick: () => b(p),
               className: "min-w-11 min-h-6 flex items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-full group",
-              "aria-label": `Ir para slide ${g + 1}`,
-              "aria-current": g === d,
+              "aria-label": `Ir para slide ${p + 1}`,
+              "aria-current": p === d,
               children: /* @__PURE__ */ e(
                 "span",
                 {
                   className: i(
                     "block rounded-full transition-all",
-                    g === d ? "h-1 w-3 bg-white" : "h-1 w-1 bg-white/40 group-hover:bg-white/60"
+                    p === d ? "h-1 w-3 bg-white" : "h-1 w-1 bg-white/40 group-hover:bg-white/60"
                   )
                 }
               )
             },
-            g
+            p
           )) })
         ]
       }
     ));
   }
 );
-ot.displayName = "HeroCarousel";
-function nt({
+st.displayName = "HeroCarousel";
+function lt({
   className: a,
   children: t,
   viewport: r = !0,
@@ -2003,12 +2003,12 @@ function nt({
       ...s,
       children: [
         t,
-        r && /* @__PURE__ */ e(ut, {})
+        r && /* @__PURE__ */ e(ft, {})
       ]
     }
   );
 }
-function st({
+function dt({
   className: a,
   ...t
 }) {
@@ -2024,7 +2024,7 @@ function st({
     }
   );
 }
-function Q({
+function W({
   className: a,
   ...t
 }) {
@@ -2037,10 +2037,10 @@ function Q({
     }
   );
 }
-const lt = B(
+const ct = L(
   "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 dt({
+function ut({
   className: a,
   children: t,
   ...r
@@ -2049,13 +2049,13 @@ function dt({
     j.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
-      className: i(lt(), "group", a),
+      className: i(ct(), "group", a),
       ...r,
       children: [
         t,
         " ",
         /* @__PURE__ */ e(
-          R,
+          T,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -2065,7 +2065,7 @@ function dt({
     }
   );
 }
-function ct({
+function mt({
   className: a,
   ...t
 }) {
@@ -2082,7 +2082,7 @@ function ct({
     }
   );
 }
-function ut({
+function ft({
   className: a,
   ...t
 }) {
@@ -2106,7 +2106,7 @@ function ut({
     }
   );
 }
-function I({
+function U({
   className: a,
   ...t
 }) {
@@ -2122,7 +2122,7 @@ function I({
     }
   );
 }
-function mt({ 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;
@@ -2136,7 +2136,7 @@ function mt({ items: a }) {
           }
         ),
         /* @__PURE__ */ e("ul", { className: "ml-1", role: "none", children: t.children.map((s) => /* @__PURE__ */ e("li", { role: "none", children: /* @__PURE__ */ e(
-          I,
+          U,
           {
             href: s.href ?? "#",
             className: "block rounded px-3 py-1.5 text-sm text-[var(--foreground)] hover:bg-[var(--accent)] transition-colors",
@@ -2144,7 +2144,7 @@ function mt({ items: a }) {
           }
         ) }, s.id)) })
       ] }, t.id) : /* @__PURE__ */ e("li", { role: "none", children: /* @__PURE__ */ e(
-        I,
+        U,
         {
           href: t.href ?? "#",
           className: "block rounded px-3 py-1.5 text-sm text-[var(--foreground)] hover:bg-[var(--accent)] transition-colors",
@@ -2154,10 +2154,10 @@ function mt({ items: a }) {
     }
   ) });
 }
-function J({ item: a, depth: t = 0 }) {
+function ee({ item: a, depth: t = 0 }) {
   var n;
   const [r, s] = z(!1);
-  return !((n = a.children) != null && n.length) ? /* @__PURE__ */ e(Oe, { asChild: !0, children: /* @__PURE__ */ e(
+  return !((n = a.children) != null && n.length) ? /* @__PURE__ */ e(Je, { asChild: !0, children: /* @__PURE__ */ e(
     "a",
     {
       href: a.href ?? "#",
@@ -2182,7 +2182,7 @@ function J({ item: a, depth: t = 0 }) {
         children: [
           /* @__PURE__ */ e("span", { children: a.label }),
           /* @__PURE__ */ e(
-            O,
+            Z,
             {
               "aria-hidden": "true",
               className: i(
@@ -2199,16 +2199,16 @@ function J({ item: a, depth: t = 0 }) {
       {
         id: `mobile-nav-${a.id}`,
         className: "mb-1 ml-2 border-l-2 border-[var(--border)] pl-3",
-        children: a.children.map((d) => /* @__PURE__ */ e(J, { item: d, depth: t + 1 }, d.id))
+        children: a.children.map((d) => /* @__PURE__ */ e(ee, { item: d, depth: t + 1 }, d.id))
       }
     )
   ] });
 }
-const ft = w(
-  ({ items: a, logo: t, rightSlot: r, searchSlot: s, drawerFooter: l, className: n, ...d }, m) => /* @__PURE__ */ e(
+const pt = N(
+  ({ items: a, logo: t, rightSlot: r, searchSlot: s, drawerFooter: l, className: n, ...d }, u) => /* @__PURE__ */ e(
     "header",
     {
-      ref: m,
+      ref: u,
       className: i(
         "sticky top-0 z-40 border-b border-[var(--border)] bg-[var(--card)]",
         n
@@ -2220,19 +2220,19 @@ const ft = w(
           s && /* @__PURE__ */ e("div", { className: "hidden flex-1 md:flex", children: s }),
           /* @__PURE__ */ e("div", { className: "flex-1 md:hidden", "aria-hidden": "true" }),
           r && /* @__PURE__ */ e("div", { className: "flex items-center", children: r }),
-          /* @__PURE__ */ o(Ye, { children: [
-            /* @__PURE__ */ e(Ke, { asChild: !0, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ o(Oe, { children: [
+            /* @__PURE__ */ e(Ze, { asChild: !0, children: /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 "aria-label": "Abrir menu de navegação",
                 className: "inline-flex min-h-[44px] min-w-[44px] items-center justify-center rounded-lg text-[var(--foreground)] transition-colors hover:bg-[var(--accent)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] md:hidden",
-                children: /* @__PURE__ */ e(ye, { className: "h-5 w-5", "aria-hidden": "true" })
+                children: /* @__PURE__ */ e(ke, { className: "h-5 w-5", "aria-hidden": "true" })
               }
             ) }),
-            /* @__PURE__ */ o(et, { side: "left", className: "flex flex-col p-0", children: [
-              /* @__PURE__ */ o(tt, { className: "border-b border-[var(--border)] px-5 py-4", children: [
-                /* @__PURE__ */ e(at, { className: "sr-only", children: "Menu de navegação" }),
+            /* @__PURE__ */ o(at, { side: "left", className: "flex flex-col p-0", children: [
+              /* @__PURE__ */ o(rt, { className: "border-b border-[var(--border)] px-5 py-4", children: [
+                /* @__PURE__ */ e(it, { className: "sr-only", children: "Menu de navegação" }),
                 t && /* @__PURE__ */ e("div", { className: "flex items-center", children: t })
               ] }),
               s && /* @__PURE__ */ e("div", { className: "border-b border-[var(--border)] px-5 py-4", children: s }),
@@ -2241,7 +2241,7 @@ const ft = 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((u) => /* @__PURE__ */ e("div", { className: "py-0.5", children: /* @__PURE__ */ e(J, { item: u }) }, u.id)) })
+                  children: /* @__PURE__ */ e("div", { className: "divide-y divide-[var(--border)]", children: a.map((m) => /* @__PURE__ */ e("div", { className: "py-0.5", children: /* @__PURE__ */ e(ee, { item: m }) }, m.id)) })
                 }
               ),
               l && /* @__PURE__ */ e("div", { className: "border-t border-[var(--border)] px-5 py-4", children: l })
@@ -2253,20 +2253,20 @@ const ft = w(
           {
             "aria-label": "Menu principal",
             className: "hidden border-t border-[var(--border)] py-2 md:flex",
-            children: /* @__PURE__ */ e(nt, { children: /* @__PURE__ */ e(st, { children: a.map(
-              (u) => {
+            children: /* @__PURE__ */ e(lt, { children: /* @__PURE__ */ e(dt, { children: a.map(
+              (m) => {
                 var f;
-                return (f = u.children) != null && f.length ? /* @__PURE__ */ o(Q, { children: [
-                  /* @__PURE__ */ e(dt, { className: "h-9 bg-transparent text-sm text-[var(--foreground)] hover:bg-[var(--accent)]", children: u.label }),
-                  /* @__PURE__ */ e(ct, { children: /* @__PURE__ */ e(mt, { items: u.children }) })
-                ] }, u.id) : /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(
-                  I,
+                return (f = m.children) != null && f.length ? /* @__PURE__ */ o(W, { children: [
+                  /* @__PURE__ */ e(ut, { className: "h-9 bg-transparent text-sm text-[var(--foreground)] hover:bg-[var(--accent)]", children: m.label }),
+                  /* @__PURE__ */ e(mt, { children: /* @__PURE__ */ e(gt, { items: m.children }) })
+                ] }, m.id) : /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(
+                  U,
                   {
-                    href: u.href ?? "#",
+                    href: m.href ?? "#",
                     className: "inline-flex h-9 items-center rounded-md px-4 text-sm font-medium text-[var(--foreground)] transition-colors hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
-                    children: u.label
+                    children: m.label
                   }
-                ) }, u.id);
+                ) }, m.id);
               }
             ) }) })
           }
@@ -2275,13 +2275,13 @@ const ft = w(
     }
   )
 );
-ft.displayName = "MegaMenu";
-const gt = [
-  { label: "Instagram", href: "https://instagram.com/eloeditora", Icon: ke, key: "instagram" },
-  { label: "Facebook", href: "https://facebook.com/eloeditora", Icon: ze, key: "facebook" },
-  { label: "YouTube", href: "https://youtube.com/@eloeditora", Icon: Ce, key: "youtube" },
-  { label: "LinkedIn", href: "https://linkedin.com/company/eloeditora", Icon: Se, key: "linkedin" }
-], pt = [
+pt.displayName = "MegaMenu";
+const vt = [
+  { label: "Instagram", href: "https://instagram.com/eloeditora", Icon: ze, key: "instagram" },
+  { label: "Facebook", href: "https://facebook.com/eloeditora", Icon: Ce, key: "facebook" },
+  { label: "YouTube", href: "https://youtube.com/@eloeditora", Icon: Se, key: "youtube" },
+  { label: "LinkedIn", href: "https://linkedin.com/company/eloeditora", Icon: De, key: "linkedin" }
+], bt = [
   {
     id: "catalogo",
     title: "Catálogo",
@@ -2314,10 +2314,10 @@ const gt = [
     ]
   }
 ];
-function vt({ onSubmit: a }) {
+function ht({ onSubmit: a }) {
   const [t, r] = z(""), [s, l] = z(!1);
   return /* @__PURE__ */ e("div", { className: "mx-auto w-full bg-[var(--brand-primary)] py-8 md:py-10 lg:py-12", style: { maxWidth: "var(--container-max)" }, children: /* @__PURE__ */ o("div", { className: "mx-auto max-w-lg px-[var(--container-px)] text-center", children: [
-    /* @__PURE__ */ e(De, { className: "mx-auto mb-4 h-10 w-10 text-white", "aria-hidden": "true" }),
+    /* @__PURE__ */ e(je, { className: "mx-auto mb-4 h-10 w-10 text-white", "aria-hidden": "true" }),
     /* @__PURE__ */ e("h2", { className: "text-xl font-semibold text-white sm:text-2xl", children: "Receba novidades e ofertas exclusivas" }),
     /* @__PURE__ */ e("p", { className: "mt-2 text-sm", style: { color: "rgba(255,255,255,0.85)" }, children: "Cadastre-se e fique por dentro dos lançamentos. Sem spam." }),
     s ? /* @__PURE__ */ e("p", { className: "mt-6 text-sm font-medium text-white", children: "Obrigado! Você está na lista. ✓" }) : /* @__PURE__ */ o("form", { onSubmit: (d) => {
@@ -2348,7 +2348,7 @@ function vt({ onSubmit: a }) {
     ] })
   ] }) });
 }
-function bt({ title: a, links: t }) {
+function xt({ title: a, links: t }) {
   const [r, s] = z(!1);
   return /* @__PURE__ */ o("div", { className: "border-b border-[var(--border)] md:border-none", children: [
     /* @__PURE__ */ o(
@@ -2361,7 +2361,7 @@ function bt({ title: a, links: t }) {
         children: [
           a,
           /* @__PURE__ */ e(
-            O,
+            Z,
             {
               "aria-hidden": "true",
               className: i("h-4 w-4 text-[var(--muted-foreground)] transition-transform duration-200", r && "rotate-180")
@@ -2391,36 +2391,36 @@ function bt({ title: a, links: t }) {
     )
   ] });
 }
-const ht = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, playStoreUrl: s, appStoreUrl: l, orgInfo: n, className: d, ...m }) => {
-  const [u, f] = z("light");
-  A(() => {
+const Nt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, playStoreUrl: s, appStoreUrl: l, orgInfo: n, navColumns: d, className: u, ...m }) => {
+  const [f, v] = z("light");
+  _(() => {
     const k = document.documentElement;
-    f(k.getAttribute("data-theme") ?? "light");
-    const L = new MutationObserver(() => {
-      f(k.getAttribute("data-theme") ?? "light");
+    v(k.getAttribute("data-theme") ?? "light");
+    const R = new MutationObserver(() => {
+      v(k.getAttribute("data-theme") ?? "light");
     });
-    return L.observe(k, { attributes: !0, attributeFilter: ["data-theme"] }), () => L.disconnect();
+    return R.observe(k, { attributes: !0, attributeFilter: ["data-theme"] }), () => R.disconnect();
   }, []);
-  const v = a === "perabook" ? u === "dark" ? "/logos/logo_PeraBook_institucional_tarja_branca.png" : "/logos/PeraBook_instituicional.png" : u === "dark" ? "/logos/logo_elo_editora_texto_branco.png" : "/logos/logo_elo_institucional.png", p = a === "perabook" ? "PeraBook" : "Elo Editora", b = gt.map((k) => ({
+  const g = 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", b = a === "perabook" ? "PeraBook" : "Elo Editora", h = vt.map((k) => ({
     ...k,
     href: (n == null ? void 0 : n[k.key]) ?? k.href
-  })).filter((k) => k.href), x = (n == null ? void 0 : n.email) ?? "contato@grupoeloediorial.com.br", h = (n == null ? void 0 : n.phone) ?? "(11) 3000-0000", c = n == null ? void 0 : n.fullAddress, g = u === "dark" && (n == null ? void 0 : n.googlePlayBadgeUrlDark) || (n == null ? void 0 : n.googlePlayBadgeUrl) || "", N = u === "dark" && (n == null ? void 0 : n.appStoreBadgeUrlDark) || (n == null ? void 0 : n.appStoreBadgeUrl) || "", D = !!(g || N);
+  })).filter((k) => k.href), x = (n == null ? void 0 : n.email) ?? "contato@grupoeloediorial.com.br", c = (n == null ? void 0 : n.phone) ?? "(11) 3000-0000", p = n == null ? void 0 : n.fullAddress, w = f === "dark" && (n == null ? void 0 : n.googlePlayBadgeUrlDark) || (n == null ? void 0 : n.googlePlayBadgeUrl) || "", S = f === "dark" && (n == null ? void 0 : n.appStoreBadgeUrlDark) || (n == null ? void 0 : n.appStoreBadgeUrl) || "", P = !!(w || S);
   return /* @__PURE__ */ o(
     "footer",
     {
-      className: i("border-t border-[var(--border)] bg-[var(--card)] text-[var(--foreground)]", d),
+      className: i("border-t border-[var(--border)] bg-[var(--card)] text-[var(--foreground)]", u),
       "aria-label": "Rodapé do site",
       ...m,
       children: [
-        r !== void 0 ? r : /* @__PURE__ */ e(vt, { onSubmit: t }),
+        r !== void 0 ? r : /* @__PURE__ */ e(ht, { onSubmit: t }),
         /* @__PURE__ */ o("div", { className: "mx-auto max-w-screen-xl px-4", children: [
           /* @__PURE__ */ o("div", { className: "py-10 md:grid md:grid-cols-5 md:gap-8", children: [
             /* @__PURE__ */ o("div", { className: "mb-8 md:mb-0", children: [
               /* @__PURE__ */ e(
                 "img",
                 {
-                  src: v,
-                  alt: p,
+                  src: g,
+                  alt: b,
                   width: 160,
                   height: 53,
                   className: "h-14 w-auto object-contain"
@@ -2429,16 +2429,16 @@ const ht = ({ 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: x }),
-                /* @__PURE__ */ e("p", { className: "font-medium text-[var(--foreground)]", children: h }),
-                c && /* @__PURE__ */ e("p", { className: "text-[var(--muted-foreground)]", children: c })
+                /* @__PURE__ */ e("p", { className: "font-medium text-[var(--foreground)]", children: c }),
+                p && /* @__PURE__ */ e("p", { className: "text-[var(--muted-foreground)]", children: p })
               ] })
             ] }),
-            pt.map((k) => /* @__PURE__ */ e(bt, { title: k.title, links: k.links }, k.id)),
+            (d ?? bt).map((k) => /* @__PURE__ */ e(xt, { title: k.title, links: k.links }, k.id)),
             /* @__PURE__ */ o("div", { className: "mb-8 md:mb-0", children: [
-              D && /* @__PURE__ */ o(P, { children: [
+              P && /* @__PURE__ */ o(A, { 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(
+                  w && /* @__PURE__ */ e(
                     "a",
                     {
                       href: s ?? "#",
@@ -2449,17 +2449,17 @@ const ht = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
                       children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: g,
+                          src: w,
                           alt: "Disponível no Google Play",
                           width: 135,
                           height: 40,
                           className: "h-10 w-[135px] object-contain"
                         },
-                        g
+                        w
                       )
                     }
                   ),
-                  N && /* @__PURE__ */ e(
+                  S && /* @__PURE__ */ e(
                     "a",
                     {
                       href: l ?? "#",
@@ -2470,28 +2470,28 @@ const ht = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
                       children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: N,
+                          src: S,
                           alt: "Disponível na App Store",
                           width: 135,
                           height: 40,
                           className: "h-10 w-[135px] object-contain"
                         },
-                        N
+                        S
                       )
                     }
                   )
                 ] })
               ] }),
               /* @__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: b.map(({ label: k, href: L, Icon: ee }) => /* @__PURE__ */ e(
+              /* @__PURE__ */ e("div", { className: "mt-3 flex flex-wrap gap-2", "aria-label": "Compartilhe nas redes sociais", children: h.map(({ label: k, href: R, Icon: te }) => /* @__PURE__ */ e(
                 "a",
                 {
-                  href: L,
+                  href: R,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   "aria-label": k,
                   className: "flex h-9 w-9 items-center justify-center rounded-full border border-[var(--border)] text-[var(--muted-foreground)] transition-colors hover:border-[var(--brand-primary)] hover:bg-[var(--brand-primary)] hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
-                  children: /* @__PURE__ */ e(ee, { className: "h-4 w-4", "aria-hidden": "true" })
+                  children: /* @__PURE__ */ e(te, { className: "h-4 w-4", "aria-hidden": "true" })
                 },
                 k
               )) })
@@ -2514,8 +2514,8 @@ const ht = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
     }
   );
 };
-ht.displayName = "Footer";
-function oa({ children: a, className: t }) {
+Nt.displayName = "Footer";
+function sa({ children: a, className: t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2528,7 +2528,7 @@ function oa({ children: a, className: t }) {
     }
   );
 }
-const xt = {
+const wt = {
   1: "col-span-1",
   2: "col-span-2",
   3: "col-span-3",
@@ -2536,77 +2536,77 @@ const xt = {
   5: "col-span-5",
   6: "col-span-6"
 };
-function na({ children: a, span: t, className: r }) {
-  return /* @__PURE__ */ e("div", { "data-slot": "col", className: i("min-w-0", t && xt[t], r), children: a });
+function la({ children: a, span: t, className: r }) {
+  return /* @__PURE__ */ e("div", { "data-slot": "col", className: i("min-w-0", t && wt[t], r), children: a });
 }
 export {
-  qt as Accordion,
-  Qt as AccordionContent,
-  Gt as AccordionItem,
-  Ht as AccordionTrigger,
-  Be as Avatar,
+  Ht as Accordion,
+  Xt as AccordionContent,
+  Qt as AccordionItem,
+  Wt as AccordionTrigger,
+  Le as Avatar,
   E as Badge,
-  Tt as Breadcrumb,
-  Vt as BreadcrumbItem,
-  Ft as BreadcrumbLink,
-  $t as BreadcrumbList,
-  It as BreadcrumbPage,
-  Ut as BreadcrumbSeparator,
-  S as Button,
-  Bt as Checkbox,
-  na as Col,
-  rt as Container,
-  Zt as DialogContent,
-  aa as DialogDescription,
-  ea as DialogFooter,
-  Jt as DialogHeader,
-  ta as DialogTitle,
-  Ot as DialogTrigger,
-  Re as Divider,
-  Ye as Drawer,
-  Z as EmptyState,
-  He as ErrorState,
-  ht as Footer,
-  Ue as FormGroup,
-  oa as Grid,
-  Ge as Hero,
-  ot as HeroCarousel,
-  Dt as Input,
-  ft as MegaMenu,
-  Kt as Modal,
-  Fe as PriceDisplay,
-  F as ProductCard,
-  Qe as ProductGrid,
-  ua as ProgressBar,
-  Ie as QuantitySelector,
-  Lt as RadioGroup,
-  Et as RadioGroupItem,
-  V as Rating,
-  Ve as SearchBar,
-  jt as Select,
-  At as SelectContent,
-  _t as SelectItem,
-  Pt as SelectTrigger,
-  Mt as SelectValue,
-  et as SheetContent,
-  ia as SheetDescription,
-  ra as SheetFooter,
-  tt as SheetHeader,
-  at as SheetTitle,
-  Ke as SheetTrigger,
+  Vt as Breadcrumb,
+  It as BreadcrumbItem,
+  Ut as BreadcrumbLink,
+  Ft as BreadcrumbList,
+  qt as BreadcrumbPage,
+  Gt as BreadcrumbSeparator,
+  D as Button,
+  Rt as Checkbox,
+  la as Col,
+  ot as Container,
+  ea as DialogContent,
+  ia as DialogDescription,
+  aa as DialogFooter,
+  ta as DialogHeader,
+  ra as DialogTitle,
+  Jt as DialogTrigger,
+  Te as Divider,
+  Oe as Drawer,
+  J as EmptyState,
+  We as ErrorState,
+  Nt as Footer,
+  Ge as FormGroup,
+  sa as Grid,
+  Qe as Hero,
+  st as HeroCarousel,
+  Mt as Input,
+  pt as MegaMenu,
+  Zt as Modal,
+  Ue as PriceDisplay,
+  I as ProductCard,
+  Xe as ProductGrid,
+  fa as ProgressBar,
+  qe as QuantitySelector,
+  Et as RadioGroup,
+  Tt as RadioGroupItem,
+  F as Rating,
+  Ie as SearchBar,
+  Pt as Select,
+  Bt as SelectContent,
+  Lt as SelectItem,
+  _t as SelectTrigger,
+  At as SelectValue,
+  at as SheetContent,
+  na as SheetDescription,
+  oa as SheetFooter,
+  rt as SheetHeader,
+  it as SheetTitle,
+  Ze as SheetTrigger,
   Ee as Spinner,
-  Pe as Textarea,
-  Rt as Toggle,
-  Wt as Tooltip,
-  Yt as TooltipContent,
-  qe as TooltipProvider,
-  Xt as TooltipTrigger,
-  it as TopAccessibilityBar,
-  _e as avatarVariants,
-  Ae as badgeVariants,
-  Me as buttonVariants,
+  Ae as Textarea,
+  $t as Toggle,
+  Yt as Tooltip,
+  Ot as TooltipContent,
+  He as TooltipProvider,
+  Kt as TooltipTrigger,
+  nt as TopAccessibilityBar,
+  Be as avatarVariants,
+  _e as badgeVariants,
+  Pe as buttonVariants,
   i as cn,
-  Le as spinnerVariants,
-  da as toast
+  Re as spinnerVariants,
+  ua as toast
 };
 //# sourceMappingURL=index.js.map