@grupo-elo-editorial/shared-ui-react 1.3.5 → 1.3.7

package/dist/index.js

@@ -1,25 +1,25 @@
 "use client";
-import { clsx as Y } from "clsx";
-import { twMerge as J } from "tailwind-merge";
-import { jsx as e, jsxs as i, Fragment as A } from "react/jsx-runtime";
-import { forwardRef as x, useState as k, useEffect as j } 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 B, 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, Mail as Ne } from "lucide-react";
+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 we } from "@radix-ui/react-slot";
+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 ta } from "sonner";
-import { Progress as ra } from "@radix-ui/react-progress";
+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(Y(a));
+  return ee(J(a));
 }
-const ye = P(
+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,7 +45,7 @@ const ye = P(
       size: "md"
     }
   }
-), C = x(
+), C = N(
   ({
     className: a,
     variant: t,
@@ -55,19 +55,19 @@ const ye = P(
     leftIcon: c,
     rightIcon: l,
     children: u,
-    disabled: m,
+    disabled: f,
     ...g
-  }, v) => /* @__PURE__ */ e(
+  }, b) => /* @__PURE__ */ e(
     "button",
     {
-      className: o(ye({ variant: t, size: r, fullWidth: n, className: a })),
-      ref: v,
-      disabled: m || s,
+      className: o(Ie({ variant: t, size: r, fullWidth: n, className: a })),
+      ref: b,
+      disabled: f || s,
       ...g,
-      children: s ? /* @__PURE__ */ i(A, { children: [
+      children: s ? /* @__PURE__ */ i(_, { children: [
         /* @__PURE__ */ e(V, { className: "h-4 w-4 animate-spin" }),
         u && /* @__PURE__ */ e("span", { children: u })
-      ] }) : /* @__PURE__ */ i(A, { children: [
+      ] }) : /* @__PURE__ */ i(_, { children: [
         c && /* @__PURE__ */ e("span", { className: "inline-flex", children: c }),
         u,
         l && /* @__PURE__ */ e("span", { className: "inline-flex", children: l })
@@ -76,7 +76,7 @@ const ye = P(
   )
 );
 C.displayName = "Button";
-const ke = x(
+const je = N(
   ({ className: a, error: t, helperText: r, ...n }, s) => /* @__PURE__ */ i("div", { className: "w-full", children: [
     /* @__PURE__ */ e(
       "textarea",
@@ -106,8 +106,8 @@ const ke = x(
     )
   ] })
 );
-ke.displayName = "Textarea";
-const ze = P(
+je.displayName = "Textarea";
+const De = P(
   "inline-flex items-center rounded-full font-medium transition-colors whitespace-nowrap",
   {
     variants: {
@@ -131,12 +131,12 @@ const ze = P(
       size: "md"
     }
   }
-), _ = x(
+), A = N(
   ({ className: a, variant: t, size: r, icon: n, onRemove: s, children: c, ...l }, u) => /* @__PURE__ */ i(
     "div",
     {
       ref: u,
-      className: o(ze({ variant: t, size: r }), a),
+      className: o(De({ variant: t, size: r }), a),
       ...l,
       children: [
         n && /* @__PURE__ */ e("span", { className: "mr-1 inline-flex", children: n }),
@@ -154,8 +154,8 @@ const ze = P(
     }
   )
 );
-_.displayName = "Badge";
-const Ce = P(
+A.displayName = "Badge";
+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,37 +170,37 @@ const Ce = P(
       size: "md"
     }
   }
-), Se = x(
-  ({ className: a, size: t, src: r, alt: n, name: s, showStatus: c, statusType: l = "online", ...u }, m) => {
-    const [g, v] = k(!1), f = (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(Ce({ 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 || s || "Avatar",
-          onError: () => v(!0),
+          onError: () => b(!0),
           className: "h-full w-full object-cover",
           ...u
         }
-      ) : s ? /* @__PURE__ */ e("span", { className: "font-medium", children: f(s) }) : /* @__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[l],
-            N[t || "md"]
+            p[l],
+            h[t || "md"]
           ),
           "aria-label": `Status: ${l}`
         }
@@ -208,8 +208,8 @@ const Ce = P(
     ] });
   }
 );
-Se.displayName = "Avatar";
-const Ie = P("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,7 +221,7 @@ const Ie = P("animate-spin text-[var(--brand-primary)]", {
   defaultVariants: {
     size: "md"
   }
-}), De = x(
+}), Ae = N(
   ({ className: a, size: t, label: r, ...n }, s) => /* @__PURE__ */ i(
     "div",
     {
@@ -231,14 +231,14 @@ const Ie = P("animate-spin text-[var(--brand-primary)]", {
       className: o("inline-flex items-center justify-center", a),
       ...n,
       children: [
-        /* @__PURE__ */ e(V, { className: o(Ie({ size: t })) }),
+        /* @__PURE__ */ e(V, { className: o(_e({ size: t })) }),
         /* @__PURE__ */ e("span", { className: "sr-only", children: r || "Loading" })
       ]
     }
   )
 );
-De.displayName = "Spinner";
-const je = x(
+Ae.displayName = "Spinner";
+const Le = N(
   ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: n, ...s }, c) => {
     const l = {
       solid: "border-solid",
@@ -284,8 +284,8 @@ const je = x(
     );
   }
 );
-je.displayName = "Divider";
-const L = x(
+Le.displayName = "Divider";
+const E = N(
   ({
     className: a,
     value: t = 0,
@@ -295,50 +295,50 @@ const L = x(
     onChange: c,
     showValue: l = !1,
     ...u
-  }, m) => {
-    const [g, v] = k(0), f = {
+  }, f) => {
+    const [g, b] = k(0), m = {
       sm: "h-4 w-4",
       md: "h-5 w-5",
       lg: "h-6 w-6"
-    }, b = (h) => {
-      !s && 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: s,
-                onClick: () => b(h),
-                onMouseEnter: () => !s && v(h),
-                onMouseLeave: () => !s && v(0),
+                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",
                   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(
-                      f[n],
+                      m[n],
                       "transition-all",
                       d ? "fill-[var(--warning)] text-[var(--warning)]" : "fill-none text-[var(--muted-foreground)]"
                     )
                   }
                 )
               },
-              h
+              x
             );
           }) }),
           l && /* @__PURE__ */ e("span", { className: "ml-1 text-sm font-medium text-[var(--foreground)]", children: t.toFixed(1) })
@@ -347,8 +347,8 @@ const L = x(
     );
   }
 );
-L.displayName = "Rating";
-function xt({ className: a, type: t, ...r }) {
+E.displayName = "Rating";
+function zt({ className: a, type: t, ...r }) {
   return /* @__PURE__ */ e(
     "input",
     {
@@ -364,17 +364,17 @@ function xt({ className: a, type: t, ...r }) {
     }
   );
 }
-function Nt({
+function Ct({
   ...a
 }) {
   return /* @__PURE__ */ e(z.Root, { "data-slot": "select", ...a });
 }
-function wt({
+function St({
   ...a
 }) {
   return /* @__PURE__ */ e(z.Value, { "data-slot": "select-value", ...a });
 }
-function yt({
+function It({
   className: a,
   size: t = "default",
   children: r,
@@ -392,12 +392,12 @@ function yt({
       ...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" }) })
       ]
     }
   );
 }
-function kt({
+function jt({
   className: a,
   children: t,
   position: r = "popper",
@@ -415,7 +415,7 @@ function kt({
       position: r,
       ...n,
       children: [
-        /* @__PURE__ */ e(Me, {}),
+        /* @__PURE__ */ e(Re, {}),
         /* @__PURE__ */ e(
           z.Viewport,
           {
@@ -426,12 +426,12 @@ function kt({
             children: t
           }
         ),
-        /* @__PURE__ */ e(Pe, {})
+        /* @__PURE__ */ e(Be, {})
       ]
     }
   ) });
 }
-function zt({
+function Dt({
   className: a,
   children: t,
   ...r
@@ -446,13 +446,13 @@ function zt({
       ),
       ...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 })
       ]
     }
   );
 }
-function Me({
+function Re({
   className: a,
   ...t
 }) {
@@ -465,11 +465,11 @@ function Me({
         a
       ),
       ...t,
-      children: /* @__PURE__ */ e(ae, { className: "size-4" })
+      children: /* @__PURE__ */ e(re, { className: "size-4" })
     }
   );
 }
-function Pe({
+function Be({
   className: a,
   ...t
 }) {
@@ -482,11 +482,11 @@ function Pe({
         a
       ),
       ...t,
-      children: /* @__PURE__ */ e(R, { className: "size-4" })
+      children: /* @__PURE__ */ e(L, { className: "size-4" })
     }
   );
 }
-function Ct({
+function Mt({
   className: a,
   ...t
 }) {
@@ -504,18 +504,18 @@ function Ct({
         {
           "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 St({
+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 St({
     }
   );
 }
-function It({
+function _t({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    E.Item,
+    B.Item,
     {
       "data-slot": "radio-group-item",
       className: o(
@@ -537,17 +537,17 @@ function It({
       ),
       ...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" })
         }
       )
     }
   );
 }
-function Dt({
+function At({
   className: a,
   ...t
 }) {
@@ -579,7 +579,7 @@ function G({
 }) {
   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,
@@ -589,23 +589,23 @@ const $ = x(
     originalPrice: c,
     rating: l,
     reviewCount: u,
-    badge: m,
+    badge: f,
     badgeVariant: g = "default",
-    isSkeleton: v = !1,
-    isOutOfStock: f = !1,
-    onAddToCart: b,
-    onToggleFavorite: N,
-    isFavorite: h = !1,
+    isSkeleton: b = !1,
+    isOutOfStock: m = !1,
+    onAddToCart: p,
+    onToggleFavorite: h,
+    isFavorite: x = !1,
     href: d,
-    orientation: p = "vertical",
+    orientation: v = "vertical",
     ...y
-  }, D) => v ? /* @__PURE__ */ i(
+  }, j) => b ? /* @__PURE__ */ i(
     "div",
     {
-      ref: D,
+      ref: j,
       className: o(
         "flex rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-4 animate-pulse",
-        p === "horizontal" ? "flex-row gap-3" : "flex-col",
+        v === "horizontal" ? "flex-row gap-3" : "flex-col",
         a
       ),
       ...y,
@@ -615,24 +615,24 @@ const $ = x(
           {
             className: o(
               "rounded-lg bg-[var(--muted)]",
-              p === "horizontal" ? "h-24 w-20 shrink-0" : "w-full aspect-square"
+              v === "horizontal" ? "h-24 w-20 shrink-0" : "w-full aspect-square"
             )
           }
         ),
-        /* @__PURE__ */ i("div", { className: o("flex flex-col gap-2", p === "horizontal" ? "flex-1" : "mt-3"), children: [
+        /* @__PURE__ */ i("div", { className: o("flex flex-col gap-2", v === "horizontal" ? "flex-1" : "mt-3"), children: [
           /* @__PURE__ */ e("div", { className: "h-4 w-3/4 rounded bg-[var(--muted)]" }),
           /* @__PURE__ */ e("div", { className: "h-4 w-1/2 rounded bg-[var(--muted)]" }),
           /* @__PURE__ */ e("div", { className: "h-10 w-full rounded bg-[var(--muted)]" })
         ] })
       ]
     }
-  ) : p === "horizontal" ? /* @__PURE__ */ i(
+  ) : v === "horizontal" ? /* @__PURE__ */ i(
     "div",
     {
-      ref: D,
+      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",
-        f && "opacity-60",
+        m && "opacity-60",
         a
       ),
       ...y,
@@ -663,7 +663,7 @@ 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 }),
           l !== void 0 && /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ e(L, { value: l, size: "sm", readonly: !0 }),
+            /* @__PURE__ */ e(E, { value: l, size: "sm", readonly: !0 }),
             u !== void 0 && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)]", children: [
               "(",
               u,
@@ -680,17 +680,17 @@ const $ = x(
               c.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] })
           ] }),
-          b && /* @__PURE__ */ e(
+          p && /* @__PURE__ */ e(
             C,
             {
-              onClick: b,
-              disabled: f,
+              onClick: p,
+              disabled: m,
               variant: "primary",
               size: "sm",
               fullWidth: !0,
-              leftIcon: /* @__PURE__ */ e(B, { className: "h-3.5 w-3.5" }),
+              leftIcon: /* @__PURE__ */ e(R, { className: "h-3.5 w-3.5" }),
               className: "mt-auto",
-              children: f ? "Indisponível" : "Adicionar"
+              children: m ? "Indisponível" : "Adicionar"
             }
           )
         ] })
@@ -699,10 +699,10 @@ const $ = x(
   ) : /* @__PURE__ */ i(
     "div",
     {
-      ref: D,
+      ref: j,
       className: o(
         "group relative flex flex-col rounded-lg border-2 border-border bg-card transition-all hover:shadow-lg",
-        f && "opacity-60",
+        m && "opacity-60",
         a
       ),
       ...y,
@@ -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(_, { variant: g, children: m }) }),
-              f && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(_, { 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)]"
                 )
               }
             )
@@ -754,7 +754,7 @@ 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 }),
           l !== void 0 && /* @__PURE__ */ i("div", { className: "mt-2 flex items-center gap-2", children: [
-            /* @__PURE__ */ e(L, { value: l, size: "sm", readonly: !0 }),
+            /* @__PURE__ */ e(E, { value: l, size: "sm", readonly: !0 }),
             u !== void 0 && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
               "(",
               u,
@@ -771,22 +771,22 @@ const $ = x(
               c.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] })
           ] }),
-          b && /* @__PURE__ */ e(
+          p && /* @__PURE__ */ e(
             C,
             {
-              onClick: b,
-              disabled: f,
+              onClick: p,
+              disabled: m,
               variant: "primary",
               size: "md",
               fullWidth: !0,
-              leftIcon: /* @__PURE__ */ e(B, { 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: f ? "Indisponível" : "Adicionar"
+              children: m ? "Indisponível" : "Adicionar"
             }
           )
         ] })
@@ -794,8 +794,8 @@ const $ = x(
     }
   )
 );
-$.displayName = "ProductCard";
-const Ae = x(
+T.displayName = "ProductCard";
+const Ee = N(
   ({
     className: a,
     onSearch: t,
@@ -805,59 +805,59 @@ const Ae = x(
     placeholder: c = "Buscar...",
     value: l,
     onChange: u,
-    ...m
+    ...f
   }, g) => {
-    const [v, f] = k(""), b = l !== void 0 ? l : v, 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) => {
-      const D = y.target.value;
-      l === void 0 && f(D), u == null || u(y);
+    }, x = (y) => {
+      const j = y.target.value;
+      l === void 0 && m(j), u == null || u(y);
     }, d = () => {
-      l === void 0 && f(""), r == null || r();
-    }, p = (y) => {
-      y.key === "Enter" && t && t(b);
+      l === void 0 && m(""), r == null || r();
+    }, v = (y) => {
+      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,
-          onKeyDown: p,
+          value: p,
+          onChange: x,
+          onKeyDown: v,
           placeholder: c,
           className: o(
             "w-full rounded-lg border-2 border-[var(--border)] bg-[var(--input-background)] pl-10 pr-10 font-normal transition-colors",
             "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[s]
+            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)]" })
           }
         )
       ] })
     ] }) });
   }
 );
-Ae.displayName = "SearchBar";
-const _e = x(
+Ee.displayName = "SearchBar";
+const Te = N(
   ({
     className: a,
     price: t,
@@ -867,22 +867,22 @@ const _e = x(
     showDiscount: c = !0,
     installments: l,
     ...u
-  }, m) => {
-    const g = r && r > t ? Math.round((r - t) / r * 100) : 0, v = {
+  }, 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"
-    }, f = {
+    }, 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)]", v[s]), children: [
+          /* @__PURE__ */ i("span", { className: o("font-bold text-[var(--foreground)]", b[s]), children: [
             n,
             " ",
             t.toFixed(2)
@@ -892,7 +892,7 @@ const _e = x(
             {
               className: o(
                 "text-[var(--muted-foreground)] line-through",
-                f[s]
+                m[s]
               ),
               children: [
                 n,
@@ -902,7 +902,7 @@ const _e = x(
             }
           )
         ] }),
-        c && g > 0 && /* @__PURE__ */ i(_, { variant: "success", size: "sm", children: [
+        c && g > 0 && /* @__PURE__ */ i(A, { variant: "success", size: "sm", children: [
           "-",
           g,
           "%"
@@ -920,8 +920,8 @@ const _e = x(
     ] });
   }
 );
-_e.displayName = "PriceDisplay";
-const Re = x(
+Te.displayName = "PriceDisplay";
+const $e = N(
   ({
     className: a,
     value: t,
@@ -931,25 +931,25 @@ const Re = x(
     size: c = "md",
     disabled: l = !1,
     showLabel: u = !1,
-    ...m
+    ...f
   }, g) => {
-    const v = () => {
+    const b = () => {
       t < n && s(t + 1);
-    }, f = () => {
+    }, m = () => {
       t > r && s(t - 1);
-    }, b = (d) => {
-      const p = parseInt(d.target.value);
-      !isNaN(p) && p >= r && p <= n && s(p);
-    }, N = {
+    }, p = (d) => {
+      const v = parseInt(d.target.value);
+      !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 Re = x(
             type: "button",
             variant: "secondary",
             size: "sm",
-            onClick: f,
+            onClick: m,
             disabled: l || t <= r,
-            className: o(N[c], "p-0"),
+            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,7 +970,7 @@ const Re = x(
           {
             type: "number",
             value: t,
-            onChange: b,
+            onChange: p,
             min: r,
             max: n,
             disabled: l,
@@ -979,7 +979,7 @@ const Re = x(
               "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,20 +990,20 @@ const Re = x(
             type: "button",
             variant: "secondary",
             size: "sm",
-            onClick: v,
+            onClick: b,
             disabled: l || t >= n,
-            className: o(N[c], "p-0"),
+            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" })
           }
         )
       ] })
     ] });
   }
 );
-Re.displayName = "QuantitySelector";
-const Be = x(
-  ({ className: a, label: t, htmlFor: r, required: n, error: s, helperText: c, children: l, ...u }, m) => /* @__PURE__ */ i("div", { ref: m, className: o("flex flex-col gap-1.5", a), ...u, children: [
+$e.displayName = "QuantitySelector";
+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",
       {
@@ -1028,11 +1028,11 @@ const Be = x(
     )
   ] })
 );
-Be.displayName = "FormGroup";
-function jt({ ...a }) {
+Ve.displayName = "FormGroup";
+function Lt({ ...a }) {
   return /* @__PURE__ */ e("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...a });
 }
-function Mt({ className: a, ...t }) {
+function Rt({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "ol",
     {
@@ -1045,7 +1045,7 @@ function Mt({ className: a, ...t }) {
     }
   );
 }
-function Pt({ className: a, ...t }) {
+function Bt({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "li",
     {
@@ -1055,13 +1055,13 @@ function Pt({ className: a, ...t }) {
     }
   );
 }
-function At({
+function Et({
   asChild: a,
   className: t,
   ...r
 }) {
   return /* @__PURE__ */ e(
-    a ? we : "a",
+    a ? Se : "a",
     {
       "data-slot": "breadcrumb-link",
       className: o("hover:text-foreground transition-colors", t),
@@ -1069,7 +1069,7 @@ function At({
     }
   );
 }
-function _t({ className: a, ...t }) {
+function Tt({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "span",
     {
@@ -1082,7 +1082,7 @@ function _t({ className: a, ...t }) {
     }
   );
 }
-function Rt({
+function $t({
   children: a,
   className: t,
   ...r
@@ -1095,16 +1095,16 @@ function Rt({
       "aria-hidden": "true",
       className: o("[&>svg]:size-3.5", t),
       ...r,
-      children: a ?? /* @__PURE__ */ e(W, {})
+      children: a ?? /* @__PURE__ */ e(K, {})
     }
   );
 }
-function Bt({
+function Vt({
   ...a
 }) {
   return /* @__PURE__ */ e(M.Root, { "data-slot": "accordion", ...a });
 }
-function Et({
+function Ft({
   className: a,
   ...t
 }) {
@@ -1117,7 +1117,7 @@ function Et({
     }
   );
 }
-function Lt({
+function qt({
   className: a,
   children: t,
   ...r
@@ -1133,12 +1133,12 @@ function Lt({
       ...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 $t({
+function Gt({
   className: a,
   children: t,
   ...r
@@ -1153,7 +1153,7 @@ function $t({
     }
   );
 }
-function Ee({
+function Fe({
   delayDuration: a = 0,
   ...t
 }) {
@@ -1166,17 +1166,17 @@ function Ee({
     }
   );
 }
-function Tt({
+function Ht({
   ...a
 }) {
-  return /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(I.Root, { "data-slot": "tooltip", ...a }) });
+  return /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(I.Root, { "data-slot": "tooltip", ...a }) });
 }
-function Vt({
+function Ut({
   ...a
 }) {
   return /* @__PURE__ */ e(I.Trigger, { "data-slot": "tooltip-trigger", ...a });
 }
-function Ft({
+function Qt({
   className: a,
   sideOffset: t = 0,
   children: r,
@@ -1199,7 +1199,7 @@ function Ft({
     }
   ) });
 }
-const Le = x(
+const qe = N(
   ({
     className: a,
     variant: t = "default",
@@ -1209,13 +1209,13 @@ const Le = x(
     primaryCTA: c,
     secondaryCTA: l,
     backgroundImage: u,
-    overlay: m = !0,
+    overlay: f = !0,
     children: g,
-    ...v
-  }, f) => /* @__PURE__ */ i(
+    ...b
+  }, m) => /* @__PURE__ */ i(
     "section",
     {
-      ref: f,
+      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 Le = x(
         }[t],
         a
       ),
-      ...v,
+      ...b,
       children: [
-        u && /* @__PURE__ */ i(A, { children: [
+        u && /* @__PURE__ */ i(_, { children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -1235,7 +1235,7 @@ const Le = 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",
@@ -1306,8 +1306,8 @@ const Le = x(
     }
   )
 );
-Le.displayName = "Hero";
-const X = x(
+qe.displayName = "Hero";
+const Y = N(
   ({
     className: a,
     variant: t = "default",
@@ -1318,10 +1318,10 @@ const X = x(
     ...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(B, { 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",
@@ -1351,8 +1351,8 @@ const X = x(
     );
   }
 );
-X.displayName = "EmptyState";
-const $e = x(
+Y.displayName = "EmptyState";
+const Ge = N(
   ({
     className: a,
     type: t = "generic",
@@ -1362,9 +1362,9 @@ const $e = x(
     onGoHome: c,
     showRetry: l = !0,
     showHome: u = !0,
-    ...m
+    ...f
   }, g) => {
-    const f = {
+    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 $e = x(
         message: "Ocorreu um erro inesperado. Por favor, tente novamente.",
         code: ""
       }
-    }[t], b = r || f.title, N = n || f.message;
+    }[t], p = r || m.title, h = n || m.message;
     return /* @__PURE__ */ i(
       "div",
       {
@@ -1396,14 +1396,14 @@ const $e = x(
         ),
         role: "alert",
         "aria-live": "assertive",
-        ...m,
+        ...f,
         children: [
           /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-4", children: [
-            f.code && /* @__PURE__ */ e("h1", { className: "text-9xl font-bold text-[var(--muted)] opacity-40", children: f.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: [
             l && s && /* @__PURE__ */ e(
               C,
@@ -1411,7 +1411,7 @@ const $e = x(
                 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 $e = 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,8 +1431,8 @@ const $e = x(
     );
   }
 );
-$e.displayName = "ErrorState";
-const Te = x(
+Ge.displayName = "ErrorState";
+const He = N(
   ({
     className: a,
     products: t,
@@ -1442,9 +1442,9 @@ const Te = x(
     skeletonCount: c = 8,
     emptyStateMessage: l = "Nenhum produto encontrado",
     onEmptyAction: u,
-    ...m
+    ...f
   }, g) => {
-    const v = {
+    const b = {
       sm: "gap-4",
       md: "gap-6",
       lg: "gap-8"
@@ -1455,23 +1455,23 @@ const Te = x(
         ref: g,
         className: o(
           "grid grid-cols-2 lg:grid-cols-4",
-          v[n],
+          b[n],
           a
         ),
-        ...m,
-        children: Array.from({ length: c }).map((f, 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: l,
@@ -1487,32 +1487,32 @@ const Te = x(
         ref: g,
         className: o(
           "grid grid-cols-2 lg:grid-cols-4",
-          v[n],
+          b[n],
           a
         ),
-        ...m,
-        children: t.map((f, b) => /* @__PURE__ */ e($, { ...f }, b))
+        ...f,
+        children: t.map((m, p) => /* @__PURE__ */ e(T, { ...m }, p))
       }
     );
   }
 );
-Te.displayName = "ProductGrid";
-function qt({
+He.displayName = "ProductGrid";
+function Wt({
   ...a
 }) {
   return /* @__PURE__ */ e(w.Root, { "data-slot": "dialog", ...a });
 }
-function Gt({
+function Kt({
   ...a
 }) {
   return /* @__PURE__ */ e(w.Trigger, { "data-slot": "dialog-trigger", ...a });
 }
-function Ve({
+function Ue({
   ...a
 }) {
   return /* @__PURE__ */ e(w.Portal, { "data-slot": "dialog-portal", ...a });
 }
-function Fe({
+function Qe({
   className: a,
   ...t
 }) {
@@ -1528,13 +1528,13 @@ function Fe({
     }
   );
 }
-function Ht({
+function Ot({
   className: a,
   children: t,
   ...r
 }) {
-  return /* @__PURE__ */ i(Ve, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ e(Fe, {}),
+  return /* @__PURE__ */ i(Ue, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ e(Qe, {}),
     /* @__PURE__ */ i(
       w.Content,
       {
@@ -1547,7 +1547,7 @@ function Ht({
         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" })
           ] })
         ]
@@ -1555,7 +1555,7 @@ function Ht({
     )
   ] });
 }
-function Ut({ className: a, ...t }) {
+function Xt({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1565,7 +1565,7 @@ function Ut({ className: a, ...t }) {
     }
   );
 }
-function Qt({ className: a, ...t }) {
+function Yt({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1578,7 +1578,7 @@ function Qt({ className: a, ...t }) {
     }
   );
 }
-function Wt({
+function Zt({
   className: a,
   ...t
 }) {
@@ -1591,7 +1591,7 @@ function Wt({
     }
   );
 }
-function Kt({
+function Jt({
   className: a,
   ...t
 }) {
@@ -1604,25 +1604,25 @@ function Kt({
     }
   );
 }
-function qe({ ...a }) {
+function We({ ...a }) {
   return /* @__PURE__ */ e(w.Root, { "data-slot": "sheet", ...a });
 }
-function Ge({
+function Ke({
   ...a
 }) {
   return /* @__PURE__ */ e(w.Trigger, { "data-slot": "sheet-trigger", ...a });
 }
-function He({
+function Oe({
   ...a
 }) {
   return /* @__PURE__ */ e(w.Close, { "data-slot": "sheet-close", ...a });
 }
-function Ue({
+function Xe({
   ...a
 }) {
   return /* @__PURE__ */ e(w.Portal, { "data-slot": "sheet-portal", ...a });
 }
-function Qe({
+function Ye({
   className: a,
   ...t
 }) {
@@ -1638,14 +1638,14 @@ function Qe({
     }
   );
 }
-function We({
+function Ze({
   className: a,
   children: t,
   side: r = "right",
   ...n
 }) {
-  return /* @__PURE__ */ i(Ue, { children: [
-    /* @__PURE__ */ e(Qe, {}),
+  return /* @__PURE__ */ i(Xe, { children: [
+    /* @__PURE__ */ e(Ye, {}),
     /* @__PURE__ */ i(
       w.Content,
       {
@@ -1662,7 +1662,7 @@ function We({
         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 We({
     )
   ] });
 }
-function Ke({ className: a, ...t }) {
+function Je({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1680,7 +1680,7 @@ function Ke({ className: a, ...t }) {
     }
   );
 }
-function Ot({ className: a, ...t }) {
+function ea({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1690,7 +1690,7 @@ function Ot({ className: a, ...t }) {
     }
   );
 }
-function Oe({
+function et({
   className: a,
   ...t
 }) {
@@ -1703,7 +1703,7 @@ function Oe({
     }
   );
 }
-function Xt({
+function ta({
   className: a,
   ...t
 }) {
@@ -1716,7 +1716,7 @@ function Xt({
     }
   );
 }
-function Xe({ 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 Xe({ children: a, as: t = "div", className: r }) {
     }
   );
 }
-const Ze = x(
+const at = N(
   ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: n = !1, ...s }, c) => {
-    const [l, u] = k("light"), [m, g] = k(16), [v, f] = k(!1);
-    j(() => {
-      const p = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
-      u(p);
+    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);
-    }, []), j(() => {
-      if (!v && typeof window < "u" && !document.querySelector('script[src*="vlibras"]')) {
-        const p = document.createElement("script");
-        p.src = "https://vlibras.gov.br/app/vlibras-plugin.js", p.async = !0, p.onload = () => {
-          f(!0), window.VLibras && new window.VLibras.Widget("https://vlibras.gov.br/app");
-        }, document.body.appendChild(p);
+    }, []), 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 = () => {
+          m(!0), window.VLibras && new window.VLibras.Widget("https://vlibras.gov.br/app");
+        }, document.body.appendChild(v);
       }
-    }, [v]);
-    const b = () => {
+    }, [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(
@@ -1764,9 +1764,9 @@ const Ze = x(
         role: "toolbar",
         "aria-label": "Ferramentas de acessibilidade",
         ...s,
-        children: /* @__PURE__ */ i(Xe, { className: "py-2 flex items-center justify-between", children: [
+        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 Ze = 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 Ze = 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 Ze = x(
               "button",
               {
                 type: "button",
-                onClick: b,
+                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: l === "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: () => f((d) => !d),
+                onClick: () => m((d) => !d),
                 "aria-label": "Ativar VLibras",
-                "aria-pressed": v,
+                "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: v ? "var(--primary)" : "transparent",
-                  color: v ? "var(--primary-foreground)" : "var(--muted-foreground)",
-                  border: v ? "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,8 +1849,8 @@ const Ze = x(
     );
   }
 );
-Ze.displayName = "TopAccessibilityBar";
-const Ye = x(
+at.displayName = "TopAccessibilityBar";
+const rt = N(
   ({
     className: a,
     slides: t,
@@ -1858,27 +1858,27 @@ const Ye = x(
     autoplay: n = !0,
     ...s
   }, c) => {
-    const [l, u] = k(0), [m, g] = k(!1), [v, f] = k(!1);
-    j(() => {
+    const [l, u] = k(0), [f, g] = k(!1), [b, m] = k(!1);
+    D(() => {
       const d = window.matchMedia("(prefers-reduced-motion: reduce)");
-      f(d.matches);
-      const p = (y) => {
-        f(y.matches);
+      m(d.matches);
+      const v = (y) => {
+        m(y.matches);
       };
-      return d.addEventListener("change", p), () => d.removeEventListener("change", p);
-    }, []), j(() => {
-      if (!n || m || v) return;
+      return d.addEventListener("change", v), () => d.removeEventListener("change", v);
+    }, []), D(() => {
+      if (!n || f || b) return;
       const d = setInterval(() => {
-        u((p) => (p + 1) % t.length);
+        u((v) => (v + 1) % t.length);
       }, r);
       return () => clearInterval(d);
-    }, [n, r, t.length, m, v]);
-    const b = (d) => {
+    }, [n, r, t.length, f, b]);
+    const p = (d) => {
       u(d), g(!0), setTimeout(() => g(!1), r);
-    }, N = () => {
-      b((l - 1 + t.length) % t.length);
     }, h = () => {
-      b((l + 1) % t.length);
+      p((l - 1 + t.length) % t.length);
+    }, x = () => {
+      p((l + 1) % t.length);
     };
     return t.length === 0 ? null : (t[l], /* @__PURE__ */ i(
       "div",
@@ -1889,14 +1889,14 @@ const Ye = x(
         onMouseLeave: () => g(!1),
         ...s,
         children: [
-          /* @__PURE__ */ e("div", { className: "relative", children: t.map((d, p) => /* @__PURE__ */ i(
+          /* @__PURE__ */ e("div", { className: "relative", children: t.map((d, v) => /* @__PURE__ */ i(
             "div",
             {
               className: o(
                 "w-full transition-opacity duration-700",
-                p === l ? "block" : "hidden"
+                v === l ? "block" : "hidden"
               ),
-              "aria-hidden": p !== l,
+              "aria-hidden": v !== l,
               children: [
                 /* @__PURE__ */ i("picture", { children: [
                   /* @__PURE__ */ e(
@@ -1920,7 +1920,7 @@ const Ye = x(
                       srcSet: `${d.imageMobile} 1x, ${d.imageMobile.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`,
                       alt: d.title,
                       className: "w-full object-cover aspect-3/2 md:aspect-video lg:aspect-1920/560",
-                      loading: p === 0 ? "eager" : "lazy"
+                      loading: v === 0 ? "eager" : "lazy"
                     }
                   )
                 ] }),
@@ -1940,52 +1940,52 @@ const Ye = x(
             },
             d.id
           )) }),
-          t.length > 1 && /* @__PURE__ */ i(A, { 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, p) => /* @__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((d, v) => /* @__PURE__ */ e(
             "button",
             {
-              onClick: () => b(p),
+              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 ${p + 1}`,
-              "aria-current": p === l,
+              "aria-label": `Ir para slide ${v + 1}`,
+              "aria-current": v === l,
               children: /* @__PURE__ */ e(
                 "span",
                 {
                   className: o(
                     "block rounded-full transition-all",
-                    p === l ? "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"
                   )
                 }
               )
             },
-            p
+            v
           )) })
         ]
       }
     ));
   }
 );
-Ye.displayName = "HeroCarousel";
-function Je({
+rt.displayName = "HeroCarousel";
+function ot({
   className: a,
   children: t,
   viewport: r = !0,
@@ -2003,12 +2003,12 @@ function Je({
       ...n,
       children: [
         t,
-        r && /* @__PURE__ */ e(ot, {})
+        r && /* @__PURE__ */ e(dt, {})
       ]
     }
   );
 }
-function et({
+function it({
   className: a,
   ...t
 }) {
@@ -2037,10 +2037,10 @@ function H({
     }
   );
 }
-const tt = P(
+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 at({
+function st({
   className: a,
   children: t,
   ...r
@@ -2049,13 +2049,13 @@ function at({
     S.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
-      className: o(tt(), "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 at({
     }
   );
 }
-function rt({
+function lt({
   className: a,
   ...t
 }) {
@@ -2082,7 +2082,7 @@ function rt({
     }
   );
 }
-function ot({
+function dt({
   className: a,
   ...t
 }) {
@@ -2106,7 +2106,7 @@ function ot({
     }
   );
 }
-function T({
+function $({
   className: a,
   ...t
 }) {
@@ -2122,7 +2122,7 @@ function T({
     }
   );
 }
-function it({ 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 it({ items: a }) {
           }
         ),
         /* @__PURE__ */ e("ul", { className: "ml-1", role: "none", children: t.children.map((n) => /* @__PURE__ */ e("li", { role: "none", children: /* @__PURE__ */ e(
-          T,
+          $,
           {
             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 it({ items: a }) {
           }
         ) }, n.id)) })
       ] }, t.id) : /* @__PURE__ */ e("li", { role: "none", children: /* @__PURE__ */ e(
-        T,
+        $,
         {
           href: t.href ?? "#",
           className: "block rounded px-3 py-1.5 text-sm text-[var(--foreground)] hover:bg-[var(--accent)] transition-colors",
@@ -2157,7 +2157,7 @@ function it({ items: a }) {
 function Z({ item: a, depth: t = 0 }) {
   var c;
   const [r, n] = k(!1);
-  return !((c = a.children) != null && c.length) ? /* @__PURE__ */ e(He, { asChild: !0, children: /* @__PURE__ */ e(
+  return !((c = a.children) != null && c.length) ? /* @__PURE__ */ e(Oe, { asChild: !0, children: /* @__PURE__ */ e(
     "a",
     {
       href: a.href ?? "#",
@@ -2182,7 +2182,7 @@ function Z({ item: a, depth: t = 0 }) {
         children: [
           /* @__PURE__ */ e("span", { children: a.label }),
           /* @__PURE__ */ e(
-            O,
+            X,
             {
               "aria-hidden": "true",
               className: o(
@@ -2204,7 +2204,7 @@ function Z({ item: a, depth: t = 0 }) {
     )
   ] });
 }
-const nt = x(
+const ut = N(
   ({ items: a, logo: t, rightSlot: r, searchSlot: n, drawerFooter: s, className: c, ...l }, u) => /* @__PURE__ */ e(
     "header",
     {
@@ -2220,19 +2220,19 @@ const nt = x(
           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(Ge, { 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(We, { side: "left", className: "flex flex-col p-0", children: [
-              /* @__PURE__ */ i(Ke, { className: "border-b border-[var(--border)] px-5 py-4", children: [
-                /* @__PURE__ */ e(Oe, { 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,7 +2241,7 @@ const nt = 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(Z, { 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)) })
                 }
               ),
               s && /* @__PURE__ */ e("div", { className: "border-t border-[var(--border)] px-5 py-4", children: s })
@@ -2253,20 +2253,20 @@ const nt = x(
           {
             "aria-label": "Menu principal",
             className: "hidden border-t border-[var(--border)] py-2 md:flex",
-            children: /* @__PURE__ */ e(Je, { children: /* @__PURE__ */ e(et, { 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(H, { children: [
-                  /* @__PURE__ */ e(at, { className: "h-9 bg-transparent text-sm text-[var(--foreground)] hover:bg-[var(--accent)]", children: m.label }),
-                  /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(it, { items: m.children }) })
-                ] }, m.id) : /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(
-                  T,
+                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 nt = x(
     }
   )
 );
-nt.displayName = "MegaMenu";
-const st = [
+ut.displayName = "MegaMenu";
+const mt = [
   {
     id: "catalogo",
     title: "Catálogo",
@@ -2309,11 +2309,16 @@ const st = [
       { label: "Sobre o APP", href: "/sobre-app" }
     ]
   }
+], 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 lt({ onSubmit: a }) {
+function ft({ onSubmit: a }) {
   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(Ne, { 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: (l) => {
@@ -2344,7 +2349,7 @@ function lt({ onSubmit: a }) {
     ] })
   ] }) });
 }
-function dt({ title: a, links: t }) {
+function gt({ title: a, links: t }) {
   const [r, n] = k(!1);
   return /* @__PURE__ */ i("div", { className: "border-b border-[var(--border)] md:border-none", children: [
     /* @__PURE__ */ i(
@@ -2357,7 +2362,7 @@ function dt({ title: a, links: t }) {
         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")
@@ -2387,17 +2392,17 @@ function dt({ title: a, links: t }) {
     )
   ] });
 }
-const ct = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, playStoreUrl: n, appStoreUrl: s, className: c, ...l }) => {
-  const [u, m] = k("light");
-  j(() => {
-    const f = document.documentElement;
-    m(f.getAttribute("data-theme") ?? "light");
-    const b = new MutationObserver(() => {
-      m(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(() => {
+      f(m.getAttribute("data-theme") ?? "light");
     });
-    return b.observe(f, { attributes: !0, attributeFilter: ["data-theme"] }), () => b.disconnect();
+    return p.observe(m, { attributes: !0, attributeFilter: ["data-theme"] }), () => p.disconnect();
   }, []);
-  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", v = a === "perabook" ? "PeraBook" : "Elo Editora";
+  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",
     {
@@ -2405,7 +2410,7 @@ const ct = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
       "aria-label": "Rodapé do site",
       ...l,
       children: [
-        r !== void 0 ? r : /* @__PURE__ */ e(lt, { onSubmit: t }),
+        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-5 md:gap-8", children: [
             /* @__PURE__ */ i("div", { className: "mb-8 md:mb-0", children: [
@@ -2413,7 +2418,7 @@ const ct = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
                 "img",
                 {
                   src: g,
-                  alt: v,
+                  alt: b,
                   width: 120,
                   height: 40,
                   className: "h-10 w-auto object-contain"
@@ -2425,7 +2430,7 @@ const ct = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
                 /* @__PURE__ */ e("p", { className: "font-medium text-[var(--foreground)]", children: "(11) 3000-0000" })
               ] })
             ] }),
-            st.map((f) => /* @__PURE__ */ e(dt, { 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: [
@@ -2469,7 +2474,33 @@ const ct = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
                     )
                   }
                 )
-              ] })
+              ] }),
+              /* @__PURE__ */ e("p", { className: "mt-6 text-sm font-semibold uppercase tracking-wide text-[var(--foreground)]", children: "Redes sociais" }),
+              /* @__PURE__ */ e("div", { className: "mt-3 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": 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__ */ 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: [
@@ -2489,8 +2520,8 @@ const ct = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
     }
   );
 };
-ct.displayName = "Footer";
-function Zt({ children: a, className: t }) {
+pt.displayName = "Footer";
+function aa({ children: a, className: t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2503,7 +2534,7 @@ function Zt({ children: a, className: t }) {
     }
   );
 }
-const ut = {
+const vt = {
   1: "col-span-1",
   2: "col-span-2",
   3: "col-span-3",
@@ -2511,77 +2542,77 @@ const ut = {
   5: "col-span-5",
   6: "col-span-6"
 };
-function Yt({ children: a, span: t, className: r }) {
-  return /* @__PURE__ */ e("div", { "data-slot": "col", className: o("min-w-0", t && ut[t], r), children: a });
+function ra({ children: a, span: t, className: r }) {
+  return /* @__PURE__ */ e("div", { "data-slot": "col", className: o("min-w-0", t && vt[t], r), children: a });
 }
 export {
-  Bt as Accordion,
-  $t as AccordionContent,
-  Et as AccordionItem,
-  Lt as AccordionTrigger,
-  Se as Avatar,
-  _ as Badge,
-  jt as Breadcrumb,
-  Pt as BreadcrumbItem,
-  At as BreadcrumbLink,
-  Mt as BreadcrumbList,
-  _t as BreadcrumbPage,
-  Rt as BreadcrumbSeparator,
+  Vt as Accordion,
+  Gt as AccordionContent,
+  Ft as AccordionItem,
+  qt as AccordionTrigger,
+  Pe as Avatar,
+  A as Badge,
+  Lt as Breadcrumb,
+  Bt as BreadcrumbItem,
+  Et as BreadcrumbLink,
+  Rt as BreadcrumbList,
+  Tt as BreadcrumbPage,
+  $t as BreadcrumbSeparator,
   C as Button,
-  Ct as Checkbox,
-  Yt as Col,
-  Xe as Container,
-  Ht as DialogContent,
-  Kt as DialogDescription,
-  Qt as DialogFooter,
-  Ut as DialogHeader,
-  Wt as DialogTitle,
-  Gt as DialogTrigger,
-  je as Divider,
-  qe as Drawer,
-  X as EmptyState,
-  $e as ErrorState,
-  ct as Footer,
-  Be as FormGroup,
-  Zt as Grid,
-  Le as Hero,
-  Ye as HeroCarousel,
-  xt as Input,
-  nt as MegaMenu,
-  qt as Modal,
-  _e as PriceDisplay,
-  $ as ProductCard,
-  Te as ProductGrid,
-  ra as ProgressBar,
-  Re as QuantitySelector,
-  St as RadioGroup,
-  It as RadioGroupItem,
-  L as Rating,
-  Ae as SearchBar,
-  Nt as Select,
-  kt as SelectContent,
-  zt as SelectItem,
-  yt as SelectTrigger,
-  wt as SelectValue,
-  We as SheetContent,
-  Xt as SheetDescription,
-  Ot as SheetFooter,
-  Ke as SheetHeader,
-  Oe as SheetTitle,
-  Ge as SheetTrigger,
-  De as Spinner,
-  ke as Textarea,
-  Dt as Toggle,
-  Tt as Tooltip,
-  Ft as TooltipContent,
-  Ee as TooltipProvider,
-  Vt as TooltipTrigger,
-  Ze as TopAccessibilityBar,
-  Ce as avatarVariants,
-  ze as badgeVariants,
-  ye as buttonVariants,
+  Mt as Checkbox,
+  ra as Col,
+  tt as Container,
+  Ot as DialogContent,
+  Jt as DialogDescription,
+  Yt as DialogFooter,
+  Xt as DialogHeader,
+  Zt as DialogTitle,
+  Kt as DialogTrigger,
+  Le as Divider,
+  We as Drawer,
+  Y as EmptyState,
+  Ge as ErrorState,
+  pt as Footer,
+  Ve as FormGroup,
+  aa as Grid,
+  qe as Hero,
+  rt as HeroCarousel,
+  zt as Input,
+  ut as MegaMenu,
+  Wt as Modal,
+  Te as PriceDisplay,
+  T as ProductCard,
+  He as ProductGrid,
+  la as ProgressBar,
+  $e as QuantitySelector,
+  Pt as RadioGroup,
+  _t as RadioGroupItem,
+  E as Rating,
+  Ee as SearchBar,
+  Ct as Select,
+  jt as SelectContent,
+  Dt as SelectItem,
+  It as SelectTrigger,
+  St as SelectValue,
+  Ze as SheetContent,
+  ta as SheetDescription,
+  ea as SheetFooter,
+  Je as SheetHeader,
+  et as SheetTitle,
+  Ke as SheetTrigger,
+  Ae as Spinner,
+  je as Textarea,
+  At as Toggle,
+  Ht as Tooltip,
+  Qt as TooltipContent,
+  Fe as TooltipProvider,
+  Ut as TooltipTrigger,
+  at as TopAccessibilityBar,
+  Me as avatarVariants,
+  De as badgeVariants,
+  Ie as buttonVariants,
   o as cn,
-  Ie as spinnerVariants,
-  ta as toast
+  _e as spinnerVariants,
+  na as toast
 };
 //# sourceMappingURL=index.js.map