@grupo-elo-editorial/shared-ui-react 1.3.1 → 1.3.3

package/dist/index.js

@@ -1,25 +1,25 @@
 "use client";
-import { clsx as Z } from "clsx";
-import { twMerge as J } from "tailwind-merge";
-import { jsx as e, jsxs as i, Fragment as P } from "react/jsx-runtime";
-import { forwardRef as x, useState as k, useEffect as M } from "react";
-import { Loader2 as V, User as ee, Star as te, CheckIcon as U, ChevronDownIcon as R, ChevronUpIcon as ae, CircleIcon as re, ShoppingCart as _, Heart as oe, Search as Q, X as ie, Minus as ne, Plus as se, ChevronRight as W, FileX as le, Package as de, AlertCircle as ce, RefreshCw as ue, Home as me, XIcon as K, Accessibility as fe, ZoomOut as ge, ZoomIn as pe, Moon as ve, Sun as be, ChevronLeft as he, Menu as xe, ChevronDown as O, Instagram as Ne, Facebook as we, Youtube as ye, Linkedin as ke, Mail as ze } from "lucide-react";
-import { cva as L } from "class-variance-authority";
+import { clsx as J } from "clsx";
+import { twMerge as ee } from "tailwind-merge";
+import { jsx as e, jsxs as i, Fragment as _ } from "react/jsx-runtime";
+import { forwardRef as N, useState as k, useEffect as D } from "react";
+import { Loader2 as V, User as te, Star as ae, CheckIcon as Q, ChevronDownIcon as L, ChevronUpIcon as re, CircleIcon as oe, ShoppingCart as R, Heart as ie, Search as W, X as ne, Minus as se, Plus as le, ChevronRight as K, FileX as de, Package as ce, AlertCircle as ue, RefreshCw as me, Home as fe, XIcon as O, Accessibility as ge, ZoomOut as pe, ZoomIn as ve, Moon as be, Sun as he, ChevronLeft as xe, Menu as Ne, ChevronDown as X, Instagram as we, Facebook as ye, Youtube as ke, Linkedin as ze, Mail as Ce } from "lucide-react";
+import { cva as P } from "class-variance-authority";
 import * as z from "@radix-ui/react-select";
 import * as F from "@radix-ui/react-checkbox";
-import * as E from "@radix-ui/react-radio-group";
+import * as B from "@radix-ui/react-radio-group";
 import * as q from "@radix-ui/react-switch";
-import { Slot as Ce } from "@radix-ui/react-slot";
-import * as D from "@radix-ui/react-accordion";
+import { Slot as Se } from "@radix-ui/react-slot";
+import * as M from "@radix-ui/react-accordion";
 import * as I from "@radix-ui/react-tooltip";
 import { toast as na } from "sonner";
 import { Progress as la } from "@radix-ui/react-progress";
 import * as w from "@radix-ui/react-dialog";
 import * as S from "@radix-ui/react-navigation-menu";
 function o(...a) {
-  return J(Z(a));
+  return ee(J(a));
 }
-const Se = L(
+const Ie = P(
   "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,39 +45,39 @@ const Se = L(
       size: "md"
     }
   }
-), C = x(
+), C = N(
   ({
     className: a,
     variant: t,
     size: r,
     fullWidth: n,
-    isLoading: l,
+    isLoading: s,
     leftIcon: c,
-    rightIcon: s,
+    rightIcon: l,
     children: u,
-    disabled: m,
+    disabled: f,
     ...g
-  }, f) => /* @__PURE__ */ e(
+  }, b) => /* @__PURE__ */ e(
     "button",
     {
-      className: o(Se({ variant: t, size: r, fullWidth: n, className: a })),
-      ref: f,
-      disabled: m || l,
+      className: o(Ie({ variant: t, size: r, fullWidth: n, className: a })),
+      ref: b,
+      disabled: f || s,
       ...g,
-      children: l ? /* @__PURE__ */ i(P, { children: [
+      children: s ? /* @__PURE__ */ i(_, { children: [
         /* @__PURE__ */ e(V, { className: "h-4 w-4 animate-spin" }),
         u && /* @__PURE__ */ e("span", { children: u })
-      ] }) : /* @__PURE__ */ i(P, { children: [
+      ] }) : /* @__PURE__ */ i(_, { children: [
         c && /* @__PURE__ */ e("span", { className: "inline-flex", children: c }),
         u,
-        s && /* @__PURE__ */ e("span", { className: "inline-flex", children: s })
+        l && /* @__PURE__ */ e("span", { className: "inline-flex", children: l })
       ] })
     }
   )
 );
 C.displayName = "Button";
-const Ie = x(
-  ({ className: a, error: t, helperText: r, ...n }, l) => /* @__PURE__ */ i("div", { className: "w-full", children: [
+const je = N(
+  ({ className: a, error: t, helperText: r, ...n }, s) => /* @__PURE__ */ i("div", { className: "w-full", children: [
     /* @__PURE__ */ e(
       "textarea",
       {
@@ -90,7 +90,7 @@ const Ie = x(
           t && "border-[var(--destructive)] focus-visible:ring-[var(--destructive)]",
           a
         ),
-        ref: l,
+        ref: s,
         ...n
       }
     ),
@@ -106,8 +106,8 @@ const Ie = x(
     )
   ] })
 );
-Ie.displayName = "Textarea";
-const je = L(
+je.displayName = "Textarea";
+const De = P(
   "inline-flex items-center rounded-full font-medium transition-colors whitespace-nowrap",
   {
     variants: {
@@ -131,20 +131,20 @@ const je = L(
       size: "md"
     }
   }
-), A = x(
-  ({ className: a, variant: t, size: r, icon: n, onRemove: l, children: c, ...s }, u) => /* @__PURE__ */ i(
+), A = N(
+  ({ className: a, variant: t, size: r, icon: n, onRemove: s, children: c, ...l }, u) => /* @__PURE__ */ i(
     "div",
     {
       ref: u,
-      className: o(je({ variant: t, size: r }), a),
-      ...s,
+      className: o(De({ variant: t, size: r }), a),
+      ...l,
       children: [
         n && /* @__PURE__ */ e("span", { className: "mr-1 inline-flex", children: n }),
         c,
-        l && /* @__PURE__ */ e(
+        s && /* @__PURE__ */ e(
           "button",
           {
-            onClick: l,
+            onClick: s,
             className: "ml-1 inline-flex hover:opacity-70 focus:outline-none focus:ring-1 focus:ring-[var(--ring)] rounded-full",
             "aria-label": "Remove",
             children: "×"
@@ -155,7 +155,7 @@ const je = L(
   )
 );
 A.displayName = "Badge";
-const Me = L(
+const Me = P(
   "relative inline-flex items-center justify-center overflow-hidden rounded-full bg-[var(--muted)] text-[var(--muted-foreground)] flex-shrink-0",
   {
     variants: {
@@ -170,46 +170,46 @@ const Me = L(
       size: "md"
     }
   }
-), De = x(
-  ({ className: a, size: t, src: r, alt: n, name: l, showStatus: c, statusType: s = "online", ...u }, m) => {
-    const [g, f] = k(!1), p = (h) => h.split(" ").map((d) => d[0]).join("").toUpperCase().slice(0, 2), b = {
+), Pe = N(
+  ({ className: a, size: t, src: r, alt: n, name: s, showStatus: c, statusType: l = "online", ...u }, f) => {
+    const [g, b] = k(!1), m = (x) => x.split(" ").map((d) => d[0]).join("").toUpperCase().slice(0, 2), p = {
       online: "bg-[var(--success)]",
       offline: "bg-[var(--muted-foreground)]",
       away: "bg-[var(--warning)]",
       busy: "bg-[var(--destructive)]"
-    }, N = {
+    }, 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__ */ i("div", { ref: m, className: o(Me({ size: t }), "relative", a), children: [
+    return /* @__PURE__ */ i("div", { ref: f, className: o(Me({ size: t }), "relative", a), children: [
       r && !g ? /* @__PURE__ */ e(
         "img",
         {
           src: r,
-          alt: n || l || "Avatar",
-          onError: () => f(!0),
+          alt: n || s || "Avatar",
+          onError: () => b(!0),
           className: "h-full w-full object-cover",
           ...u
         }
-      ) : l ? /* @__PURE__ */ e("span", { className: "font-medium", children: p(l) }) : /* @__PURE__ */ e(ee, { className: "h-1/2 w-1/2" }),
+      ) : s ? /* @__PURE__ */ e("span", { className: "font-medium", children: m(s) }) : /* @__PURE__ */ e(te, { className: "h-1/2 w-1/2" }),
       c && /* @__PURE__ */ e(
         "span",
         {
           className: o(
             "absolute bottom-0 right-0 rounded-full border-[var(--background)]",
-            b[s],
-            N[t || "md"]
+            p[l],
+            h[t || "md"]
           ),
-          "aria-label": `Status: ${s}`
+          "aria-label": `Status: ${l}`
         }
       )
     ] });
   }
 );
-De.displayName = "Avatar";
-const Le = L("animate-spin text-[var(--brand-primary)]", {
+Pe.displayName = "Avatar";
+const _e = P("animate-spin text-[var(--brand-primary)]", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -221,26 +221,26 @@ const Le = L("animate-spin text-[var(--brand-primary)]", {
   defaultVariants: {
     size: "md"
   }
-}), Pe = x(
-  ({ className: a, size: t, label: r, ...n }, l) => /* @__PURE__ */ i(
+}), Ae = N(
+  ({ className: a, size: t, label: r, ...n }, s) => /* @__PURE__ */ i(
     "div",
     {
-      ref: l,
+      ref: s,
       role: "status",
       "aria-label": r || "Loading",
       className: o("inline-flex items-center justify-center", a),
       ...n,
       children: [
-        /* @__PURE__ */ e(V, { className: o(Le({ size: t })) }),
+        /* @__PURE__ */ e(V, { className: o(_e({ size: t })) }),
         /* @__PURE__ */ e("span", { className: "sr-only", children: r || "Loading" })
       ]
     }
   )
 );
-Pe.displayName = "Spinner";
-const Ae = x(
-  ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: n, ...l }, c) => {
-    const s = {
+Ae.displayName = "Spinner";
+const Le = N(
+  ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: n, ...s }, c) => {
+    const l = {
       solid: "border-solid",
       dashed: "border-dashed",
       dotted: "border-dotted"
@@ -252,9 +252,9 @@ const Ae = x(
           ref: c,
           className: o(
             "flex-1 border-[var(--border)]",
-            s[r]
+            l[r]
           ),
-          ...l
+          ...s
         }
       ),
       /* @__PURE__ */ e("span", { className: "text-sm text-[var(--muted-foreground)]", children: n }),
@@ -263,7 +263,7 @@ const Ae = x(
         {
           className: o(
             "flex-1 border-[var(--border)]",
-            s[r]
+            l[r]
           )
         }
       )
@@ -275,79 +275,79 @@ const Ae = x(
         "aria-orientation": t,
         className: o(
           "border-[var(--border)]",
-          s[r],
+          l[r],
           t === "vertical" ? "h-full w-px border-l" : "w-full border-t my-4",
           a
         ),
-        ...l
+        ...s
       }
     );
   }
 );
-Ae.displayName = "Divider";
-const T = x(
+Le.displayName = "Divider";
+const E = N(
   ({
     className: a,
     value: t = 0,
     maxRating: r = 5,
     size: n = "md",
-    readonly: l = !1,
+    readonly: s = !1,
     onChange: c,
-    showValue: s = !1,
+    showValue: l = !1,
     ...u
-  }, m) => {
-    const [g, f] = k(0), p = {
+  }, f) => {
+    const [g, b] = k(0), m = {
       sm: "h-4 w-4",
       md: "h-5 w-5",
       lg: "h-6 w-6"
-    }, b = (h) => {
-      !l && c && c(h);
-    }, N = g || t;
+    }, p = (x) => {
+      !s && c && c(x);
+    }, h = g || t;
     return /* @__PURE__ */ i(
       "div",
       {
-        ref: m,
+        ref: f,
         className: o("inline-flex items-center gap-1", a),
         role: "group",
         "aria-label": `Rating: ${t} out of ${r}`,
         ...u,
         children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: Array.from({ length: r }, (h, d) => d + 1).map((h) => {
-            const d = h <= N;
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: Array.from({ length: r }, (x, d) => d + 1).map((x) => {
+            const d = x <= h;
             return /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                disabled: l,
-                onClick: () => b(h),
-                onMouseEnter: () => !l && f(h),
-                onMouseLeave: () => !l && f(0),
+                disabled: s,
+                onClick: () => p(x),
+                onMouseEnter: () => !s && b(x),
+                onMouseLeave: () => !s && b(0),
                 className: o(
                   "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"
+                  s ? "cursor-default" : "cursor-pointer hover:scale-110"
                 ),
-                "aria-label": `Rate ${h} out of ${r}`,
+                "aria-label": `Rate ${x} out of ${r}`,
                 children: /* @__PURE__ */ e(
-                  te,
+                  ae,
                   {
                     className: o(
-                      p[n],
+                      m[n],
                       "transition-all",
                       d ? "fill-[var(--warning)] text-[var(--warning)]" : "fill-none text-[var(--muted-foreground)]"
                     )
                   }
                 )
               },
-              h
+              x
             );
           }) }),
-          s && /* @__PURE__ */ e("span", { className: "ml-1 text-sm font-medium text-[var(--foreground)]", children: t.toFixed(1) })
+          l && /* @__PURE__ */ e("span", { className: "ml-1 text-sm font-medium text-[var(--foreground)]", children: t.toFixed(1) })
         ]
       }
     );
   }
 );
-T.displayName = "Rating";
+E.displayName = "Rating";
 function zt({ className: a, type: t, ...r }) {
   return /* @__PURE__ */ e(
     "input",
@@ -392,7 +392,7 @@ function It({
       ...n,
       children: [
         r,
-        /* @__PURE__ */ e(z.Icon, { asChild: !0, children: /* @__PURE__ */ e(R, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ e(z.Icon, { asChild: !0, children: /* @__PURE__ */ e(L, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -426,12 +426,12 @@ function jt({
             children: t
           }
         ),
-        /* @__PURE__ */ e(_e, {})
+        /* @__PURE__ */ e(Be, {})
       ]
     }
   ) });
 }
-function Mt({
+function Dt({
   className: a,
   children: t,
   ...r
@@ -446,7 +446,7 @@ function Mt({
       ),
       ...r,
       children: [
-        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(z.ItemIndicator, { children: /* @__PURE__ */ e(U, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(z.ItemIndicator, { children: /* @__PURE__ */ e(Q, { className: "size-4" }) }) }),
         /* @__PURE__ */ e(z.ItemText, { children: t })
       ]
     }
@@ -465,11 +465,11 @@ function Re({
         a
       ),
       ...t,
-      children: /* @__PURE__ */ e(ae, { className: "size-4" })
+      children: /* @__PURE__ */ e(re, { className: "size-4" })
     }
   );
 }
-function _e({
+function Be({
   className: a,
   ...t
 }) {
@@ -482,11 +482,11 @@ function _e({
         a
       ),
       ...t,
-      children: /* @__PURE__ */ e(R, { className: "size-4" })
+      children: /* @__PURE__ */ e(L, { className: "size-4" })
     }
   );
 }
-function Dt({
+function Mt({
   className: a,
   ...t
 }) {
@@ -504,18 +504,18 @@ function Dt({
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ e(U, { className: "size-3.5" })
+          children: /* @__PURE__ */ e(Q, { className: "size-3.5" })
         }
       )
     }
   );
 }
-function Lt({
+function Pt({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    E.Root,
+    B.Root,
     {
       "data-slot": "radio-group",
       className: o("grid gap-3", a),
@@ -523,12 +523,12 @@ function Lt({
     }
   );
 }
-function Pt({
+function _t({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    E.Item,
+    B.Item,
     {
       "data-slot": "radio-group-item",
       className: o(
@@ -537,11 +537,11 @@ function Pt({
       ),
       ...t,
       children: /* @__PURE__ */ e(
-        E.Indicator,
+        B.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ e(re, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ e(oe, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
         }
       )
     }
@@ -572,34 +572,34 @@ function At({
     }
   );
 }
-function H({
+function G({
   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 $ = x(
+const T = N(
   ({
     className: a,
     image: t,
     title: r,
     author: n,
-    price: l,
+    price: s,
     originalPrice: c,
-    rating: s,
+    rating: l,
     reviewCount: u,
-    badge: m,
+    badge: f,
     badgeVariant: g = "default",
-    isSkeleton: f = !1,
-    isOutOfStock: p = !1,
-    onAddToCart: b,
-    onToggleFavorite: N,
-    isFavorite: h = !1,
+    isSkeleton: b = !1,
+    isOutOfStock: m = !1,
+    onAddToCart: p,
+    onToggleFavorite: h,
+    isFavorite: x = !1,
     href: d,
     orientation: v = "vertical",
     ...y
-  }, j) => f ? /* @__PURE__ */ i(
+  }, j) => b ? /* @__PURE__ */ i(
     "div",
     {
       ref: j,
@@ -632,13 +632,13 @@ const $ = x(
       ref: j,
       className: o(
         "group relative flex flex-row gap-3 rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-3 transition-all hover:shadow-md",
-        p && "opacity-60",
+        m && "opacity-60",
         a
       ),
       ...y,
       children: [
         /* @__PURE__ */ e(
-          H,
+          G,
           {
             href: d,
             className: "block h-24 w-20 shrink-0 overflow-hidden rounded-lg",
@@ -662,8 +662,8 @@ const $ = x(
             }
           ) : /* @__PURE__ */ e("h3", { className: "line-clamp-2 text-sm font-medium text-[var(--card-foreground)]", children: r }),
           n && /* @__PURE__ */ e("p", { className: "text-xs text-[var(--muted-foreground)]", children: n }),
-          s !== void 0 && /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ e(T, { value: s, size: "sm", readonly: !0 }),
+          l !== void 0 && /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ e(E, { value: l, size: "sm", readonly: !0 }),
             u !== void 0 && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)]", children: [
               "(",
               u,
@@ -673,24 +673,24 @@ const $ = x(
           /* @__PURE__ */ i("div", { className: "flex items-baseline gap-2", children: [
             /* @__PURE__ */ i("span", { className: "text-base font-bold text-[var(--foreground)]", children: [
               "R$ ",
-              l.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+              s.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] }),
-            c && c > l && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)] line-through", children: [
+            c && c > s && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)] line-through", children: [
               "R$ ",
               c.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] })
           ] }),
-          b && /* @__PURE__ */ e(
+          p && /* @__PURE__ */ e(
             C,
             {
-              onClick: b,
-              disabled: p,
+              onClick: p,
+              disabled: m,
               variant: "primary",
               size: "sm",
               fullWidth: !0,
-              leftIcon: /* @__PURE__ */ e(_, { className: "h-3.5 w-3.5" }),
+              leftIcon: /* @__PURE__ */ e(R, { className: "h-3.5 w-3.5" }),
               className: "mt-auto",
-              children: p ? "Indisponível" : "Adicionar"
+              children: m ? "Indisponível" : "Adicionar"
             }
           )
         ] })
@@ -702,13 +702,13 @@ const $ = x(
       ref: j,
       className: o(
         "group relative flex flex-col rounded-lg border-2 border-border bg-card transition-all hover:shadow-lg",
-        p && "opacity-60",
+        m && "opacity-60",
         a
       ),
       ...y,
       children: [
         /* @__PURE__ */ i(
-          H,
+          G,
           {
             href: d,
             className: "relative block w-full aspect-square overflow-hidden rounded-t-lg",
@@ -721,23 +721,23 @@ const $ = x(
                   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(A, { variant: g, children: m }) }),
-              p && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(A, { variant: "danger", size: "lg", children: "Esgotado" }) })
+              f && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ e(A, { variant: g, children: f }) }),
+              m && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(A, { variant: "danger", size: "lg", children: "Esgotado" }) })
             ]
           }
         ),
-        N && /* @__PURE__ */ e(
+        h && /* @__PURE__ */ e(
           "button",
           {
-            onClick: N,
+            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(
-              oe,
+              ie,
               {
                 className: o(
                   "h-5 w-5",
-                  h ? "fill-[var(--destructive)] text-[var(--destructive)]" : "text-[var(--foreground)]"
+                  x ? "fill-[var(--destructive)] text-[var(--destructive)]" : "text-[var(--foreground)]"
                 )
               }
             )
@@ -753,8 +753,8 @@ const $ = x(
             }
           ) : /* @__PURE__ */ e("h3", { className: "wrap-break-word text-base font-medium text-card-foreground", children: r }),
           n && /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-[var(--muted-foreground)]", children: n }),
-          s !== void 0 && /* @__PURE__ */ i("div", { className: "mt-2 flex items-center gap-2", children: [
-            /* @__PURE__ */ e(T, { value: s, size: "sm", readonly: !0 }),
+          l !== void 0 && /* @__PURE__ */ i("div", { className: "mt-2 flex items-center gap-2", children: [
+            /* @__PURE__ */ e(E, { value: l, size: "sm", readonly: !0 }),
             u !== void 0 && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
               "(",
               u,
@@ -764,29 +764,29 @@ const $ = x(
           /* @__PURE__ */ i("div", { className: "mt-3 flex items-baseline gap-2", children: [
             /* @__PURE__ */ i("span", { className: "text-xl font-bold text-[var(--foreground)]", children: [
               "R$ ",
-              l.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+              s.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] }),
-            c && c > l && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)] line-through", children: [
+            c && c > s && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)] line-through", children: [
               "R$ ",
               c.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] })
           ] }),
-          b && /* @__PURE__ */ e(
+          p && /* @__PURE__ */ e(
             C,
             {
-              onClick: b,
-              disabled: p,
+              onClick: p,
+              disabled: m,
               variant: "primary",
               size: "md",
               fullWidth: !0,
-              leftIcon: /* @__PURE__ */ e(_, { className: "h-4 w-4" }),
+              leftIcon: /* @__PURE__ */ e(R, { className: "h-4 w-4" }),
               className: o(
                 "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: m ? "Indisponível" : "Adicionar"
             }
           )
         ] })
@@ -794,40 +794,40 @@ const $ = x(
     }
   )
 );
-$.displayName = "ProductCard";
-const Ee = x(
+T.displayName = "ProductCard";
+const Ee = N(
   ({
     className: a,
     onSearch: t,
     onClear: r,
     isLoading: n = !1,
-    size: l = "md",
+    size: s = "md",
     placeholder: c = "Buscar...",
-    value: s,
+    value: l,
     onChange: u,
-    ...m
+    ...f
   }, g) => {
-    const [f, p] = k(""), b = s !== void 0 ? s : f, N = {
+    const [b, m] = k(""), p = l !== void 0 ? l : b, h = {
       sm: "h-9 text-sm",
       md: "h-11 text-base",
       lg: "h-14 text-lg"
-    }, h = (y) => {
+    }, x = (y) => {
       const j = y.target.value;
-      s === void 0 && p(j), u == null || u(y);
+      l === void 0 && m(j), u == null || u(y);
     }, d = () => {
-      s === void 0 && p(""), r == null || r();
+      l === void 0 && m(""), r == null || r();
     }, v = (y) => {
-      y.key === "Enter" && t && t(b);
+      y.key === "Enter" && t && t(p);
     };
     return /* @__PURE__ */ e("div", { className: o("relative w-full", a), children: /* @__PURE__ */ i("div", { className: "relative flex items-center", children: [
-      /* @__PURE__ */ e(Q, { className: "absolute left-3 h-5 w-5 text-[var(--muted-foreground)] pointer-events-none" }),
+      /* @__PURE__ */ e(W, { className: "absolute left-3 h-5 w-5 text-[var(--muted-foreground)] pointer-events-none" }),
       /* @__PURE__ */ e(
         "input",
         {
           ref: g,
           type: "search",
-          value: b,
-          onChange: h,
+          value: p,
+          onChange: x,
           onKeyDown: v,
           placeholder: c,
           className: o(
@@ -835,21 +835,21 @@ const Ee = x(
             "placeholder:text-[var(--muted-foreground)]",
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
             "disabled:cursor-not-allowed disabled:opacity-50",
-            N[l]
+            h[s]
           ),
-          ...m
+          ...f
         }
       ),
       /* @__PURE__ */ i("div", { className: "absolute right-3 flex items-center gap-1", children: [
         n && /* @__PURE__ */ e(V, { className: "h-5 w-5 animate-spin text-[var(--muted-foreground)]" }),
-        b && !n && /* @__PURE__ */ e(
+        p && !n && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             onClick: d,
             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(ie, { className: "h-4 w-4 text-[var(--muted-foreground)]" })
+            children: /* @__PURE__ */ e(ne, { className: "h-4 w-4 text-[var(--muted-foreground)]" })
           }
         )
       ] })
@@ -857,32 +857,32 @@ const Ee = x(
   }
 );
 Ee.displayName = "SearchBar";
-const Te = x(
+const Te = N(
   ({
     className: a,
     price: t,
     originalPrice: r,
     currency: n = "R$",
-    size: l = "md",
+    size: s = "md",
     showDiscount: c = !0,
-    installments: s,
+    installments: l,
     ...u
-  }, m) => {
-    const g = r && r > t ? Math.round((r - t) / r * 100) : 0, f = {
+  }, f) => {
+    const g = r && r > t ? Math.round((r - t) / r * 100) : 0, b = {
       sm: "text-base",
       md: "text-xl",
       lg: "text-2xl",
       xl: "text-4xl"
-    }, p = {
+    }, m = {
       sm: "text-xs",
       md: "text-sm",
       lg: "text-base",
       xl: "text-xl"
     };
-    return /* @__PURE__ */ i("div", { ref: m, className: o("flex flex-col gap-1", a), ...u, children: [
+    return /* @__PURE__ */ i("div", { ref: f, className: o("flex flex-col gap-1", a), ...u, children: [
       /* @__PURE__ */ i("div", { className: "flex items-center gap-2 flex-wrap", children: [
         /* @__PURE__ */ i("div", { className: "flex items-baseline gap-2", children: [
-          /* @__PURE__ */ i("span", { className: o("font-bold text-[var(--foreground)]", f[l]), children: [
+          /* @__PURE__ */ i("span", { className: o("font-bold text-[var(--foreground)]", b[s]), children: [
             n,
             " ",
             t.toFixed(2)
@@ -892,7 +892,7 @@ const Te = x(
             {
               className: o(
                 "text-[var(--muted-foreground)] line-through",
-                p[l]
+                m[s]
               ),
               children: [
                 n,
@@ -908,48 +908,48 @@ const Te = x(
           "%"
         ] })
       ] }),
-      s && /* @__PURE__ */ i("p", { className: "text-sm text-[var(--muted-foreground)]", children: [
+      l && /* @__PURE__ */ i("p", { className: "text-sm text-[var(--muted-foreground)]", children: [
         "ou ",
-        s.count,
+        l.count,
         "x de ",
         n,
         " ",
-        s.value.toFixed(2),
+        l.value.toFixed(2),
         " sem juros"
       ] })
     ] });
   }
 );
 Te.displayName = "PriceDisplay";
-const $e = x(
+const $e = N(
   ({
     className: a,
     value: t,
     min: r = 1,
     max: n = 99,
-    onChange: l,
+    onChange: s,
     size: c = "md",
-    disabled: s = !1,
+    disabled: l = !1,
     showLabel: u = !1,
-    ...m
+    ...f
   }, g) => {
-    const f = () => {
-      t < n && l(t + 1);
-    }, p = () => {
-      t > r && l(t - 1);
-    }, b = (d) => {
+    const b = () => {
+      t < n && s(t + 1);
+    }, m = () => {
+      t > r && s(t - 1);
+    }, p = (d) => {
       const v = parseInt(d.target.value);
-      !isNaN(v) && v >= r && v <= n && l(v);
-    }, N = {
+      !isNaN(v) && v >= r && v <= n && s(v);
+    }, 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__ */ i("div", { ref: g, className: o("inline-flex flex-col gap-1", a), ...m, children: [
+    return /* @__PURE__ */ i("div", { ref: g, className: o("inline-flex flex-col gap-1", a), ...f, children: [
       u && /* @__PURE__ */ e("label", { className: "text-sm font-medium text-[var(--foreground)]", children: "Quantidade" }),
       /* @__PURE__ */ i("div", { className: "inline-flex items-center gap-2", children: [
         /* @__PURE__ */ e(
@@ -958,11 +958,11 @@ const $e = x(
             type: "button",
             variant: "secondary",
             size: "sm",
-            onClick: p,
-            disabled: s || t <= r,
-            className: o(N[c], "p-0"),
+            onClick: m,
+            disabled: l || t <= r,
+            className: o(h[c], "p-0"),
             "aria-label": "Decrease quantity",
-            children: /* @__PURE__ */ e(ne, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ e(se, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ e(
@@ -970,16 +970,16 @@ const $e = x(
           {
             type: "number",
             value: t,
-            onChange: b,
+            onChange: p,
             min: r,
             max: n,
-            disabled: s,
+            disabled: l,
             className: o(
               "rounded-lg border-2 border-[var(--border)] bg-[var(--input-background)] text-center font-medium transition-colors",
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
               "disabled:cursor-not-allowed disabled:opacity-50",
               "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
-              h[c]
+              x[c]
             ),
             "aria-label": "Quantity"
           }
@@ -990,11 +990,11 @@ const $e = x(
             type: "button",
             variant: "secondary",
             size: "sm",
-            onClick: f,
-            disabled: s || t >= n,
-            className: o(N[c], "p-0"),
+            onClick: b,
+            disabled: l || t >= n,
+            className: o(h[c], "p-0"),
             "aria-label": "Increase quantity",
-            children: /* @__PURE__ */ e(se, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ e(le, { className: "h-4 w-4" })
           }
         )
       ] })
@@ -1002,8 +1002,8 @@ const $e = x(
   }
 );
 $e.displayName = "QuantitySelector";
-const Be = x(
-  ({ className: a, label: t, htmlFor: r, required: n, error: l, helperText: c, children: s, ...u }, m) => /* @__PURE__ */ i("div", { ref: m, className: o("flex flex-col gap-1.5", a), ...u, children: [
+const Ve = N(
+  ({ className: a, label: t, htmlFor: r, required: n, error: s, helperText: c, children: l, ...u }, f) => /* @__PURE__ */ i("div", { ref: f, className: o("flex flex-col gap-1.5", a), ...u, children: [
     t && /* @__PURE__ */ i(
       "label",
       {
@@ -1015,24 +1015,24 @@ const Be = x(
         ]
       }
     ),
-    s,
-    (l || c) && /* @__PURE__ */ e(
+    l,
+    (s || c) && /* @__PURE__ */ e(
       "p",
       {
         className: o(
           "text-sm",
-          l ? "text-[var(--destructive)]" : "text-[var(--muted-foreground)]"
+          s ? "text-[var(--destructive)]" : "text-[var(--muted-foreground)]"
         ),
-        children: l || c
+        children: s || c
       }
     )
   ] })
 );
-Be.displayName = "FormGroup";
-function Rt({ ...a }) {
+Ve.displayName = "FormGroup";
+function Lt({ ...a }) {
   return /* @__PURE__ */ e("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...a });
 }
-function _t({ className: a, ...t }) {
+function Rt({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "ol",
     {
@@ -1045,7 +1045,7 @@ function _t({ className: a, ...t }) {
     }
   );
 }
-function Et({ className: a, ...t }) {
+function Bt({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "li",
     {
@@ -1055,13 +1055,13 @@ function Et({ className: a, ...t }) {
     }
   );
 }
-function Tt({
+function Et({
   asChild: a,
   className: t,
   ...r
 }) {
   return /* @__PURE__ */ e(
-    a ? Ce : "a",
+    a ? Se : "a",
     {
       "data-slot": "breadcrumb-link",
       className: o("hover:text-foreground transition-colors", t),
@@ -1069,7 +1069,7 @@ function Tt({
     }
   );
 }
-function $t({ className: a, ...t }) {
+function Tt({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "span",
     {
@@ -1082,7 +1082,7 @@ function $t({ className: a, ...t }) {
     }
   );
 }
-function Bt({
+function $t({
   children: a,
   className: t,
   ...r
@@ -1095,21 +1095,21 @@ function Bt({
       "aria-hidden": "true",
       className: o("[&>svg]:size-3.5", t),
       ...r,
-      children: a ?? /* @__PURE__ */ e(W, {})
+      children: a ?? /* @__PURE__ */ e(K, {})
     }
   );
 }
 function Vt({
   ...a
 }) {
-  return /* @__PURE__ */ e(D.Root, { "data-slot": "accordion", ...a });
+  return /* @__PURE__ */ e(M.Root, { "data-slot": "accordion", ...a });
 }
 function Ft({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    D.Item,
+    M.Item,
     {
       "data-slot": "accordion-item",
       className: o("border-b last:border-b-0", a),
@@ -1122,8 +1122,8 @@ function qt({
   children: t,
   ...r
 }) {
-  return /* @__PURE__ */ e(D.Header, { className: "flex", children: /* @__PURE__ */ i(
-    D.Trigger,
+  return /* @__PURE__ */ e(M.Header, { className: "flex", children: /* @__PURE__ */ i(
+    M.Trigger,
     {
       "data-slot": "accordion-trigger",
       className: o(
@@ -1133,18 +1133,18 @@ function qt({
       ...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(L, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
       ]
     }
   ) });
 }
-function Ht({
+function Gt({
   className: a,
   children: t,
   ...r
 }) {
   return /* @__PURE__ */ e(
-    D.Content,
+    M.Content,
     {
       "data-slot": "accordion-content",
       className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
@@ -1153,7 +1153,7 @@ function Ht({
     }
   );
 }
-function Ve({
+function Fe({
   delayDuration: a = 0,
   ...t
 }) {
@@ -1166,10 +1166,10 @@ function Ve({
     }
   );
 }
-function Gt({
+function Ht({
   ...a
 }) {
-  return /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(I.Root, { "data-slot": "tooltip", ...a }) });
+  return /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(I.Root, { "data-slot": "tooltip", ...a }) });
 }
 function Ut({
   ...a
@@ -1199,23 +1199,23 @@ function Qt({
     }
   ) });
 }
-const Fe = x(
+const qe = N(
   ({
     className: a,
     variant: t = "default",
     title: r,
     subtitle: n,
-    description: l,
+    description: s,
     primaryCTA: c,
-    secondaryCTA: s,
+    secondaryCTA: l,
     backgroundImage: u,
-    overlay: m = !0,
+    overlay: f = !0,
     children: g,
-    ...f
-  }, p) => /* @__PURE__ */ i(
+    ...b
+  }, m) => /* @__PURE__ */ i(
     "section",
     {
-      ref: p,
+      ref: m,
       className: o(
         "relative flex min-h-[400px] w-full flex-col justify-center px-6 py-16 lg:px-12 lg:py-24",
         {
@@ -1225,9 +1225,9 @@ const Fe = x(
         }[t],
         a
       ),
-      ...f,
+      ...b,
       children: [
-        u && /* @__PURE__ */ i(P, { children: [
+        u && /* @__PURE__ */ i(_, { children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -1235,7 +1235,7 @@ const Fe = x(
               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__ */ i(
           "div",
@@ -1266,17 +1266,17 @@ const Fe = x(
                     children: r
                   }
                 ),
-                l && /* @__PURE__ */ e(
+                s && /* @__PURE__ */ e(
                   "p",
                   {
                     className: o(
                       "mt-6 text-lg lg:text-xl",
                       u ? "text-gray-200" : "text-[var(--muted-foreground)]"
                     ),
-                    children: l
+                    children: s
                   }
                 ),
-                (c || s) && /* @__PURE__ */ i("div", { className: "mt-8 flex flex-wrap gap-4", children: [
+                (c || l) && /* @__PURE__ */ i("div", { className: "mt-8 flex flex-wrap gap-4", children: [
                   c && /* @__PURE__ */ e(
                     C,
                     {
@@ -1286,13 +1286,13 @@ const Fe = x(
                       children: c.label
                     }
                   ),
-                  s && /* @__PURE__ */ e(
+                  l && /* @__PURE__ */ e(
                     C,
                     {
                       size: "lg",
-                      onClick: s.onClick,
+                      onClick: l.onClick,
                       variant: "secondary",
-                      children: s.label
+                      children: l.label
                     }
                   )
                 ] })
@@ -1306,22 +1306,22 @@ const Fe = x(
     }
   )
 );
-Fe.displayName = "Hero";
-const X = x(
+qe.displayName = "Hero";
+const Y = N(
   ({
     className: a,
     variant: t = "default",
     icon: r,
     title: n,
-    description: l,
+    description: s,
     action: c,
-    ...s
+    ...l
   }, u) => {
     const g = r || {
-      default: /* @__PURE__ */ e(de, { className: "h-16 w-16" }),
-      search: /* @__PURE__ */ e(Q, { className: "h-16 w-16" }),
-      cart: /* @__PURE__ */ e(_, { className: "h-16 w-16" }),
-      error: /* @__PURE__ */ e(le, { className: "h-16 w-16" })
+      default: /* @__PURE__ */ e(ce, { className: "h-16 w-16" }),
+      search: /* @__PURE__ */ e(W, { className: "h-16 w-16" }),
+      cart: /* @__PURE__ */ e(R, { className: "h-16 w-16" }),
+      error: /* @__PURE__ */ e(de, { className: "h-16 w-16" })
     }[t];
     return /* @__PURE__ */ i(
       "div",
@@ -1331,11 +1331,11 @@ const X = x(
           "flex flex-col items-center justify-center py-16 px-6 text-center",
           a
         ),
-        ...s,
+        ...l,
         children: [
           /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--muted)] p-6 text-[var(--muted-foreground)]", children: g }),
           /* @__PURE__ */ e("h3", { className: "mt-6 text-xl font-semibold text-[var(--foreground)]", children: n }),
-          l && /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: l }),
+          s && /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: s }),
           c && /* @__PURE__ */ e(
             C,
             {
@@ -1351,20 +1351,20 @@ const X = x(
     );
   }
 );
-X.displayName = "EmptyState";
-const qe = x(
+Y.displayName = "EmptyState";
+const Ge = N(
   ({
     className: a,
     type: t = "generic",
     title: r,
     message: n,
-    onRetry: l,
+    onRetry: s,
     onGoHome: c,
-    showRetry: s = !0,
+    showRetry: l = !0,
     showHome: u = !0,
-    ...m
+    ...f
   }, g) => {
-    const p = {
+    const m = {
       404: {
         title: "Página não encontrada",
         message: "A página que você está procurando não existe ou foi movida.",
@@ -1385,7 +1385,7 @@ const qe = x(
         message: "Ocorreu um erro inesperado. Por favor, tente novamente.",
         code: ""
       }
-    }[t], b = r || p.title, N = n || p.message;
+    }[t], p = r || m.title, h = n || m.message;
     return /* @__PURE__ */ i(
       "div",
       {
@@ -1396,22 +1396,22 @@ const qe = x(
         ),
         role: "alert",
         "aria-live": "assertive",
-        ...m,
+        ...f,
         children: [
           /* @__PURE__ */ i("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(ce, { className: "h-16 w-16" }) })
+            m.code && /* @__PURE__ */ e("h1", { className: "text-9xl font-bold text-[var(--muted)] opacity-40", children: m.code }),
+            /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--destructive)]/10 p-6 text-[var(--destructive)]", children: /* @__PURE__ */ e(ue, { className: "h-16 w-16" }) })
           ] }),
-          /* @__PURE__ */ e("h2", { className: "mt-6 text-2xl font-bold text-[var(--foreground)]", children: b }),
-          /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: N }),
+          /* @__PURE__ */ e("h2", { className: "mt-6 text-2xl font-bold text-[var(--foreground)]", children: p }),
+          /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: h }),
           /* @__PURE__ */ i("div", { className: "mt-8 flex flex-wrap gap-4 justify-center", children: [
-            s && l && /* @__PURE__ */ e(
+            l && s && /* @__PURE__ */ e(
               C,
               {
-                onClick: l,
+                onClick: s,
                 variant: "primary",
                 size: "lg",
-                leftIcon: /* @__PURE__ */ e(ue, { className: "h-5 w-5" }),
+                leftIcon: /* @__PURE__ */ e(me, { className: "h-5 w-5" }),
                 children: "Tentar novamente"
               }
             ),
@@ -1421,7 +1421,7 @@ const qe = x(
                 onClick: c,
                 variant: "secondary",
                 size: "lg",
-                leftIcon: /* @__PURE__ */ e(me, { className: "h-5 w-5" }),
+                leftIcon: /* @__PURE__ */ e(fe, { className: "h-5 w-5" }),
                 children: "Voltar ao início"
               }
             )
@@ -1431,50 +1431,50 @@ const qe = x(
     );
   }
 );
-qe.displayName = "ErrorState";
-const He = x(
+Ge.displayName = "ErrorState";
+const He = N(
   ({
     className: a,
     products: t,
     columns: r = 4,
     gap: n = "md",
-    isLoading: l = !1,
+    isLoading: s = !1,
     skeletonCount: c = 8,
-    emptyStateMessage: s = "Nenhum produto encontrado",
+    emptyStateMessage: l = "Nenhum produto encontrado",
     onEmptyAction: u,
-    ...m
+    ...f
   }, g) => {
-    const f = {
+    const b = {
       sm: "gap-4",
       md: "gap-6",
       lg: "gap-8"
     };
-    return l ? /* @__PURE__ */ e(
+    return s ? /* @__PURE__ */ e(
       "div",
       {
         ref: g,
         className: o(
           "grid grid-cols-2 lg:grid-cols-4",
-          f[n],
+          b[n],
           a
         ),
-        ...m,
-        children: Array.from({ length: c }).map((p, b) => /* @__PURE__ */ e(
-          $,
+        ...f,
+        children: Array.from({ length: c }).map((m, p) => /* @__PURE__ */ e(
+          T,
           {
             image: "",
             title: "",
             price: 0,
             isSkeleton: !0
           },
-          b
+          p
         ))
       }
     ) : t.length === 0 ? /* @__PURE__ */ e(
-      X,
+      Y,
       {
         variant: "search",
-        title: s,
+        title: l,
         description: "Tente ajustar seus filtros ou realizar uma nova busca",
         action: u ? {
           label: "Limpar filtros",
@@ -1487,11 +1487,11 @@ const He = x(
         ref: g,
         className: o(
           "grid grid-cols-2 lg:grid-cols-4",
-          f[n],
+          b[n],
           a
         ),
-        ...m,
-        children: t.map((p, b) => /* @__PURE__ */ e($, { ...p }, b))
+        ...f,
+        children: t.map((m, p) => /* @__PURE__ */ e(T, { ...m }, p))
       }
     );
   }
@@ -1507,12 +1507,12 @@ function Kt({
 }) {
   return /* @__PURE__ */ e(w.Trigger, { "data-slot": "dialog-trigger", ...a });
 }
-function Ge({
+function Ue({
   ...a
 }) {
   return /* @__PURE__ */ e(w.Portal, { "data-slot": "dialog-portal", ...a });
 }
-function Ue({
+function Qe({
   className: a,
   ...t
 }) {
@@ -1533,8 +1533,8 @@ function Ot({
   children: t,
   ...r
 }) {
-  return /* @__PURE__ */ i(Ge, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ e(Ue, {}),
+  return /* @__PURE__ */ i(Ue, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ e(Qe, {}),
     /* @__PURE__ */ i(
       w.Content,
       {
@@ -1547,7 +1547,7 @@ function Ot({
         children: [
           t,
           /* @__PURE__ */ i(w.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" })
           ] })
         ]
@@ -1604,25 +1604,25 @@ function Jt({
     }
   );
 }
-function Qe({ ...a }) {
+function We({ ...a }) {
   return /* @__PURE__ */ e(w.Root, { "data-slot": "sheet", ...a });
 }
-function We({
+function Ke({
   ...a
 }) {
   return /* @__PURE__ */ e(w.Trigger, { "data-slot": "sheet-trigger", ...a });
 }
-function Ke({
+function Oe({
   ...a
 }) {
   return /* @__PURE__ */ e(w.Close, { "data-slot": "sheet-close", ...a });
 }
-function Oe({
+function Xe({
   ...a
 }) {
   return /* @__PURE__ */ e(w.Portal, { "data-slot": "sheet-portal", ...a });
 }
-function Xe({
+function Ye({
   className: a,
   ...t
 }) {
@@ -1638,14 +1638,14 @@ function Xe({
     }
   );
 }
-function Ye({
+function Ze({
   className: a,
   children: t,
   side: r = "right",
   ...n
 }) {
-  return /* @__PURE__ */ i(Oe, { children: [
-    /* @__PURE__ */ e(Xe, {}),
+  return /* @__PURE__ */ i(Xe, { children: [
+    /* @__PURE__ */ e(Ye, {}),
     /* @__PURE__ */ i(
       w.Content,
       {
@@ -1662,7 +1662,7 @@ function Ye({
         children: [
           t,
           /* @__PURE__ */ i(w.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 Ye({
     )
   ] });
 }
-function Ze({ className: a, ...t }) {
+function Je({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1690,7 +1690,7 @@ function ea({ className: a, ...t }) {
     }
   );
 }
-function Je({
+function et({
   className: a,
   ...t
 }) {
@@ -1716,7 +1716,7 @@ function ta({
     }
   );
 }
-function et({ children: a, as: t = "div", className: r }) {
+function tt({ children: a, as: t = "div", className: r }) {
   return /* @__PURE__ */ e(
     t,
     {
@@ -1727,30 +1727,30 @@ function et({ children: a, as: t = "div", className: r }) {
     }
   );
 }
-const tt = x(
-  ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: n = !1, ...l }, c) => {
-    const [s, u] = k("light"), [m, g] = k(16), [f, p] = k(!1);
-    M(() => {
+const at = N(
+  ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: n = !1, ...s }, c) => {
+    const [l, u] = k("light"), [f, g] = k(16), [b, m] = k(!1);
+    D(() => {
       const v = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
       u(v);
       const y = Number(localStorage.getItem("a11y-font-size"));
       Number.isFinite(y) && y > 0 && g(y);
-    }, []), M(() => {
-      if (!f && typeof window < "u" && !document.querySelector('script[src*="vlibras"]')) {
+    }, []), D(() => {
+      if (!b && typeof window < "u" && !document.querySelector('script[src*="vlibras"]')) {
         const v = document.createElement("script");
         v.src = "https://vlibras.gov.br/app/vlibras-plugin.js", v.async = !0, v.onload = () => {
-          p(!0), window.VLibras && new window.VLibras.Widget("https://vlibras.gov.br/app");
+          m(!0), window.VLibras && new window.VLibras.Widget("https://vlibras.gov.br/app");
         }, document.body.appendChild(v);
       }
-    }, [f]);
-    const b = () => {
-      const d = s === "light" ? "dark" : "light";
+    }, [b]);
+    const p = () => {
+      const d = l === "light" ? "dark" : "light";
       u(d), document.documentElement.setAttribute("data-theme", d), localStorage.setItem("a11y-theme", d), t == null || t(d);
-    }, N = () => {
-      const d = Math.min(m + 2, 24);
-      g(d), document.documentElement.style.setProperty("--font-size", `${d}px`), document.documentElement.style.fontSize = `${d}px`, localStorage.setItem("a11y-font-size", d.toString()), r == null || r(d);
     }, h = () => {
-      const d = Math.max(m - 2, 12);
+      const d = Math.min(f + 2, 24);
+      g(d), document.documentElement.style.setProperty("--font-size", `${d}px`), document.documentElement.style.fontSize = `${d}px`, localStorage.setItem("a11y-font-size", d.toString()), r == null || r(d);
+    }, x = () => {
+      const d = Math.max(f - 2, 12);
       g(d), document.documentElement.style.setProperty("--font-size", `${d}px`), document.documentElement.style.fontSize = `${d}px`, localStorage.setItem("a11y-font-size", d.toString()), r == null || r(d);
     };
     return /* @__PURE__ */ e(
@@ -1763,10 +1763,10 @@ const tt = x(
         ),
         role: "toolbar",
         "aria-label": "Ferramentas de acessibilidade",
-        ...l,
-        children: /* @__PURE__ */ i(et, { className: "py-2 flex items-center justify-between", children: [
+        ...s,
+        children: /* @__PURE__ */ i(tt, { className: "py-2 flex items-center justify-between", children: [
           /* @__PURE__ */ i("div", { className: "flex items-center gap-2 text-sm text-[var(--muted-foreground)]", children: [
-            /* @__PURE__ */ e(fe, { className: "h-4 w-4 flex-shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ e(ge, { className: "h-4 w-4 flex-shrink-0", "aria-hidden": "true" }),
             /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: "Ferramentas de Acessibilidade" })
           ] }),
           /* @__PURE__ */ i("div", { className: "flex items-center gap-2 md:gap-4", children: [
@@ -1783,15 +1783,15 @@ const tt = x(
                 "button",
                 {
                   type: "button",
-                  onClick: h,
-                  disabled: m <= 12,
+                  onClick: x,
+                  disabled: f <= 12,
                   "aria-label": "Diminuir tamanho da fonte",
                   className: o(
                     "p-2 rounded-md transition-colors text-[var(--muted-foreground)] hover:bg-[var(--muted)]",
                     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
                     "disabled:opacity-40 disabled:cursor-not-allowed"
                   ),
-                  children: /* @__PURE__ */ e(ge, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ e(pe, { 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 tt = x(
                 "button",
                 {
                   type: "button",
-                  onClick: N,
-                  disabled: m >= 24,
+                  onClick: h,
+                  disabled: f >= 24,
                   "aria-label": "Aumentar tamanho da fonte",
                   className: o(
                     "p-2 rounded-md transition-colors text-[var(--muted-foreground)] hover:bg-[var(--muted)]",
                     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
                     "disabled:opacity-40 disabled:cursor-not-allowed"
                   ),
-                  children: /* @__PURE__ */ e(pe, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ e(ve, { className: "h-4 w-4" })
                 }
               )
             ] }),
@@ -1815,30 +1815,30 @@ const tt = x(
               "button",
               {
                 type: "button",
-                onClick: b,
-                "aria-label": s === "light" ? "Ativar modo escuro" : "Ativar modo claro",
+                onClick: p,
+                "aria-label": l === "light" ? "Ativar modo escuro" : "Ativar modo claro",
                 className: o(
                   "p-2 rounded-md transition-colors text-[var(--muted-foreground)] hover:bg-[var(--muted)]",
                   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
                 ),
-                children: s === "light" ? /* @__PURE__ */ e(ve, { className: "h-4 w-4" }) : /* @__PURE__ */ e(be, { className: "h-4 w-4" })
+                children: l === "light" ? /* @__PURE__ */ e(be, { className: "h-4 w-4" }) : /* @__PURE__ */ e(he, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => p((d) => !d),
+                onClick: () => m((d) => !d),
                 "aria-label": "Ativar VLibras",
-                "aria-pressed": f,
+                "aria-pressed": b,
                 className: o(
                   "px-3 py-1 text-xs font-medium rounded-md transition-colors",
                   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
                 ),
                 style: {
-                  backgroundColor: f ? "var(--primary)" : "transparent",
-                  color: f ? "var(--primary-foreground)" : "var(--muted-foreground)",
-                  border: f ? "none" : "1px solid var(--border)"
+                  backgroundColor: b ? "var(--primary)" : "transparent",
+                  color: b ? "var(--primary-foreground)" : "var(--muted-foreground)",
+                  border: b ? "none" : "1px solid var(--border)"
                 },
                 children: "VLibras"
               }
@@ -1849,54 +1849,54 @@ const tt = x(
     );
   }
 );
-tt.displayName = "TopAccessibilityBar";
-const at = x(
+at.displayName = "TopAccessibilityBar";
+const rt = N(
   ({
     className: a,
     slides: t,
     autoplayDelay: r = 5e3,
     autoplay: n = !0,
-    ...l
+    ...s
   }, c) => {
-    const [s, u] = k(0), [m, g] = k(!1), [f, p] = k(!1);
-    M(() => {
+    const [l, u] = k(0), [f, g] = k(!1), [b, m] = k(!1);
+    D(() => {
       const d = window.matchMedia("(prefers-reduced-motion: reduce)");
-      p(d.matches);
+      m(d.matches);
       const v = (y) => {
-        p(y.matches);
+        m(y.matches);
       };
       return d.addEventListener("change", v), () => d.removeEventListener("change", v);
-    }, []), M(() => {
-      if (!n || m || f) return;
+    }, []), D(() => {
+      if (!n || f || b) return;
       const d = setInterval(() => {
         u((v) => (v + 1) % t.length);
       }, r);
       return () => clearInterval(d);
-    }, [n, r, t.length, m, f]);
-    const b = (d) => {
+    }, [n, r, t.length, f, b]);
+    const p = (d) => {
       u(d), g(!0), setTimeout(() => g(!1), r);
-    }, N = () => {
-      b((s - 1 + t.length) % t.length);
     }, h = () => {
-      b((s + 1) % t.length);
+      p((l - 1 + t.length) % t.length);
+    }, x = () => {
+      p((l + 1) % t.length);
     };
-    return t.length === 0 ? null : (t[s], /* @__PURE__ */ i(
+    return t.length === 0 ? null : (t[l], /* @__PURE__ */ i(
       "div",
       {
         ref: c,
         className: o("relative w-full overflow-hidden", a),
         onMouseEnter: () => g(!0),
         onMouseLeave: () => g(!1),
-        ...l,
+        ...s,
         children: [
           /* @__PURE__ */ e("div", { className: "relative", children: t.map((d, v) => /* @__PURE__ */ i(
             "div",
             {
               className: o(
                 "w-full transition-opacity duration-700",
-                v === s ? "block" : "hidden"
+                v === l ? "block" : "hidden"
               ),
-              "aria-hidden": v !== s,
+              "aria-hidden": v !== l,
               children: [
                 /* @__PURE__ */ i("picture", { children: [
                   /* @__PURE__ */ e(
@@ -1940,39 +1940,39 @@ const at = x(
             },
             d.id
           )) }),
-          t.length > 1 && /* @__PURE__ */ i(P, { children: [
+          t.length > 1 && /* @__PURE__ */ i(_, { children: [
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: N,
+                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(he, { className: "h-6 w-6 text-gray-900" })
+                children: /* @__PURE__ */ e(xe, { 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(W, { 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((d, v) => /* @__PURE__ */ e(
             "button",
             {
-              onClick: () => b(v),
+              onClick: () => p(v),
               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 ${v + 1}`,
-              "aria-current": v === s,
+              "aria-current": v === l,
               children: /* @__PURE__ */ e(
                 "span",
                 {
                   className: o(
                     "block rounded-full transition-all",
-                    v === s ? "h-1 w-3 bg-white" : "h-1 w-1 bg-white/40 group-hover:bg-white/60"
+                    v === l ? "h-1 w-3 bg-white" : "h-1 w-1 bg-white/40 group-hover:bg-white/60"
                   )
                 }
               )
@@ -1984,8 +1984,8 @@ const at = x(
     ));
   }
 );
-at.displayName = "HeroCarousel";
-function rt({
+rt.displayName = "HeroCarousel";
+function ot({
   className: a,
   children: t,
   viewport: r = !0,
@@ -2003,12 +2003,12 @@ function rt({
       ...n,
       children: [
         t,
-        r && /* @__PURE__ */ e(lt, {})
+        r && /* @__PURE__ */ e(dt, {})
       ]
     }
   );
 }
-function ot({
+function it({
   className: a,
   ...t
 }) {
@@ -2024,7 +2024,7 @@ function ot({
     }
   );
 }
-function G({
+function H({
   className: a,
   ...t
 }) {
@@ -2037,10 +2037,10 @@ function G({
     }
   );
 }
-const it = L(
+const nt = P(
   "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 nt({
+function st({
   className: a,
   children: t,
   ...r
@@ -2049,13 +2049,13 @@ function nt({
     S.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
-      className: o(it(), "group", a),
+      className: o(nt(), "group", a),
       ...r,
       children: [
         t,
         " ",
         /* @__PURE__ */ e(
-          R,
+          L,
           {
             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 nt({
     }
   );
 }
-function st({
+function lt({
   className: a,
   ...t
 }) {
@@ -2082,7 +2082,7 @@ function st({
     }
   );
 }
-function lt({
+function dt({
   className: a,
   ...t
 }) {
@@ -2106,7 +2106,7 @@ function lt({
     }
   );
 }
-function B({
+function $({
   className: a,
   ...t
 }) {
@@ -2122,7 +2122,7 @@ function B({
     }
   );
 }
-function dt({ items: a }) {
+function ct({ 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 dt({ items: a }) {
           }
         ),
         /* @__PURE__ */ e("ul", { className: "ml-1", role: "none", children: t.children.map((n) => /* @__PURE__ */ e("li", { role: "none", children: /* @__PURE__ */ e(
-          B,
+          $,
           {
             href: n.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 dt({ items: a }) {
           }
         ) }, n.id)) })
       ] }, t.id) : /* @__PURE__ */ e("li", { role: "none", children: /* @__PURE__ */ e(
-        B,
+        $,
         {
           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 dt({ items: a }) {
     }
   ) });
 }
-function Y({ item: a, depth: t = 0 }) {
+function Z({ item: a, depth: t = 0 }) {
   var c;
   const [r, n] = k(!1);
-  return !((c = a.children) != null && c.length) ? /* @__PURE__ */ e(Ke, { asChild: !0, children: /* @__PURE__ */ e(
+  return !((c = a.children) != null && c.length) ? /* @__PURE__ */ e(Oe, { asChild: !0, children: /* @__PURE__ */ e(
     "a",
     {
       href: a.href ?? "#",
@@ -2174,7 +2174,7 @@ function Y({ item: a, depth: t = 0 }) {
         type: "button",
         "aria-expanded": r,
         "aria-controls": `mobile-nav-${a.id}`,
-        onClick: () => n((s) => !s),
+        onClick: () => n((l) => !l),
         className: o(
           "flex min-h-[44px] w-full items-center justify-between rounded py-2 text-sm font-medium text-[var(--foreground)] hover:text-[var(--brand-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
           t > 0 && "pl-4"
@@ -2182,7 +2182,7 @@ function Y({ item: a, depth: t = 0 }) {
         children: [
           /* @__PURE__ */ e("span", { children: a.label }),
           /* @__PURE__ */ e(
-            O,
+            X,
             {
               "aria-hidden": "true",
               className: o(
@@ -2199,13 +2199,13 @@ function Y({ item: a, depth: t = 0 }) {
       {
         id: `mobile-nav-${a.id}`,
         className: "mb-1 ml-2 border-l-2 border-[var(--border)] pl-3",
-        children: a.children.map((s) => /* @__PURE__ */ e(Y, { item: s, depth: t + 1 }, s.id))
+        children: a.children.map((l) => /* @__PURE__ */ e(Z, { item: l, depth: t + 1 }, l.id))
       }
     )
   ] });
 }
-const ct = x(
-  ({ items: a, logo: t, rightSlot: r, searchSlot: n, drawerFooter: l, className: c, ...s }, u) => /* @__PURE__ */ e(
+const ut = N(
+  ({ items: a, logo: t, rightSlot: r, searchSlot: n, drawerFooter: s, className: c, ...l }, u) => /* @__PURE__ */ e(
     "header",
     {
       ref: u,
@@ -2213,26 +2213,26 @@ const ct = x(
         "sticky top-0 z-40 border-b border-[var(--border)] bg-[var(--card)]",
         c
       ),
-      ...s,
+      ...l,
       children: /* @__PURE__ */ i("div", { className: "px-4", children: [
         /* @__PURE__ */ i("div", { className: "flex items-center py-3 gap-4", children: [
           t && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: t }),
           n && /* @__PURE__ */ e("div", { className: "hidden flex-1 md:flex", children: n }),
           /* @__PURE__ */ e("div", { className: "flex-1 md:hidden", "aria-hidden": "true" }),
           r && /* @__PURE__ */ e("div", { className: "flex items-center", children: r }),
-          /* @__PURE__ */ i(Qe, { children: [
-            /* @__PURE__ */ e(We, { asChild: !0, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ i(We, { children: [
+            /* @__PURE__ */ e(Ke, { 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(xe, { className: "h-5 w-5", "aria-hidden": "true" })
+                children: /* @__PURE__ */ e(Ne, { className: "h-5 w-5", "aria-hidden": "true" })
               }
             ) }),
-            /* @__PURE__ */ i(Ye, { side: "left", className: "flex flex-col p-0", children: [
-              /* @__PURE__ */ i(Ze, { className: "border-b border-[var(--border)] px-5 py-4", children: [
-                /* @__PURE__ */ e(Je, { className: "sr-only", children: "Menu de navegação" }),
+            /* @__PURE__ */ i(Ze, { side: "left", className: "flex flex-col p-0", children: [
+              /* @__PURE__ */ i(Je, { className: "border-b border-[var(--border)] px-5 py-4", children: [
+                /* @__PURE__ */ e(et, { className: "sr-only", children: "Menu de navegação" }),
                 t && /* @__PURE__ */ e("div", { className: "flex items-center", children: t })
               ] }),
               n && /* @__PURE__ */ e("div", { className: "border-b border-[var(--border)] px-5 py-4", children: n }),
@@ -2241,10 +2241,10 @@ const ct = x(
                 {
                   "aria-label": "Menu principal",
                   className: "flex-1 overflow-y-auto px-5 py-3",
-                  children: /* @__PURE__ */ e("div", { className: "divide-y divide-[var(--border)]", children: a.map((m) => /* @__PURE__ */ e("div", { className: "py-0.5", children: /* @__PURE__ */ e(Y, { 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(Z, { item: f }) }, f.id)) })
                 }
               ),
-              l && /* @__PURE__ */ e("div", { className: "border-t border-[var(--border)] px-5 py-4", children: l })
+              s && /* @__PURE__ */ e("div", { className: "border-t border-[var(--border)] px-5 py-4", children: s })
             ] })
           ] })
         ] }),
@@ -2253,20 +2253,20 @@ const ct = x(
           {
             "aria-label": "Menu principal",
             className: "hidden border-t border-[var(--border)] py-2 md:flex",
-            children: /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(ot, { children: a.map(
-              (m) => {
+            children: /* @__PURE__ */ e(ot, { children: /* @__PURE__ */ e(it, { children: a.map(
+              (f) => {
                 var g;
-                return (g = m.children) != null && g.length ? /* @__PURE__ */ i(G, { children: [
-                  /* @__PURE__ */ e(nt, { className: "h-9 bg-transparent text-sm text-[var(--foreground)] hover:bg-[var(--accent)]", children: m.label }),
-                  /* @__PURE__ */ e(st, { children: /* @__PURE__ */ e(dt, { items: m.children }) })
-                ] }, m.id) : /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
-                  B,
+                return (g = f.children) != null && g.length ? /* @__PURE__ */ i(H, { children: [
+                  /* @__PURE__ */ e(st, { className: "h-9 bg-transparent text-sm text-[var(--foreground)] hover:bg-[var(--accent)]", children: f.label }),
+                  /* @__PURE__ */ e(lt, { children: /* @__PURE__ */ e(ct, { items: f.children }) })
+                ] }, f.id) : /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(
+                  $,
                   {
-                    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);
               }
             ) }) })
           }
@@ -2275,8 +2275,8 @@ const ct = x(
     }
   )
 );
-ct.displayName = "MegaMenu";
-const ut = [
+ut.displayName = "MegaMenu";
+const mt = [
   {
     id: "catalogo",
     title: "Catálogo",
@@ -2309,20 +2309,20 @@ const ut = [
       { label: "Sobre o APP", href: "/sobre-app" }
     ]
   }
-], mt = [
-  { label: "Instagram", href: "https://instagram.com/eloeditora", Icon: Ne },
-  { label: "Facebook", href: "https://facebook.com/eloeditora", Icon: we },
-  { label: "YouTube", href: "https://youtube.com/@eloeditora", Icon: ye },
-  { label: "LinkedIn", href: "https://linkedin.com/company/eloeditora", Icon: ke }
+], U = [
+  { label: "Instagram", href: "https://instagram.com/eloeditora", Icon: we },
+  { label: "Facebook", href: "https://facebook.com/eloeditora", Icon: ye },
+  { label: "YouTube", href: "https://youtube.com/@eloeditora", Icon: ke },
+  { label: "LinkedIn", href: "https://linkedin.com/company/eloeditora", Icon: ze }
 ];
 function ft({ onSubmit: a }) {
-  const [t, r] = k(""), [n, l] = k(!1);
+  const [t, r] = k(""), [n, s] = k(!1);
   return /* @__PURE__ */ e("div", { className: "mx-auto w-full bg-[var(--brand-primary)] py-8 md:py-10 lg:py-12", style: { maxWidth: "var(--container-max)" }, children: /* @__PURE__ */ i("div", { className: "mx-auto max-w-lg px-[var(--container-px)] text-center", children: [
-    /* @__PURE__ */ e(ze, { className: "mx-auto mb-4 h-10 w-10 text-white", "aria-hidden": "true" }),
+    /* @__PURE__ */ e(Ce, { className: "mx-auto mb-4 h-10 w-10 text-white", "aria-hidden": "true" }),
     /* @__PURE__ */ e("h2", { className: "text-xl font-semibold text-white sm:text-2xl", children: "Receba novidades e ofertas exclusivas" }),
     /* @__PURE__ */ e("p", { className: "mt-2 text-sm", style: { color: "rgba(255,255,255,0.85)" }, children: "Cadastre-se e fique por dentro dos lançamentos. Sem spam." }),
-    n ? /* @__PURE__ */ e("p", { className: "mt-6 text-sm font-medium text-white", children: "Obrigado! Você está na lista. ✓" }) : /* @__PURE__ */ i("form", { onSubmit: (s) => {
-      s.preventDefault(), t && (a == null || a(t), l(!0), r(""));
+    n ? /* @__PURE__ */ e("p", { className: "mt-6 text-sm font-medium text-white", children: "Obrigado! Você está na lista. ✓" }) : /* @__PURE__ */ i("form", { onSubmit: (l) => {
+      l.preventDefault(), t && (a == null || a(t), s(!0), r(""));
     }, className: "mt-6 flex flex-col gap-2 sm:flex-row", children: [
       /* @__PURE__ */ e("label", { htmlFor: "footer-newsletter-email", className: "sr-only", children: "Seu e-mail" }),
       /* @__PURE__ */ e(
@@ -2332,7 +2332,7 @@ function ft({ onSubmit: a }) {
           type: "email",
           required: !0,
           value: t,
-          onChange: (s) => r(s.target.value),
+          onChange: (l) => r(l.target.value),
           placeholder: "Seu melhor e-mail",
           className: "min-h-[44px] flex-1 rounded-lg border border-white px-4 text-sm text-[#1a1e2e] placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-white"
         }
@@ -2357,12 +2357,12 @@ function gt({ title: a, links: t }) {
       {
         type: "button",
         "aria-expanded": r,
-        onClick: () => n((l) => !l),
+        onClick: () => n((s) => !s),
         className: "flex w-full items-center justify-between py-4 text-left text-sm font-semibold text-[var(--foreground)] md:hidden",
         children: [
           a,
           /* @__PURE__ */ e(
-            O,
+            X,
             {
               "aria-hidden": "true",
               className: o("h-4 w-4 text-[var(--muted-foreground)] transition-transform duration-200", r && "rotate-180")
@@ -2380,62 +2380,61 @@ function gt({ title: a, links: t }) {
           r ? "max-h-96 pb-4" : "max-h-0 md:max-h-none"
         ),
         role: "list",
-        children: t.map((l) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+        children: t.map((s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "a",
           {
-            href: l.href,
+            href: s.href,
             className: "text-sm text-[var(--muted-foreground)] transition-colors hover:text-[var(--brand-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded",
-            children: l.label
+            children: s.label
           }
-        ) }, l.label))
+        ) }, s.label))
       }
     )
   ] });
 }
-const pt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, className: n, ...l }) => {
-  const [c, s] = k("light");
-  M(() => {
-    const f = document.documentElement;
-    s(f.getAttribute("data-theme") ?? "light");
+const pt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, playStoreUrl: n, appStoreUrl: s, className: c, ...l }) => {
+  const [u, f] = k("light");
+  D(() => {
+    const m = document.documentElement;
+    f(m.getAttribute("data-theme") ?? "light");
     const p = new MutationObserver(() => {
-      s(f.getAttribute("data-theme") ?? "light");
+      f(m.getAttribute("data-theme") ?? "light");
     });
-    return p.observe(f, { attributes: !0, attributeFilter: ["data-theme"] }), () => p.disconnect();
+    return p.observe(m, { attributes: !0, attributeFilter: ["data-theme"] }), () => p.disconnect();
   }, []);
-  const u = a === "perabook" ? c === "dark" ? "/logos/logo_PeraBook_institucional_tarja_branca.png" : "/logos/PeraBook_instituicional.png" : c === "dark" ? "/logos/logo_elo_editora_texto_branco.png" : "/logos/logo_elo_institucional.png", m = a === "perabook" ? "PeraBook" : "Elo Editora", g = a === "perabook" ? "Educação socioemocional e diversidade cultural" : "Literatura infantojuvenil que transforma vidas";
+  const g = 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", b = a === "perabook" ? "PeraBook" : "Elo Editora";
   return /* @__PURE__ */ i(
     "footer",
     {
-      className: o("border-t border-[var(--border)] bg-[var(--card)] text-[var(--foreground)]", n),
+      className: o("border-t border-[var(--border)] bg-[var(--card)] text-[var(--foreground)]", c),
       "aria-label": "Rodapé do site",
       ...l,
       children: [
         r !== void 0 ? r : /* @__PURE__ */ e(ft, { onSubmit: t }),
         /* @__PURE__ */ i("div", { className: "mx-auto max-w-screen-xl px-4", children: [
-          /* @__PURE__ */ i("div", { className: "py-10 md:grid md:grid-cols-4 md:gap-8", children: [
+          /* @__PURE__ */ i("div", { className: "py-10 md:grid md:grid-cols-5 md:gap-8", children: [
             /* @__PURE__ */ i("div", { className: "mb-8 md:mb-0", children: [
               /* @__PURE__ */ e(
                 "img",
                 {
-                  src: u,
-                  alt: m,
+                  src: g,
+                  alt: b,
                   width: 120,
                   height: 40,
                   className: "h-10 w-auto object-contain"
                 }
               ),
-              /* @__PURE__ */ e("p", { className: "mt-3 max-w-xs text-sm text-[var(--muted-foreground)]", children: g }),
-              /* @__PURE__ */ e("div", { className: "mt-6 flex flex-wrap gap-2", "aria-label": "Redes sociais", children: mt.map(({ label: f, href: p, Icon: b }) => /* @__PURE__ */ e(
+              /* @__PURE__ */ e("div", { className: "mt-6 flex flex-wrap gap-2", "aria-label": "Redes sociais", children: U.map(({ label: m, href: p, Icon: h }) => /* @__PURE__ */ e(
                 "a",
                 {
                   href: p,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  "aria-label": f,
+                  "aria-label": m,
                   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(b, { className: "h-4 w-4", "aria-hidden": "true" })
+                  children: /* @__PURE__ */ e(h, { className: "h-4 w-4", "aria-hidden": "true" })
                 },
-                f
+                m
               )) }),
               /* @__PURE__ */ i("div", { className: "mt-6 space-y-1 text-sm", children: [
                 /* @__PURE__ */ e("p", { className: "text-[var(--muted-foreground)]", children: "Atendimento:" }),
@@ -2443,7 +2442,65 @@ const pt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
                 /* @__PURE__ */ e("p", { className: "font-medium text-[var(--foreground)]", children: "(11) 3000-0000" })
               ] })
             ] }),
-            ut.map((f) => /* @__PURE__ */ e(gt, { title: f.title, links: f.links }, f.id))
+            mt.map((m) => /* @__PURE__ */ e(gt, { title: m.title, links: m.links }, m.id)),
+            /* @__PURE__ */ i("div", { className: "mb-8 md:mb-0", children: [
+              /* @__PURE__ */ e("p", { className: "text-sm font-semibold uppercase tracking-wide text-[var(--foreground)]", children: "Baixe nosso app" }),
+              /* @__PURE__ */ i("div", { className: "mt-3 flex flex-col gap-2", children: [
+                /* @__PURE__ */ e(
+                  "a",
+                  {
+                    href: n ?? "#",
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    "aria-label": "Disponível no Google Play",
+                    className: "inline-block transition-opacity hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded-lg",
+                    children: /* @__PURE__ */ e(
+                      "img",
+                      {
+                        src: "/badges/google-play.png",
+                        alt: "Disponível no Google Play",
+                        width: 135,
+                        height: 40,
+                        className: "h-10 w-auto"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "a",
+                  {
+                    href: s ?? "#",
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    "aria-label": "Disponível na App Store",
+                    className: "inline-block transition-opacity hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded-lg",
+                    children: /* @__PURE__ */ e(
+                      "img",
+                      {
+                        src: "/badges/app-store.png",
+                        alt: "Disponível na App Store",
+                        width: 135,
+                        height: 40,
+                        className: "h-10 w-auto"
+                      }
+                    )
+                  }
+                )
+              ] }),
+              /* @__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: U.map(({ label: m, href: p, Icon: h }) => /* @__PURE__ */ e(
+                "a",
+                {
+                  href: p,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  "aria-label": m,
+                  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(h, { className: "h-4 w-4", "aria-hidden": "true" })
+                },
+                m
+              )) })
+            ] })
           ] }),
           /* @__PURE__ */ i("div", { className: "flex flex-col gap-2 border-t border-[var(--border)] py-6 text-xs text-[var(--muted-foreground)] sm:flex-row sm:items-center sm:justify-between", children: [
             /* @__PURE__ */ i("p", { children: [
@@ -2489,72 +2546,72 @@ function ra({ children: a, span: t, className: r }) {
 }
 export {
   Vt as Accordion,
-  Ht as AccordionContent,
+  Gt as AccordionContent,
   Ft as AccordionItem,
   qt as AccordionTrigger,
-  De as Avatar,
+  Pe as Avatar,
   A as Badge,
-  Rt as Breadcrumb,
-  Et as BreadcrumbItem,
-  Tt as BreadcrumbLink,
-  _t as BreadcrumbList,
-  $t as BreadcrumbPage,
-  Bt as BreadcrumbSeparator,
+  Lt as Breadcrumb,
+  Bt as BreadcrumbItem,
+  Et as BreadcrumbLink,
+  Rt as BreadcrumbList,
+  Tt as BreadcrumbPage,
+  $t as BreadcrumbSeparator,
   C as Button,
-  Dt as Checkbox,
+  Mt as Checkbox,
   ra as Col,
-  et as Container,
+  tt as Container,
   Ot as DialogContent,
   Jt as DialogDescription,
   Yt as DialogFooter,
   Xt as DialogHeader,
   Zt as DialogTitle,
   Kt as DialogTrigger,
-  Ae as Divider,
-  Qe as Drawer,
-  X as EmptyState,
-  qe as ErrorState,
+  Le as Divider,
+  We as Drawer,
+  Y as EmptyState,
+  Ge as ErrorState,
   pt as Footer,
-  Be as FormGroup,
+  Ve as FormGroup,
   aa as Grid,
-  Fe as Hero,
-  at as HeroCarousel,
+  qe as Hero,
+  rt as HeroCarousel,
   zt as Input,
-  ct as MegaMenu,
+  ut as MegaMenu,
   Wt as Modal,
   Te as PriceDisplay,
-  $ as ProductCard,
+  T as ProductCard,
   He as ProductGrid,
   la as ProgressBar,
   $e as QuantitySelector,
-  Lt as RadioGroup,
-  Pt as RadioGroupItem,
-  T as Rating,
+  Pt as RadioGroup,
+  _t as RadioGroupItem,
+  E as Rating,
   Ee as SearchBar,
   Ct as Select,
   jt as SelectContent,
-  Mt as SelectItem,
+  Dt as SelectItem,
   It as SelectTrigger,
   St as SelectValue,
-  Ye as SheetContent,
+  Ze as SheetContent,
   ta as SheetDescription,
   ea as SheetFooter,
-  Ze as SheetHeader,
-  Je as SheetTitle,
-  We as SheetTrigger,
-  Pe as Spinner,
-  Ie as Textarea,
+  Je as SheetHeader,
+  et as SheetTitle,
+  Ke as SheetTrigger,
+  Ae as Spinner,
+  je as Textarea,
   At as Toggle,
-  Gt as Tooltip,
+  Ht as Tooltip,
   Qt as TooltipContent,
-  Ve as TooltipProvider,
+  Fe as TooltipProvider,
   Ut as TooltipTrigger,
-  tt as TopAccessibilityBar,
+  at as TopAccessibilityBar,
   Me as avatarVariants,
-  je as badgeVariants,
-  Se as buttonVariants,
+  De as badgeVariants,
+  Ie as buttonVariants,
   o as cn,
-  Le as spinnerVariants,
+  _e as spinnerVariants,
   na as toast
 };
 //# sourceMappingURL=index.js.map