@grupo-elo-editorial/shared-ui-react 1.4.1 → 1.4.3

package/dist/index.js

@@ -1,25 +1,25 @@
 "use client";
 import { clsx as ae } from "clsx";
 import { twMerge as re } from "tailwind-merge";
-import { jsx as e, jsxs as o, Fragment as A } from "react/jsx-runtime";
-import { forwardRef as N, useState as z, useEffect as _ } from "react";
-import { Loader2 as q, User as ie, Star as oe, CheckIcon as X, ChevronDownIcon as T, ChevronUpIcon as ne, CircleIcon as se, ShoppingCart as $, Heart as le, Search as Y, X as de, Minus as ce, Plus as ue, ChevronRight as K, FileX as me, Package as fe, AlertCircle as ge, RefreshCw as pe, Home as ve, XIcon as O, Accessibility as be, ZoomOut as he, ZoomIn as xe, Moon as Ne, Sun as we, ChevronLeft as ye, Menu as ke, ChevronDown as Z, Instagram as ze, Facebook as Ce, Youtube as Se, Linkedin as De, Mail as je } from "lucide-react";
-import { cva as L } from "class-variance-authority";
-import * as C from "@radix-ui/react-select";
+import { jsx as e, jsxs as o, Fragment as P } from "react/jsx-runtime";
+import { forwardRef as y, useState as C, useRef as ie, useEffect as L } from "react";
+import { Loader2 as q, User as oe, Star as ne, CheckIcon as X, ChevronDownIcon as T, ChevronUpIcon as se, CircleIcon as le, ShoppingCart as $, Heart as de, Search as Y, X as ce, Minus as ue, Plus as me, ChevronRight as K, FileX as fe, Package as ge, AlertCircle as pe, RefreshCw as ve, Home as be, XIcon as O, Accessibility as he, ZoomOut as xe, ZoomIn as Ne, Moon as we, Sun as ye, ChevronLeft as ke, Menu as ze, ChevronDown as Z, Instagram as Ce, Facebook as Se, Youtube as De, Linkedin as je, Mail as Me } from "lucide-react";
+import { cva as B } from "class-variance-authority";
+import * as S from "@radix-ui/react-select";
 import * as G from "@radix-ui/react-checkbox";
 import * as V from "@radix-ui/react-radio-group";
 import * as H from "@radix-ui/react-switch";
-import { Slot as Me } from "@radix-ui/react-slot";
-import * as B from "@radix-ui/react-accordion";
-import * as M from "@radix-ui/react-tooltip";
-import { toast as ua } from "sonner";
-import { Progress as fa } from "@radix-ui/react-progress";
-import * as y from "@radix-ui/react-dialog";
-import * as j from "@radix-ui/react-navigation-menu";
+import { Slot as Ae } from "@radix-ui/react-slot";
+import * as _ from "@radix-ui/react-accordion";
+import * as A from "@radix-ui/react-tooltip";
+import { toast as ma } from "sonner";
+import { Progress as ga } from "@radix-ui/react-progress";
+import * as k from "@radix-ui/react-dialog";
+import * as M from "@radix-ui/react-navigation-menu";
 function i(...a) {
   return re(ae(a));
 }
-const Pe = L(
+const Pe = B(
   "inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 whitespace-nowrap",
   {
     variants: {
@@ -45,7 +45,7 @@ const Pe = L(
       size: "md"
     }
   }
-), D = N(
+), D = y(
   ({
     className: a,
     variant: t,
@@ -54,7 +54,7 @@ const Pe = L(
     isLoading: l,
     leftIcon: n,
     rightIcon: d,
-    children: u,
+    children: c,
     disabled: m,
     ...f
   }, v) => /* @__PURE__ */ e(
@@ -64,19 +64,19 @@ const Pe = L(
       ref: v,
       disabled: m || l,
       ...f,
-      children: l ? /* @__PURE__ */ o(A, { children: [
+      children: l ? /* @__PURE__ */ o(P, { children: [
         /* @__PURE__ */ e(q, { className: "h-4 w-4 animate-spin" }),
-        u && /* @__PURE__ */ e("span", { children: u })
-      ] }) : /* @__PURE__ */ o(A, { children: [
+        c && /* @__PURE__ */ e("span", { children: c })
+      ] }) : /* @__PURE__ */ o(P, { children: [
         n && /* @__PURE__ */ e("span", { className: "inline-flex", children: n }),
-        u,
+        c,
         d && /* @__PURE__ */ e("span", { className: "inline-flex", children: d })
       ] })
     }
   )
 );
 D.displayName = "Button";
-const Ae = N(
+const _e = y(
   ({ className: a, error: t, helperText: r, ...s }, l) => /* @__PURE__ */ o("div", { className: "w-full", children: [
     /* @__PURE__ */ e(
       "textarea",
@@ -106,8 +106,8 @@ const Ae = N(
     )
   ] })
 );
-Ae.displayName = "Textarea";
-const _e = L(
+_e.displayName = "Textarea";
+const Be = B(
   "inline-flex items-center rounded-full font-medium transition-colors whitespace-nowrap",
   {
     variants: {
@@ -131,12 +131,12 @@ const _e = L(
       size: "md"
     }
   }
-), E = N(
-  ({ className: a, variant: t, size: r, icon: s, onRemove: l, children: n, ...d }, u) => /* @__PURE__ */ o(
+), R = y(
+  ({ className: a, variant: t, size: r, icon: s, onRemove: l, children: n, ...d }, c) => /* @__PURE__ */ o(
     "div",
     {
-      ref: u,
-      className: i(_e({ variant: t, size: r }), a),
+      ref: c,
+      className: i(Be({ variant: t, size: r }), a),
       ...d,
       children: [
         s && /* @__PURE__ */ e("span", { className: "mr-1 inline-flex", children: s }),
@@ -154,8 +154,8 @@ const _e = L(
     }
   )
 );
-E.displayName = "Badge";
-const Be = L(
+R.displayName = "Badge";
+const Ee = B(
   "relative inline-flex items-center justify-center overflow-hidden rounded-full bg-[var(--muted)] text-[var(--muted-foreground)] flex-shrink-0",
   {
     variants: {
@@ -170,20 +170,20 @@ const Be = L(
       size: "md"
     }
   }
-), Le = N(
-  ({ className: a, size: t, src: r, alt: s, name: l, showStatus: n, statusType: d = "online", ...u }, m) => {
-    const [f, v] = z(!1), g = (x) => x.split(" ").map((c) => c[0]).join("").toUpperCase().slice(0, 2), b = {
+), Le = y(
+  ({ className: a, size: t, src: r, alt: s, name: l, showStatus: n, statusType: d = "online", ...c }, m) => {
+    const [f, v] = C(!1), p = (N) => N.split(" ").map((u) => u[0]).join("").toUpperCase().slice(0, 2), h = {
       online: "bg-[var(--success)]",
       offline: "bg-[var(--muted-foreground)]",
       away: "bg-[var(--warning)]",
       busy: "bg-[var(--destructive)]"
-    }, h = {
+    }, x = {
       sm: "h-2 w-2 border",
       md: "h-2.5 w-2.5 border-2",
       lg: "h-3 w-3 border-2",
       xl: "h-4 w-4 border-2"
     };
-    return /* @__PURE__ */ o("div", { ref: m, className: i(Be({ size: t }), "relative", a), children: [
+    return /* @__PURE__ */ o("div", { ref: m, className: i(Ee({ size: t }), "relative", a), children: [
       r && !f ? /* @__PURE__ */ e(
         "img",
         {
@@ -191,16 +191,16 @@ const Be = L(
           alt: s || l || "Avatar",
           onError: () => v(!0),
           className: "h-full w-full object-cover",
-          ...u
+          ...c
         }
-      ) : l ? /* @__PURE__ */ e("span", { className: "font-medium", children: g(l) }) : /* @__PURE__ */ e(ie, { className: "h-1/2 w-1/2" }),
+      ) : l ? /* @__PURE__ */ e("span", { className: "font-medium", children: p(l) }) : /* @__PURE__ */ e(oe, { className: "h-1/2 w-1/2" }),
       n && /* @__PURE__ */ e(
         "span",
         {
           className: i(
             "absolute bottom-0 right-0 rounded-full border-[var(--background)]",
-            b[d],
-            h[t || "md"]
+            h[d],
+            x[t || "md"]
           ),
           "aria-label": `Status: ${d}`
         }
@@ -209,7 +209,7 @@ const Be = L(
   }
 );
 Le.displayName = "Avatar";
-const Re = L("animate-spin text-[var(--brand-primary)]", {
+const Re = B("animate-spin text-[var(--brand-primary)]", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -221,7 +221,7 @@ const Re = L("animate-spin text-[var(--brand-primary)]", {
   defaultVariants: {
     size: "md"
   }
-}), Ee = N(
+}), Te = y(
   ({ className: a, size: t, label: r, ...s }, l) => /* @__PURE__ */ o(
     "div",
     {
@@ -237,8 +237,8 @@ const Re = L("animate-spin text-[var(--brand-primary)]", {
     }
   )
 );
-Ee.displayName = "Spinner";
-const Te = N(
+Te.displayName = "Spinner";
+const $e = y(
   ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: s, ...l }, n) => {
     const d = {
       solid: "border-solid",
@@ -284,8 +284,8 @@ const Te = N(
     );
   }
 );
-Te.displayName = "Divider";
-const F = N(
+$e.displayName = "Divider";
+const F = y(
   ({
     className: a,
     value: t = 0,
@@ -294,15 +294,15 @@ const F = N(
     readonly: l = !1,
     onChange: n,
     showValue: d = !1,
-    ...u
+    ...c
   }, m) => {
-    const [f, v] = z(0), g = {
+    const [f, v] = C(0), p = {
       sm: "h-4 w-4",
       md: "h-5 w-5",
       lg: "h-6 w-6"
-    }, b = (x) => {
-      !l && n && n(x);
-    }, h = f || t;
+    }, h = (N) => {
+      !l && n && n(N);
+    }, x = f || t;
     return /* @__PURE__ */ o(
       "div",
       {
@@ -310,35 +310,35 @@ const F = N(
         className: i("inline-flex items-center gap-1", a),
         role: "group",
         "aria-label": `Rating: ${t} out of ${r}`,
-        ...u,
+        ...c,
         children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: Array.from({ length: r }, (x, c) => c + 1).map((x) => {
-            const c = x <= h;
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: Array.from({ length: r }, (N, u) => u + 1).map((N) => {
+            const u = N <= x;
             return /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 disabled: l,
-                onClick: () => b(x),
-                onMouseEnter: () => !l && v(x),
+                onClick: () => h(N),
+                onMouseEnter: () => !l && v(N),
                 onMouseLeave: () => !l && v(0),
                 className: i(
                   "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-1 rounded",
                   l ? "cursor-default" : "cursor-pointer hover:scale-110"
                 ),
-                "aria-label": `Rate ${x} out of ${r}`,
+                "aria-label": `Rate ${N} out of ${r}`,
                 children: /* @__PURE__ */ e(
-                  oe,
+                  ne,
                   {
                     className: i(
-                      g[s],
+                      p[s],
                       "transition-all",
-                      c ? "fill-[var(--warning)] text-[var(--warning)]" : "fill-none text-[var(--muted-foreground)]"
+                      u ? "fill-[var(--warning)] text-[var(--warning)]" : "fill-none text-[var(--muted-foreground)]"
                     )
                   }
                 )
               },
-              x
+              N
             );
           }) }),
           d && /* @__PURE__ */ e("span", { className: "ml-1 text-sm font-medium text-[var(--foreground)]", children: t.toFixed(1) })
@@ -348,7 +348,7 @@ const F = N(
   }
 );
 F.displayName = "Rating";
-function Mt({ className: a, type: t, ...r }) {
+function At({ className: a, type: t, ...r }) {
   return /* @__PURE__ */ e(
     "input",
     {
@@ -367,21 +367,21 @@ function Mt({ className: a, type: t, ...r }) {
 function Pt({
   ...a
 }) {
-  return /* @__PURE__ */ e(C.Root, { "data-slot": "select", ...a });
+  return /* @__PURE__ */ e(S.Root, { "data-slot": "select", ...a });
 }
-function At({
+function _t({
   ...a
 }) {
-  return /* @__PURE__ */ e(C.Value, { "data-slot": "select-value", ...a });
+  return /* @__PURE__ */ e(S.Value, { "data-slot": "select-value", ...a });
 }
-function _t({
+function Bt({
   className: a,
   size: t = "default",
   children: r,
   ...s
 }) {
   return /* @__PURE__ */ o(
-    C.Trigger,
+    S.Trigger,
     {
       "data-slot": "select-trigger",
       "data-size": t,
@@ -392,19 +392,19 @@ function _t({
       ...s,
       children: [
         r,
-        /* @__PURE__ */ e(C.Icon, { asChild: !0, children: /* @__PURE__ */ e(T, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ e(S.Icon, { asChild: !0, children: /* @__PURE__ */ e(T, { className: "size-4 opacity-50" }) })
       ]
     }
   );
 }
-function Bt({
+function Et({
   className: a,
   children: t,
   position: r = "popper",
   ...s
 }) {
-  return /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ o(
-    C.Content,
+  return /* @__PURE__ */ e(S.Portal, { children: /* @__PURE__ */ o(
+    S.Content,
     {
       "data-slot": "select-content",
       className: i(
@@ -415,9 +415,9 @@ function Bt({
       position: r,
       ...s,
       children: [
-        /* @__PURE__ */ e($e, {}),
+        /* @__PURE__ */ e(Ve, {}),
         /* @__PURE__ */ e(
-          C.Viewport,
+          S.Viewport,
           {
             className: i(
               "p-1",
@@ -426,7 +426,7 @@ function Bt({
             children: t
           }
         ),
-        /* @__PURE__ */ e(Ve, {})
+        /* @__PURE__ */ e(Fe, {})
       ]
     }
   ) });
@@ -437,7 +437,7 @@ function Lt({
   ...r
 }) {
   return /* @__PURE__ */ o(
-    C.Item,
+    S.Item,
     {
       "data-slot": "select-item",
       className: i(
@@ -446,18 +446,18 @@ function Lt({
       ),
       ...r,
       children: [
-        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(C.ItemIndicator, { children: /* @__PURE__ */ e(X, { className: "size-4" }) }) }),
-        /* @__PURE__ */ e(C.ItemText, { children: t })
+        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(S.ItemIndicator, { children: /* @__PURE__ */ e(X, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e(S.ItemText, { children: t })
       ]
     }
   );
 }
-function $e({
+function Ve({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    C.ScrollUpButton,
+    S.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
       className: i(
@@ -465,16 +465,16 @@ function $e({
         a
       ),
       ...t,
-      children: /* @__PURE__ */ e(ne, { className: "size-4" })
+      children: /* @__PURE__ */ e(se, { className: "size-4" })
     }
   );
 }
-function Ve({
+function Fe({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    C.ScrollDownButton,
+    S.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
       className: i(
@@ -510,7 +510,7 @@ function Rt({
     }
   );
 }
-function Et({
+function Tt({
   className: a,
   ...t
 }) {
@@ -523,7 +523,7 @@ function Et({
     }
   );
 }
-function Tt({
+function $t({
   className: a,
   ...t
 }) {
@@ -541,13 +541,13 @@ function Tt({
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ e(se, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ e(le, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
         }
       )
     }
   );
 }
-function $t({
+function Vt({
   className: a,
   ...t
 }) {
@@ -572,7 +572,7 @@ function $t({
     }
   );
 }
-const Fe = ({ src: a, alt: t, className: r }) => (
+const Ie = ({ src: a, alt: t, className: r }) => (
   // eslint-disable-next-line @next/next/no-img-element
   /* @__PURE__ */ e("img", { src: a, alt: t, className: r, loading: "lazy", decoding: "async" })
 );
@@ -583,7 +583,7 @@ function Q({
 }) {
   return a ? /* @__PURE__ */ e("a", { href: a, className: t, tabIndex: -1, "aria-hidden": "true", children: r }) : /* @__PURE__ */ e("div", { className: t, children: r });
 }
-const I = N(
+const I = y(
   ({
     className: a,
     image: t,
@@ -592,62 +592,62 @@ const I = N(
     price: l,
     originalPrice: n,
     rating: d,
-    reviewCount: u,
+    reviewCount: c,
     badge: m,
     badgeVariant: f = "default",
     isSkeleton: v = !1,
-    isOutOfStock: g = !1,
-    onAddToCart: b,
-    onToggleFavorite: h,
-    isFavorite: x = !1,
-    href: c,
-    orientation: p = "vertical",
-    renderImage: w = Fe,
-    ...S
-  }, P) => v ? /* @__PURE__ */ o(
+    isOutOfStock: p = !1,
+    onAddToCart: h,
+    onToggleFavorite: x,
+    isFavorite: N = !1,
+    href: u,
+    orientation: b = "vertical",
+    renderImage: g = Ie,
+    ...w
+  }, j) => v ? /* @__PURE__ */ o(
     "div",
     {
-      ref: P,
+      ref: j,
       className: i(
         "flex rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-4 animate-pulse",
-        p === "horizontal" ? "flex-row gap-3" : "flex-col",
+        b === "horizontal" ? "flex-row gap-3" : "flex-col",
         a
       ),
-      ...S,
+      ...w,
       children: [
         /* @__PURE__ */ e(
           "div",
           {
             className: i(
               "rounded-lg bg-[var(--muted)]",
-              p === "horizontal" ? "h-24 w-20 shrink-0" : "w-full aspect-square"
+              b === "horizontal" ? "h-24 w-20 shrink-0" : "w-full aspect-square"
             )
           }
         ),
-        /* @__PURE__ */ o("div", { className: i("flex flex-col gap-2", p === "horizontal" ? "flex-1" : "mt-3"), children: [
+        /* @__PURE__ */ o("div", { className: i("flex flex-col gap-2", b === "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__ */ o(
+  ) : b === "horizontal" ? /* @__PURE__ */ o(
     "div",
     {
-      ref: P,
+      ref: j,
       className: i(
         "group relative flex flex-row gap-3 rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-3 transition-all hover:shadow-md",
-        g && "opacity-60",
+        p && "opacity-60",
         a
       ),
-      ...S,
+      ...w,
       children: [
         /* @__PURE__ */ e(
           Q,
           {
-            href: c,
+            href: u,
             className: "relative block h-24 w-20 shrink-0 overflow-hidden rounded-lg",
-            children: w({
+            children: g({
               src: t,
               alt: r,
               className: "h-full w-full object-contain transition-transform duration-300 group-hover:scale-105"
@@ -655,10 +655,10 @@ const I = N(
           }
         ),
         /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-          c ? /* @__PURE__ */ e(
+          u ? /* @__PURE__ */ e(
             "a",
             {
-              href: c,
+              href: u,
               className: "line-clamp-2 text-sm font-medium text-[var(--card-foreground)] hover:text-[var(--brand-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded",
               children: r
             }
@@ -666,9 +666,9 @@ const I = N(
           s && /* @__PURE__ */ e("p", { className: "text-xs text-[var(--muted-foreground)]", children: s }),
           d !== void 0 && /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ e(F, { value: d, size: "sm", readonly: !0 }),
-            u !== void 0 && /* @__PURE__ */ o("span", { className: "text-xs text-[var(--muted-foreground)]", children: [
+            c !== void 0 && /* @__PURE__ */ o("span", { className: "text-xs text-[var(--muted-foreground)]", children: [
               "(",
-              u,
+              c,
               ")"
             ] })
           ] }),
@@ -682,17 +682,17 @@ const I = N(
               n.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] })
           ] }),
-          b && /* @__PURE__ */ e(
+          h && /* @__PURE__ */ e(
             D,
             {
-              onClick: b,
-              disabled: g,
+              onClick: h,
+              disabled: p,
               variant: "primary",
               size: "sm",
               fullWidth: !0,
               leftIcon: /* @__PURE__ */ e($, { className: "h-3.5 w-3.5" }),
               className: "mt-auto",
-              children: g ? "Indisponível" : "Adicionar"
+              children: p ? "Indisponível" : "Adicionar"
             }
           )
         ] })
@@ -701,52 +701,52 @@ const I = N(
   ) : /* @__PURE__ */ o(
     "div",
     {
-      ref: P,
+      ref: j,
       className: i(
         "group relative flex flex-col rounded-lg border-2 border-border bg-card transition-all hover:shadow-lg",
-        g && "opacity-60",
+        p && "opacity-60",
         a
       ),
-      ...S,
+      ...w,
       children: [
         /* @__PURE__ */ o(
           Q,
           {
-            href: c,
+            href: u,
             className: "relative block w-full aspect-square overflow-hidden rounded-t-lg",
             children: [
-              w({
+              g({
                 src: t,
                 alt: r,
                 className: "h-full w-full object-contain transition-transform group-hover:scale-105"
               }),
-              m && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ e(E, { variant: f, children: m }) }),
-              g && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(E, { variant: "danger", size: "lg", children: "Esgotado" }) })
+              m && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ e(R, { variant: f, children: m }) }),
+              p && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(R, { variant: "danger", size: "lg", children: "Esgotado" }) })
             ]
           }
         ),
-        h && /* @__PURE__ */ e(
+        x && /* @__PURE__ */ e(
           "button",
           {
-            onClick: h,
+            onClick: x,
             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": x ? "Remover dos favoritos" : "Adicionar aos favoritos",
+            "aria-label": N ? "Remover dos favoritos" : "Adicionar aos favoritos",
             children: /* @__PURE__ */ e(
-              le,
+              de,
               {
                 className: i(
                   "h-5 w-5",
-                  x ? "fill-[var(--destructive)] text-[var(--destructive)]" : "text-[var(--foreground)]"
+                  N ? "fill-[var(--destructive)] text-[var(--destructive)]" : "text-[var(--foreground)]"
                 )
               }
             )
           }
         ),
         /* @__PURE__ */ o("div", { className: "flex flex-1 flex-col p-4", children: [
-          c ? /* @__PURE__ */ e(
+          u ? /* @__PURE__ */ e(
             "a",
             {
-              href: c,
+              href: u,
               className: "wrap-break-word text-base font-medium text-card-foreground hover:text-brand-primary transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded",
               children: r
             }
@@ -754,9 +754,9 @@ const I = N(
           s && /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-[var(--muted-foreground)]", children: s }),
           d !== void 0 && /* @__PURE__ */ o("div", { className: "mt-2 flex items-center gap-2", children: [
             /* @__PURE__ */ e(F, { value: d, size: "sm", readonly: !0 }),
-            u !== void 0 && /* @__PURE__ */ o("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
+            c !== void 0 && /* @__PURE__ */ o("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
               "(",
-              u,
+              c,
               ")"
             ] })
           ] }),
@@ -770,11 +770,11 @@ const I = N(
               n.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] })
           ] }),
-          b && /* @__PURE__ */ e(
+          h && /* @__PURE__ */ e(
             D,
             {
-              onClick: b,
-              disabled: g,
+              onClick: h,
+              disabled: p,
               variant: "primary",
               size: "md",
               fullWidth: !0,
@@ -785,7 +785,7 @@ const I = N(
                 "group-hover:opacity-100 group-hover:translate-y-0",
                 "focus-visible:opacity-100 focus-visible:translate-y-0"
               ),
-              children: g ? "Indisponível" : "Adicionar"
+              children: p ? "Indisponível" : "Adicionar"
             }
           )
         ] })
@@ -794,7 +794,7 @@ const I = N(
   )
 );
 I.displayName = "ProductCard";
-const Ie = N(
+const Ue = y(
   ({
     className: a,
     onSearch: t,
@@ -803,20 +803,20 @@ const Ie = N(
     size: l = "md",
     placeholder: n = "Buscar...",
     value: d,
-    onChange: u,
+    onChange: c,
     ...m
   }, f) => {
-    const [v, g] = z(""), b = d !== void 0 ? d : v, h = {
+    const [v, p] = C(""), h = d !== void 0 ? d : v, x = {
       sm: "h-9 text-sm",
       md: "h-11 text-base",
       lg: "h-14 text-lg"
-    }, x = (w) => {
-      const S = w.target.value;
-      d === void 0 && g(S), u == null || u(w);
-    }, c = () => {
-      d === void 0 && g(""), r == null || r();
-    }, p = (w) => {
-      w.key === "Enter" && t && t(b);
+    }, N = (g) => {
+      const w = g.target.value;
+      d === void 0 && p(w), c == null || c(g);
+    }, u = () => {
+      d === void 0 && p(""), r == null || r();
+    }, b = (g) => {
+      g.key === "Enter" && t && t(h);
     };
     return /* @__PURE__ */ e("div", { className: i("relative w-full", a), children: /* @__PURE__ */ o("div", { className: "relative flex items-center", children: [
       /* @__PURE__ */ e(Y, { className: "absolute left-3 h-5 w-5 text-[var(--muted-foreground)] pointer-events-none" }),
@@ -825,38 +825,38 @@ const Ie = N(
         {
           ref: f,
           type: "search",
-          value: b,
-          onChange: x,
-          onKeyDown: p,
+          value: h,
+          onChange: N,
+          onKeyDown: b,
           placeholder: n,
           className: i(
             "w-full rounded-lg border-2 border-[var(--border)] bg-[var(--input-background)] pl-10 pr-10 font-normal transition-colors",
             "placeholder:text-[var(--muted-foreground)]",
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
             "disabled:cursor-not-allowed disabled:opacity-50",
-            h[l]
+            x[l]
           ),
           ...m
         }
       ),
       /* @__PURE__ */ o("div", { className: "absolute right-3 flex items-center gap-1", children: [
         s && /* @__PURE__ */ e(q, { className: "h-5 w-5 animate-spin text-[var(--muted-foreground)]" }),
-        b && !s && /* @__PURE__ */ e(
+        h && !s && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: c,
+            onClick: u,
             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(de, { className: "h-4 w-4 text-[var(--muted-foreground)]" })
+            children: /* @__PURE__ */ e(ce, { className: "h-4 w-4 text-[var(--muted-foreground)]" })
           }
         )
       ] })
     ] }) });
   }
 );
-Ie.displayName = "SearchBar";
-const Ue = N(
+Ue.displayName = "SearchBar";
+const qe = y(
   ({
     className: a,
     price: t,
@@ -865,20 +865,20 @@ const Ue = N(
     size: l = "md",
     showDiscount: n = !0,
     installments: d,
-    ...u
+    ...c
   }, m) => {
     const f = r && r > t ? Math.round((r - t) / r * 100) : 0, v = {
       sm: "text-base",
       md: "text-xl",
       lg: "text-2xl",
       xl: "text-4xl"
-    }, g = {
+    }, p = {
       sm: "text-xs",
       md: "text-sm",
       lg: "text-base",
       xl: "text-xl"
     };
-    return /* @__PURE__ */ o("div", { ref: m, className: i("flex flex-col gap-1", a), ...u, children: [
+    return /* @__PURE__ */ o("div", { ref: m, className: i("flex flex-col gap-1", a), ...c, children: [
       /* @__PURE__ */ o("div", { className: "flex items-center gap-2 flex-wrap", children: [
         /* @__PURE__ */ o("div", { className: "flex items-baseline gap-2", children: [
           /* @__PURE__ */ o("span", { className: i("font-bold text-[var(--foreground)]", v[l]), children: [
@@ -891,7 +891,7 @@ const Ue = N(
             {
               className: i(
                 "text-[var(--muted-foreground)] line-through",
-                g[l]
+                p[l]
               ),
               children: [
                 s,
@@ -901,7 +901,7 @@ const Ue = N(
             }
           )
         ] }),
-        n && f > 0 && /* @__PURE__ */ o(E, { variant: "success", size: "sm", children: [
+        n && f > 0 && /* @__PURE__ */ o(R, { variant: "success", size: "sm", children: [
           "-",
           f,
           "%"
@@ -919,8 +919,8 @@ const Ue = N(
     ] });
   }
 );
-Ue.displayName = "PriceDisplay";
-const qe = N(
+qe.displayName = "PriceDisplay";
+const Ge = y(
   ({
     className: a,
     value: t,
@@ -929,27 +929,27 @@ const qe = N(
     onChange: l,
     size: n = "md",
     disabled: d = !1,
-    showLabel: u = !1,
+    showLabel: c = !1,
     ...m
   }, f) => {
     const v = () => {
       t < s && l(t + 1);
-    }, g = () => {
+    }, p = () => {
       t > r && l(t - 1);
-    }, b = (c) => {
-      const p = parseInt(c.target.value);
-      !isNaN(p) && p >= r && p <= s && l(p);
-    }, h = {
+    }, h = (u) => {
+      const b = parseInt(u.target.value);
+      !isNaN(b) && b >= r && b <= s && l(b);
+    }, x = {
       sm: "h-8 w-8",
       md: "h-10 w-10",
       lg: "h-12 w-12"
-    }, x = {
+    }, N = {
       sm: "h-8 w-12 text-sm",
       md: "h-10 w-14 text-base",
       lg: "h-12 w-16 text-lg"
     };
     return /* @__PURE__ */ o("div", { ref: f, className: i("inline-flex flex-col gap-1", a), ...m, children: [
-      u && /* @__PURE__ */ e("label", { className: "text-sm font-medium text-[var(--foreground)]", children: "Quantidade" }),
+      c && /* @__PURE__ */ e("label", { className: "text-sm font-medium text-[var(--foreground)]", children: "Quantidade" }),
       /* @__PURE__ */ o("div", { className: "inline-flex items-center gap-2", children: [
         /* @__PURE__ */ e(
           D,
@@ -957,11 +957,11 @@ const qe = N(
             type: "button",
             variant: "secondary",
             size: "sm",
-            onClick: g,
+            onClick: p,
             disabled: d || t <= r,
-            className: i(h[n], "p-0"),
+            className: i(x[n], "p-0"),
             "aria-label": "Decrease quantity",
-            children: /* @__PURE__ */ e(ce, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ e(ue, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ e(
@@ -969,7 +969,7 @@ const qe = N(
           {
             type: "number",
             value: t,
-            onChange: b,
+            onChange: h,
             min: r,
             max: s,
             disabled: d,
@@ -978,7 +978,7 @@ const qe = N(
               "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",
-              x[n]
+              N[n]
             ),
             "aria-label": "Quantity"
           }
@@ -991,18 +991,18 @@ const qe = N(
             size: "sm",
             onClick: v,
             disabled: d || t >= s,
-            className: i(h[n], "p-0"),
+            className: i(x[n], "p-0"),
             "aria-label": "Increase quantity",
-            children: /* @__PURE__ */ e(ue, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ e(me, { className: "h-4 w-4" })
           }
         )
       ] })
     ] });
   }
 );
-qe.displayName = "QuantitySelector";
-const Ge = N(
-  ({ className: a, label: t, htmlFor: r, required: s, error: l, helperText: n, children: d, ...u }, m) => /* @__PURE__ */ o("div", { ref: m, className: i("flex flex-col gap-1.5", a), ...u, children: [
+Ge.displayName = "QuantitySelector";
+const He = y(
+  ({ className: a, label: t, htmlFor: r, required: s, error: l, helperText: n, children: d, ...c }, m) => /* @__PURE__ */ o("div", { ref: m, className: i("flex flex-col gap-1.5", a), ...c, children: [
     t && /* @__PURE__ */ o(
       "label",
       {
@@ -1027,11 +1027,11 @@ const Ge = N(
     )
   ] })
 );
-Ge.displayName = "FormGroup";
-function Vt({ ...a }) {
+He.displayName = "FormGroup";
+function Ft({ ...a }) {
   return /* @__PURE__ */ e("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...a });
 }
-function Ft({ className: a, ...t }) {
+function It({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "ol",
     {
@@ -1044,7 +1044,7 @@ function Ft({ className: a, ...t }) {
     }
   );
 }
-function It({ className: a, ...t }) {
+function Ut({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "li",
     {
@@ -1054,13 +1054,13 @@ function It({ className: a, ...t }) {
     }
   );
 }
-function Ut({
+function qt({
   asChild: a,
   className: t,
   ...r
 }) {
   return /* @__PURE__ */ e(
-    a ? Me : "a",
+    a ? Ae : "a",
     {
       "data-slot": "breadcrumb-link",
       className: i("hover:text-foreground transition-colors", t),
@@ -1068,7 +1068,7 @@ function Ut({
     }
   );
 }
-function qt({ className: a, ...t }) {
+function Gt({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "span",
     {
@@ -1081,7 +1081,7 @@ function qt({ className: a, ...t }) {
     }
   );
 }
-function Gt({
+function Ht({
   children: a,
   className: t,
   ...r
@@ -1098,17 +1098,17 @@ function Gt({
     }
   );
 }
-function Ht({
+function Qt({
   ...a
 }) {
-  return /* @__PURE__ */ e(B.Root, { "data-slot": "accordion", ...a });
+  return /* @__PURE__ */ e(_.Root, { "data-slot": "accordion", ...a });
 }
-function Qt({
+function Wt({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    B.Item,
+    _.Item,
     {
       "data-slot": "accordion-item",
       className: i("border-b last:border-b-0", a),
@@ -1116,13 +1116,13 @@ function Qt({
     }
   );
 }
-function Wt({
+function Xt({
   className: a,
   children: t,
   ...r
 }) {
-  return /* @__PURE__ */ e(B.Header, { className: "flex", children: /* @__PURE__ */ o(
-    B.Trigger,
+  return /* @__PURE__ */ e(_.Header, { className: "flex", children: /* @__PURE__ */ o(
+    _.Trigger,
     {
       "data-slot": "accordion-trigger",
       className: i(
@@ -1137,13 +1137,13 @@ function Wt({
     }
   ) });
 }
-function Xt({
+function Yt({
   className: a,
   children: t,
   ...r
 }) {
   return /* @__PURE__ */ e(
-    B.Content,
+    _.Content,
     {
       "data-slot": "accordion-content",
       className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
@@ -1152,12 +1152,12 @@ function Xt({
     }
   );
 }
-function He({
+function Qe({
   delayDuration: a = 0,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    M.Provider,
+    A.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration: a,
@@ -1165,24 +1165,24 @@ function He({
     }
   );
 }
-function Yt({
+function Kt({
   ...a
 }) {
-  return /* @__PURE__ */ e(He, { children: /* @__PURE__ */ e(M.Root, { "data-slot": "tooltip", ...a }) });
+  return /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ e(A.Root, { "data-slot": "tooltip", ...a }) });
 }
-function Kt({
+function Ot({
   ...a
 }) {
-  return /* @__PURE__ */ e(M.Trigger, { "data-slot": "tooltip-trigger", ...a });
+  return /* @__PURE__ */ e(A.Trigger, { "data-slot": "tooltip-trigger", ...a });
 }
-function Ot({
+function Zt({
   className: a,
   sideOffset: t = 0,
   children: r,
   ...s
 }) {
-  return /* @__PURE__ */ e(M.Portal, { children: /* @__PURE__ */ o(
-    M.Content,
+  return /* @__PURE__ */ e(A.Portal, { children: /* @__PURE__ */ o(
+    A.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset: t,
@@ -1193,12 +1193,12 @@ function Ot({
       ...s,
       children: [
         r,
-        /* @__PURE__ */ e(M.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ e(A.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     }
   ) });
 }
-const Qe = N(
+const We = y(
   ({
     className: a,
     variant: t = "default",
@@ -1207,14 +1207,14 @@ const Qe = N(
     description: l,
     primaryCTA: n,
     secondaryCTA: d,
-    backgroundImage: u,
+    backgroundImage: c,
     overlay: m = !0,
     children: f,
     ...v
-  }, g) => /* @__PURE__ */ o(
+  }, p) => /* @__PURE__ */ o(
     "section",
     {
-      ref: g,
+      ref: p,
       className: i(
         "relative flex min-h-[400px] w-full flex-col justify-center px-6 py-16 lg:px-12 lg:py-24",
         {
@@ -1226,12 +1226,12 @@ const Qe = N(
       ),
       ...v,
       children: [
-        u && /* @__PURE__ */ o(A, { children: [
+        c && /* @__PURE__ */ o(P, { children: [
           /* @__PURE__ */ e(
             "div",
             {
               className: "absolute inset-0 bg-cover bg-center bg-no-repeat",
-              style: { backgroundImage: `url(${u})` }
+              style: { backgroundImage: `url(${c})` }
             }
           ),
           m && /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/70 to-black/30" })
@@ -1250,7 +1250,7 @@ const Qe = N(
                   {
                     className: i(
                       "mb-4 text-sm font-semibold uppercase tracking-wider",
-                      u ? "text-[var(--warning)]" : "text-[var(--brand-primary)]"
+                      c ? "text-[var(--warning)]" : "text-[var(--brand-primary)]"
                     ),
                     children: s
                   }
@@ -1260,7 +1260,7 @@ const Qe = N(
                   {
                     className: i(
                       "text-4xl font-bold leading-tight lg:text-5xl xl:text-6xl",
-                      u ? "text-white" : "text-[var(--foreground)]"
+                      c ? "text-white" : "text-[var(--foreground)]"
                     ),
                     children: r
                   }
@@ -1270,7 +1270,7 @@ const Qe = N(
                   {
                     className: i(
                       "mt-6 text-lg lg:text-xl",
-                      u ? "text-gray-200" : "text-[var(--muted-foreground)]"
+                      c ? "text-gray-200" : "text-[var(--muted-foreground)]"
                     ),
                     children: l
                   }
@@ -1305,8 +1305,8 @@ const Qe = N(
     }
   )
 );
-Qe.displayName = "Hero";
-const J = N(
+We.displayName = "Hero";
+const J = y(
   ({
     className: a,
     variant: t = "default",
@@ -1315,17 +1315,17 @@ const J = N(
     description: l,
     action: n,
     ...d
-  }, u) => {
+  }, c) => {
     const f = r || {
-      default: /* @__PURE__ */ e(fe, { className: "h-16 w-16" }),
+      default: /* @__PURE__ */ e(ge, { className: "h-16 w-16" }),
       search: /* @__PURE__ */ e(Y, { className: "h-16 w-16" }),
       cart: /* @__PURE__ */ e($, { className: "h-16 w-16" }),
-      error: /* @__PURE__ */ e(me, { className: "h-16 w-16" })
+      error: /* @__PURE__ */ e(fe, { className: "h-16 w-16" })
     }[t];
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: u,
+        ref: c,
         className: i(
           "flex flex-col items-center justify-center py-16 px-6 text-center",
           a
@@ -1351,7 +1351,7 @@ const J = N(
   }
 );
 J.displayName = "EmptyState";
-const We = N(
+const Xe = y(
   ({
     className: a,
     type: t = "generic",
@@ -1360,10 +1360,10 @@ const We = N(
     onRetry: l,
     onGoHome: n,
     showRetry: d = !0,
-    showHome: u = !0,
+    showHome: c = !0,
     ...m
   }, f) => {
-    const g = {
+    const p = {
       404: {
         title: "Página não encontrada",
         message: "A página que você está procurando não existe ou foi movida.",
@@ -1384,7 +1384,7 @@ const We = N(
         message: "Ocorreu um erro inesperado. Por favor, tente novamente.",
         code: ""
       }
-    }[t], b = r || g.title, h = s || g.message;
+    }[t], h = r || p.title, x = s || p.message;
     return /* @__PURE__ */ o(
       "div",
       {
@@ -1398,11 +1398,11 @@ const We = N(
         ...m,
         children: [
           /* @__PURE__ */ o("div", { className: "flex flex-col items-center gap-4", children: [
-            g.code && /* @__PURE__ */ e("h1", { className: "text-9xl font-bold text-[var(--muted)] opacity-40", children: g.code }),
-            /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--destructive)]/10 p-6 text-[var(--destructive)]", children: /* @__PURE__ */ e(ge, { className: "h-16 w-16" }) })
+            p.code && /* @__PURE__ */ e("h1", { className: "text-9xl font-bold text-[var(--muted)] opacity-40", children: p.code }),
+            /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--destructive)]/10 p-6 text-[var(--destructive)]", children: /* @__PURE__ */ e(pe, { className: "h-16 w-16" }) })
           ] }),
-          /* @__PURE__ */ e("h2", { className: "mt-6 text-2xl font-bold text-[var(--foreground)]", children: b }),
-          /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: h }),
+          /* @__PURE__ */ e("h2", { className: "mt-6 text-2xl font-bold text-[var(--foreground)]", children: h }),
+          /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: x }),
           /* @__PURE__ */ o("div", { className: "mt-8 flex flex-wrap gap-4 justify-center", children: [
             d && l && /* @__PURE__ */ e(
               D,
@@ -1410,17 +1410,17 @@ const We = N(
                 onClick: l,
                 variant: "primary",
                 size: "lg",
-                leftIcon: /* @__PURE__ */ e(pe, { className: "h-5 w-5" }),
+                leftIcon: /* @__PURE__ */ e(ve, { className: "h-5 w-5" }),
                 children: "Tentar novamente"
               }
             ),
-            u && n && /* @__PURE__ */ e(
+            c && n && /* @__PURE__ */ e(
               D,
               {
                 onClick: n,
                 variant: "secondary",
                 size: "lg",
-                leftIcon: /* @__PURE__ */ e(ve, { className: "h-5 w-5" }),
+                leftIcon: /* @__PURE__ */ e(be, { className: "h-5 w-5" }),
                 children: "Voltar ao início"
               }
             )
@@ -1430,8 +1430,8 @@ const We = N(
     );
   }
 );
-We.displayName = "ErrorState";
-const Xe = N(
+Xe.displayName = "ErrorState";
+const Ye = y(
   ({
     className: a,
     products: t,
@@ -1440,11 +1440,11 @@ const Xe = N(
     isLoading: l = !1,
     skeletonCount: n = 8,
     emptyStateMessage: d = "Nenhum produto encontrado",
-    onEmptyAction: u,
+    onEmptyAction: c,
     renderImage: m,
     ...f
   }, v) => {
-    const g = {
+    const p = {
       sm: "gap-4",
       md: "gap-6",
       lg: "gap-8"
@@ -1455,11 +1455,11 @@ const Xe = N(
         ref: v,
         className: i(
           "grid grid-cols-2 lg:grid-cols-4",
-          g[s],
+          p[s],
           a
         ),
         ...f,
-        children: Array.from({ length: n }).map((b, h) => /* @__PURE__ */ e(
+        children: Array.from({ length: n }).map((h, x) => /* @__PURE__ */ e(
           I,
           {
             image: "",
@@ -1467,7 +1467,7 @@ const Xe = N(
             price: 0,
             isSkeleton: !0
           },
-          h
+          x
         ))
       }
     ) : t.length === 0 ? /* @__PURE__ */ e(
@@ -1476,9 +1476,9 @@ const Xe = N(
         variant: "search",
         title: d,
         description: "Tente ajustar seus filtros ou realizar uma nova busca",
-        action: u ? {
+        action: c ? {
           label: "Limpar filtros",
-          onClick: u
+          onClick: c
         } : void 0
       }
     ) : /* @__PURE__ */ e(
@@ -1487,37 +1487,37 @@ const Xe = N(
         ref: v,
         className: i(
           "grid grid-cols-2 lg:grid-cols-4",
-          g[s],
+          p[s],
           a
         ),
         ...f,
-        children: t.map((b, h) => /* @__PURE__ */ e(I, { ...b, renderImage: b.renderImage ?? m }, h))
+        children: t.map((h, x) => /* @__PURE__ */ e(I, { ...h, renderImage: h.renderImage ?? m }, x))
       }
     );
   }
 );
-Xe.displayName = "ProductGrid";
-function Zt({
+Ye.displayName = "ProductGrid";
+function Jt({
   ...a
 }) {
-  return /* @__PURE__ */ e(y.Root, { "data-slot": "dialog", ...a });
+  return /* @__PURE__ */ e(k.Root, { "data-slot": "dialog", ...a });
 }
-function Jt({
+function ea({
   ...a
 }) {
-  return /* @__PURE__ */ e(y.Trigger, { "data-slot": "dialog-trigger", ...a });
+  return /* @__PURE__ */ e(k.Trigger, { "data-slot": "dialog-trigger", ...a });
 }
-function Ye({
+function Ke({
   ...a
 }) {
-  return /* @__PURE__ */ e(y.Portal, { "data-slot": "dialog-portal", ...a });
+  return /* @__PURE__ */ e(k.Portal, { "data-slot": "dialog-portal", ...a });
 }
-function Ke({
+function Oe({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    y.Overlay,
+    k.Overlay,
     {
       "data-slot": "dialog-overlay",
       className: i(
@@ -1528,15 +1528,15 @@ function Ke({
     }
   );
 }
-function ea({
+function ta({
   className: a,
   children: t,
   ...r
 }) {
-  return /* @__PURE__ */ o(Ye, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ e(Ke, {}),
+  return /* @__PURE__ */ o(Ke, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ e(Oe, {}),
     /* @__PURE__ */ o(
-      y.Content,
+      k.Content,
       {
         "data-slot": "dialog-content",
         className: i(
@@ -1546,7 +1546,7 @@ function ea({
         ...r,
         children: [
           t,
-          /* @__PURE__ */ o(y.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
+          /* @__PURE__ */ o(k.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(O, {}),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
           ] })
@@ -1555,7 +1555,7 @@ function ea({
     )
   ] });
 }
-function ta({ className: a, ...t }) {
+function aa({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1565,7 +1565,7 @@ function ta({ className: a, ...t }) {
     }
   );
 }
-function aa({ className: a, ...t }) {
+function ra({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1578,12 +1578,12 @@ function aa({ className: a, ...t }) {
     }
   );
 }
-function ra({
+function ia({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    y.Title,
+    k.Title,
     {
       "data-slot": "dialog-title",
       className: i("text-lg leading-none font-semibold", a),
@@ -1591,12 +1591,12 @@ function ra({
     }
   );
 }
-function ia({
+function oa({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    y.Description,
+    k.Description,
     {
       "data-slot": "dialog-description",
       className: i("text-muted-foreground text-sm", a),
@@ -1604,30 +1604,30 @@ function ia({
     }
   );
 }
-function Oe({ ...a }) {
-  return /* @__PURE__ */ e(y.Root, { "data-slot": "sheet", ...a });
-}
-function Ze({
-  ...a
-}) {
-  return /* @__PURE__ */ e(y.Trigger, { "data-slot": "sheet-trigger", ...a });
+function Ze({ ...a }) {
+  return /* @__PURE__ */ e(k.Root, { "data-slot": "sheet", ...a });
 }
 function Je({
   ...a
 }) {
-  return /* @__PURE__ */ e(y.Close, { "data-slot": "sheet-close", ...a });
+  return /* @__PURE__ */ e(k.Trigger, { "data-slot": "sheet-trigger", ...a });
 }
 function et({
   ...a
 }) {
-  return /* @__PURE__ */ e(y.Portal, { "data-slot": "sheet-portal", ...a });
+  return /* @__PURE__ */ e(k.Close, { "data-slot": "sheet-close", ...a });
 }
 function tt({
+  ...a
+}) {
+  return /* @__PURE__ */ e(k.Portal, { "data-slot": "sheet-portal", ...a });
+}
+function at({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    y.Overlay,
+    k.Overlay,
     {
       "data-slot": "sheet-overlay",
       className: i(
@@ -1638,16 +1638,16 @@ function tt({
     }
   );
 }
-function at({
+function rt({
   className: a,
   children: t,
   side: r = "right",
   ...s
 }) {
-  return /* @__PURE__ */ o(et, { children: [
-    /* @__PURE__ */ e(tt, {}),
+  return /* @__PURE__ */ o(tt, { children: [
+    /* @__PURE__ */ e(at, {}),
     /* @__PURE__ */ o(
-      y.Content,
+      k.Content,
       {
         "data-slot": "sheet-content",
         className: i(
@@ -1661,7 +1661,7 @@ function at({
         ...s,
         children: [
           t,
-          /* @__PURE__ */ o(y.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+          /* @__PURE__ */ o(k.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(O, { className: "size-4" }),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
           ] })
@@ -1670,7 +1670,7 @@ function at({
     )
   ] });
 }
-function rt({ className: a, ...t }) {
+function it({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1680,7 +1680,7 @@ function rt({ className: a, ...t }) {
     }
   );
 }
-function oa({ className: a, ...t }) {
+function na({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1690,12 +1690,12 @@ function oa({ className: a, ...t }) {
     }
   );
 }
-function it({
+function ot({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    y.Title,
+    k.Title,
     {
       "data-slot": "sheet-title",
       className: i("text-foreground font-semibold", a),
@@ -1703,12 +1703,12 @@ function it({
     }
   );
 }
-function na({
+function sa({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    y.Description,
+    k.Description,
     {
       "data-slot": "sheet-description",
       className: i("text-muted-foreground text-sm", a),
@@ -1716,7 +1716,7 @@ function na({
     }
   );
 }
-function ot({ children: a, as: t = "div", className: r }) {
+function nt({ children: a, as: t = "div", className: r }) {
   return /* @__PURE__ */ e(
     t,
     {
@@ -1727,31 +1727,36 @@ function ot({ children: a, as: t = "div", className: r }) {
     }
   );
 }
-const nt = N(
+const st = y(
   ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: s = !1, ...l }, n) => {
-    const [d, u] = z("light"), [m, f] = z(16), [v, g] = z(!1);
-    _(() => {
-      const p = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
-      u(p);
-      const w = Number(localStorage.getItem("a11y-font-size"));
-      Number.isFinite(w) && w > 0 && f(w);
-    }, []), _(() => {
-      if (!v && typeof window < "u" && !document.querySelector('script[src*="vlibras"]')) {
-        const p = document.createElement("script");
-        p.src = "https://vlibras.gov.br/app/vlibras-plugin.js", p.async = !0, p.onload = () => {
-          g(!0), window.VLibras && new window.VLibras.Widget("https://vlibras.gov.br/app");
-        }, document.body.appendChild(p);
+    const [d, c] = C("light"), [m, f] = C(16), [v, p] = C(!1), h = ie(!1);
+    L(() => {
+      const w = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
+      c(w);
+      const j = Number(localStorage.getItem("a11y-font-size"));
+      Number.isFinite(j) && j > 0 && f(j);
+    }, []);
+    const x = () => {
+      if (h.current) {
+        const g = document.querySelector("[vw]"), w = !v;
+        g && (g.style.display = w ? "" : "none"), p(w);
+      } else {
+        const g = document.createElement("div");
+        g.setAttribute("vw", ""), g.className = "enabled", g.innerHTML = '<div vw-access-button class="active"></div><div vw-plugin-wrapper><div class="vw-plugin-top-wrapper"></div></div>', document.body.appendChild(g);
+        const w = document.createElement("script");
+        w.src = "https://vlibras.gov.br/app/vlibras-plugin.js", w.async = !0, w.onload = () => {
+          window.VLibras && new window.VLibras.Widget("https://vlibras.gov.br/app"), h.current = !0, p(!0);
+        }, document.body.appendChild(w);
       }
-    }, [v]);
-    const b = () => {
-      const c = d === "light" ? "dark" : "light";
-      u(c), document.documentElement.setAttribute("data-theme", c), localStorage.setItem("a11y-theme", c), t == null || t(c);
-    }, h = () => {
-      const c = Math.min(m + 2, 24);
-      f(c), document.documentElement.style.setProperty("--font-size", `${c}px`), document.documentElement.style.fontSize = `${c}px`, localStorage.setItem("a11y-font-size", c.toString()), r == null || r(c);
-    }, x = () => {
-      const c = Math.max(m - 2, 12);
-      f(c), document.documentElement.style.setProperty("--font-size", `${c}px`), document.documentElement.style.fontSize = `${c}px`, localStorage.setItem("a11y-font-size", c.toString()), r == null || r(c);
+    }, N = () => {
+      const g = d === "light" ? "dark" : "light";
+      c(g), document.documentElement.setAttribute("data-theme", g), localStorage.setItem("a11y-theme", g), t == null || t(g);
+    }, u = () => {
+      const g = Math.min(m + 2, 24);
+      f(g), document.documentElement.style.setProperty("--font-size", `${g}px`), document.documentElement.style.fontSize = `${g}px`, localStorage.setItem("a11y-font-size", g.toString()), r == null || r(g);
+    }, b = () => {
+      const g = Math.max(m - 2, 12);
+      f(g), document.documentElement.style.setProperty("--font-size", `${g}px`), document.documentElement.style.fontSize = `${g}px`, localStorage.setItem("a11y-font-size", g.toString()), r == null || r(g);
     };
     return /* @__PURE__ */ e(
       "div",
@@ -1764,9 +1769,9 @@ const nt = N(
         role: "toolbar",
         "aria-label": "Ferramentas de acessibilidade",
         ...l,
-        children: /* @__PURE__ */ o(ot, { className: "py-2 flex items-center justify-between", children: [
+        children: /* @__PURE__ */ o(nt, { className: "py-2 flex items-center justify-between", children: [
           /* @__PURE__ */ o("div", { className: "flex items-center gap-2 text-sm text-[var(--muted-foreground)]", children: [
-            /* @__PURE__ */ e(be, { className: "h-4 w-4 flex-shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ e(he, { className: "h-4 w-4 flex-shrink-0", "aria-hidden": "true" }),
             /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: "Ferramentas de Acessibilidade" })
           ] }),
           /* @__PURE__ */ o("div", { className: "flex items-center gap-2 md:gap-4", children: [
@@ -1783,7 +1788,7 @@ const nt = N(
                 "button",
                 {
                   type: "button",
-                  onClick: x,
+                  onClick: b,
                   disabled: m <= 12,
                   "aria-label": "Diminuir tamanho da fonte",
                   className: i(
@@ -1791,7 +1796,7 @@ const nt = N(
                     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
                     "disabled:opacity-40 disabled:cursor-not-allowed"
                   ),
-                  children: /* @__PURE__ */ e(he, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ e(xe, { className: "h-4 w-4" })
                 }
               ),
               /* @__PURE__ */ e("span", { className: "text-xs text-[var(--muted-foreground)] w-3 text-center select-none", "aria-hidden": "true", children: "A" }),
@@ -1799,7 +1804,7 @@ const nt = N(
                 "button",
                 {
                   type: "button",
-                  onClick: h,
+                  onClick: u,
                   disabled: m >= 24,
                   "aria-label": "Aumentar tamanho da fonte",
                   className: i(
@@ -1807,7 +1812,7 @@ const nt = N(
                     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
                     "disabled:opacity-40 disabled:cursor-not-allowed"
                   ),
-                  children: /* @__PURE__ */ e(xe, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ e(Ne, { className: "h-4 w-4" })
                 }
               )
             ] }),
@@ -1815,20 +1820,20 @@ const nt = N(
               "button",
               {
                 type: "button",
-                onClick: b,
+                onClick: N,
                 "aria-label": d === "light" ? "Ativar modo escuro" : "Ativar modo claro",
                 className: i(
                   "p-2 rounded-md transition-colors text-[var(--muted-foreground)] hover:bg-[var(--muted)]",
                   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
                 ),
-                children: d === "light" ? /* @__PURE__ */ e(Ne, { className: "h-4 w-4" }) : /* @__PURE__ */ e(we, { className: "h-4 w-4" })
+                children: d === "light" ? /* @__PURE__ */ e(we, { className: "h-4 w-4" }) : /* @__PURE__ */ e(ye, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => g((c) => !c),
+                onClick: x,
                 "aria-label": "Ativar VLibras",
                 "aria-pressed": v,
                 className: i(
@@ -1849,8 +1854,8 @@ const nt = N(
     );
   }
 );
-nt.displayName = "TopAccessibilityBar";
-const st = N(
+st.displayName = "TopAccessibilityBar";
+const lt = y(
   ({
     className: a,
     slides: t,
@@ -1858,27 +1863,27 @@ const st = N(
     autoplay: s = !0,
     ...l
   }, n) => {
-    const [d, u] = z(0), [m, f] = z(!1), [v, g] = z(!1);
-    _(() => {
-      const c = window.matchMedia("(prefers-reduced-motion: reduce)");
-      g(c.matches);
-      const p = (w) => {
-        g(w.matches);
+    const [d, c] = C(0), [m, f] = C(!1), [v, p] = C(!1);
+    L(() => {
+      const u = window.matchMedia("(prefers-reduced-motion: reduce)");
+      p(u.matches);
+      const b = (g) => {
+        p(g.matches);
       };
-      return c.addEventListener("change", p), () => c.removeEventListener("change", p);
-    }, []), _(() => {
+      return u.addEventListener("change", b), () => u.removeEventListener("change", b);
+    }, []), L(() => {
       if (!s || m || v) return;
-      const c = setInterval(() => {
-        u((p) => (p + 1) % t.length);
+      const u = setInterval(() => {
+        c((b) => (b + 1) % t.length);
       }, r);
-      return () => clearInterval(c);
+      return () => clearInterval(u);
     }, [s, r, t.length, m, v]);
-    const b = (c) => {
-      u(c), f(!0), setTimeout(() => f(!1), r);
-    }, h = () => {
-      b((d - 1 + t.length) % t.length);
+    const h = (u) => {
+      c(u), f(!0), setTimeout(() => f(!1), r);
     }, x = () => {
-      b((d + 1) % t.length);
+      h((d - 1 + t.length) % t.length);
+    }, N = () => {
+      h((d + 1) % t.length);
     };
     return t.length === 0 ? null : (t[d], /* @__PURE__ */ o(
       "div",
@@ -1889,110 +1894,110 @@ const st = N(
         onMouseLeave: () => f(!1),
         ...l,
         children: [
-          /* @__PURE__ */ e("div", { className: "relative", children: t.map((c, p) => /* @__PURE__ */ o(
+          /* @__PURE__ */ e("div", { className: "relative", children: t.map((u, b) => /* @__PURE__ */ o(
             "div",
             {
               className: i(
                 "w-full transition-opacity duration-700",
-                p === d ? "block" : "hidden"
+                b === d ? "block" : "hidden"
               ),
-              "aria-hidden": p !== d,
+              "aria-hidden": b !== d,
               children: [
                 /* @__PURE__ */ o("picture", { children: [
                   /* @__PURE__ */ e(
                     "source",
                     {
                       media: "(min-width: 1024px)",
-                      srcSet: `${c.imageDesktop} 1x, ${c.imageDesktop.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
+                      srcSet: `${u.imageDesktop} 1x, ${u.imageDesktop.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
                     }
                   ),
                   /* @__PURE__ */ e(
                     "source",
                     {
                       media: "(min-width: 768px)",
-                      srcSet: `${c.imageTablet} 1x, ${c.imageTablet.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
+                      srcSet: `${u.imageTablet} 1x, ${u.imageTablet.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
                     }
                   ),
                   /* @__PURE__ */ e(
                     "img",
                     {
-                      src: c.imageMobile,
-                      srcSet: `${c.imageMobile} 1x, ${c.imageMobile.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`,
-                      alt: c.title,
+                      src: u.imageMobile,
+                      srcSet: `${u.imageMobile} 1x, ${u.imageMobile.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`,
+                      alt: u.title,
                       className: "w-full object-cover aspect-3/2 md:aspect-video lg:aspect-1920/560",
-                      loading: p === 0 ? "eager" : "lazy"
+                      loading: b === 0 ? "eager" : "lazy"
                     }
                   )
                 ] }),
-                c.showOverlay && /* @__PURE__ */ o("div", { className: "absolute inset-0 flex flex-col justify-end bg-linear-to-t from-black/60 to-transparent p-6 md:p-10", children: [
-                  /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-white md:text-3xl", children: c.title }),
-                  c.description && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-gray-200 md:text-base", children: c.description }),
-                  c.cta && /* @__PURE__ */ e(
+                u.showOverlay && /* @__PURE__ */ o("div", { className: "absolute inset-0 flex flex-col justify-end bg-linear-to-t from-black/60 to-transparent p-6 md:p-10", children: [
+                  /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-white md:text-3xl", children: u.title }),
+                  u.description && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-gray-200 md:text-base", children: u.description }),
+                  u.cta && /* @__PURE__ */ e(
                     "a",
                     {
-                      href: c.cta.href,
+                      href: u.cta.href,
                       className: "mt-4 inline-block self-start rounded-md bg-brand-primary px-5 py-2 text-sm font-semibold text-white transition hover:opacity-90",
-                      children: c.cta.label
+                      children: u.cta.label
                     }
                   )
                 ] })
               ]
             },
-            c.id
+            u.id
           )) }),
-          t.length > 1 && /* @__PURE__ */ o(A, { children: [
+          t.length > 1 && /* @__PURE__ */ o(P, { children: [
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: h,
+                onClick: x,
                 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(ye, { className: "h-6 w-6 text-gray-900" })
+                children: /* @__PURE__ */ e(ke, { className: "h-6 w-6 text-gray-900" })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: x,
+                onClick: N,
                 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(K, { className: "h-6 w-6 text-gray-900" })
               }
             )
           ] }),
-          t.length > 1 && /* @__PURE__ */ e("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-1.5", children: t.map((c, 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((u, b) => /* @__PURE__ */ e(
             "button",
             {
-              onClick: () => b(p),
+              onClick: () => h(b),
               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 === d,
+              "aria-label": `Ir para slide ${b + 1}`,
+              "aria-current": b === d,
               children: /* @__PURE__ */ e(
                 "span",
                 {
                   className: i(
                     "block rounded-full transition-all",
-                    p === d ? "h-1 w-3 bg-white" : "h-1 w-1 bg-white/40 group-hover:bg-white/60"
+                    b === d ? "h-1 w-3 bg-white" : "h-1 w-1 bg-white/40 group-hover:bg-white/60"
                   )
                 }
               )
             },
-            p
+            b
           )) })
         ]
       }
     ));
   }
 );
-st.displayName = "HeroCarousel";
-function lt({
+lt.displayName = "HeroCarousel";
+function dt({
   className: a,
   children: t,
   viewport: r = !0,
   ...s
 }) {
   return /* @__PURE__ */ o(
-    j.Root,
+    M.Root,
     {
       "data-slot": "navigation-menu",
       "data-viewport": r,
@@ -2003,17 +2008,17 @@ function lt({
       ...s,
       children: [
         t,
-        r && /* @__PURE__ */ e(ft, {})
+        r && /* @__PURE__ */ e(gt, {})
       ]
     }
   );
 }
-function dt({
+function ct({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    j.List,
+    M.List,
     {
       "data-slot": "navigation-menu-list",
       className: i(
@@ -2029,7 +2034,7 @@ function W({
   ...t
 }) {
   return /* @__PURE__ */ e(
-    j.Item,
+    M.Item,
     {
       "data-slot": "navigation-menu-item",
       className: i("relative", a),
@@ -2037,19 +2042,19 @@ function W({
     }
   );
 }
-const ct = L(
+const ut = B(
   "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 ut({
+function mt({
   className: a,
   children: t,
   ...r
 }) {
   return /* @__PURE__ */ o(
-    j.Trigger,
+    M.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
-      className: i(ct(), "group", a),
+      className: i(ut(), "group", a),
       ...r,
       children: [
         t,
@@ -2065,12 +2070,12 @@ function ut({
     }
   );
 }
-function mt({
+function ft({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    j.Content,
+    M.Content,
     {
       "data-slot": "navigation-menu-content",
       className: i(
@@ -2082,7 +2087,7 @@ function mt({
     }
   );
 }
-function ft({
+function gt({
   className: a,
   ...t
 }) {
@@ -2093,7 +2098,7 @@ function ft({
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
       children: /* @__PURE__ */ e(
-        j.Viewport,
+        M.Viewport,
         {
           "data-slot": "navigation-menu-viewport",
           className: i(
@@ -2111,7 +2116,7 @@ function U({
   ...t
 }) {
   return /* @__PURE__ */ e(
-    j.Link,
+    M.Link,
     {
       "data-slot": "navigation-menu-link",
       className: i(
@@ -2122,7 +2127,7 @@ function U({
     }
   );
 }
-function gt({ items: a }) {
+function pt({ items: a }) {
   return /* @__PURE__ */ e("ul", { className: "grid gap-0.5 p-2 min-w-[180px]", role: "none", children: a.map(
     (t) => {
       var r;
@@ -2156,8 +2161,8 @@ function gt({ items: a }) {
 }
 function ee({ item: a, depth: t = 0 }) {
   var n;
-  const [r, s] = z(!1);
-  return !((n = a.children) != null && n.length) ? /* @__PURE__ */ e(Je, { asChild: !0, children: /* @__PURE__ */ e(
+  const [r, s] = C(!1);
+  return !((n = a.children) != null && n.length) ? /* @__PURE__ */ e(et, { asChild: !0, children: /* @__PURE__ */ e(
     "a",
     {
       href: a.href ?? "#",
@@ -2204,11 +2209,11 @@ function ee({ item: a, depth: t = 0 }) {
     )
   ] });
 }
-const pt = N(
-  ({ items: a, logo: t, rightSlot: r, searchSlot: s, drawerFooter: l, className: n, ...d }, u) => /* @__PURE__ */ e(
+const vt = y(
+  ({ items: a, logo: t, rightSlot: r, searchSlot: s, drawerFooter: l, className: n, ...d }, c) => /* @__PURE__ */ e(
     "header",
     {
-      ref: u,
+      ref: c,
       className: i(
         "sticky top-0 z-40 border-b border-[var(--border)] bg-[var(--card)]",
         n
@@ -2220,19 +2225,19 @@ const pt = N(
           s && /* @__PURE__ */ e("div", { className: "hidden flex-1 md:flex", children: s }),
           /* @__PURE__ */ e("div", { className: "flex-1 md:hidden", "aria-hidden": "true" }),
           r && /* @__PURE__ */ e("div", { className: "flex items-center", children: r }),
-          /* @__PURE__ */ o(Oe, { children: [
-            /* @__PURE__ */ e(Ze, { asChild: !0, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ o(Ze, { children: [
+            /* @__PURE__ */ e(Je, { 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(ke, { className: "h-5 w-5", "aria-hidden": "true" })
+                children: /* @__PURE__ */ e(ze, { className: "h-5 w-5", "aria-hidden": "true" })
               }
             ) }),
-            /* @__PURE__ */ o(at, { side: "left", className: "flex flex-col p-0", children: [
-              /* @__PURE__ */ o(rt, { className: "border-b border-[var(--border)] px-5 py-4", children: [
-                /* @__PURE__ */ e(it, { className: "sr-only", children: "Menu de navegação" }),
+            /* @__PURE__ */ o(rt, { side: "left", className: "flex flex-col p-0", children: [
+              /* @__PURE__ */ o(it, { className: "border-b border-[var(--border)] px-5 py-4", children: [
+                /* @__PURE__ */ e(ot, { className: "sr-only", children: "Menu de navegação" }),
                 t && /* @__PURE__ */ e("div", { className: "flex items-center", children: t })
               ] }),
               s && /* @__PURE__ */ e("div", { className: "border-b border-[var(--border)] px-5 py-4", children: s }),
@@ -2253,12 +2258,12 @@ const pt = N(
           {
             "aria-label": "Menu principal",
             className: "hidden border-t border-[var(--border)] py-2 md:flex",
-            children: /* @__PURE__ */ e(lt, { children: /* @__PURE__ */ e(dt, { children: a.map(
+            children: /* @__PURE__ */ e(dt, { children: /* @__PURE__ */ e(ct, { children: a.map(
               (m) => {
                 var f;
                 return (f = m.children) != null && f.length ? /* @__PURE__ */ o(W, { children: [
-                  /* @__PURE__ */ e(ut, { className: "h-9 bg-transparent text-sm text-[var(--foreground)] hover:bg-[var(--accent)]", children: m.label }),
-                  /* @__PURE__ */ e(mt, { children: /* @__PURE__ */ e(gt, { items: m.children }) })
+                  /* @__PURE__ */ e(mt, { className: "h-9 bg-transparent text-sm text-[var(--foreground)] hover:bg-[var(--accent)]", children: m.label }),
+                  /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ e(pt, { items: m.children }) })
                 ] }, m.id) : /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(
                   U,
                   {
@@ -2275,13 +2280,13 @@ const pt = N(
     }
   )
 );
-pt.displayName = "MegaMenu";
-const vt = [
-  { label: "Instagram", href: "https://instagram.com/eloeditora", Icon: ze, key: "instagram" },
-  { label: "Facebook", href: "https://facebook.com/eloeditora", Icon: Ce, key: "facebook" },
-  { label: "YouTube", href: "https://youtube.com/@eloeditora", Icon: Se, key: "youtube" },
-  { label: "LinkedIn", href: "https://linkedin.com/company/eloeditora", Icon: De, key: "linkedin" }
-], bt = [
+vt.displayName = "MegaMenu";
+const bt = [
+  { label: "Instagram", href: "https://instagram.com/eloeditora", Icon: Ce, key: "instagram" },
+  { label: "Facebook", href: "https://facebook.com/eloeditora", Icon: Se, key: "facebook" },
+  { label: "YouTube", href: "https://youtube.com/@eloeditora", Icon: De, key: "youtube" },
+  { label: "LinkedIn", href: "https://linkedin.com/company/eloeditora", Icon: je, key: "linkedin" }
+], ht = [
   {
     id: "catalogo",
     title: "Catálogo",
@@ -2314,10 +2319,10 @@ const vt = [
     ]
   }
 ];
-function ht({ onSubmit: a }) {
-  const [t, r] = z(""), [s, l] = z(!1);
+function xt({ onSubmit: a }) {
+  const [t, r] = C(""), [s, l] = C(!1);
   return /* @__PURE__ */ e("div", { className: "mx-auto w-full bg-[var(--brand-primary)] py-8 md:py-10 lg:py-12", style: { maxWidth: "var(--container-max)" }, children: /* @__PURE__ */ o("div", { className: "mx-auto max-w-lg px-[var(--container-px)] text-center", children: [
-    /* @__PURE__ */ e(je, { className: "mx-auto mb-4 h-10 w-10 text-white", "aria-hidden": "true" }),
+    /* @__PURE__ */ e(Me, { className: "mx-auto mb-4 h-10 w-10 text-white", "aria-hidden": "true" }),
     /* @__PURE__ */ e("h2", { className: "text-xl font-semibold text-white sm:text-2xl", children: "Receba novidades e ofertas exclusivas" }),
     /* @__PURE__ */ e("p", { className: "mt-2 text-sm", style: { color: "rgba(255,255,255,0.85)" }, children: "Cadastre-se e fique por dentro dos lançamentos. Sem spam." }),
     s ? /* @__PURE__ */ e("p", { className: "mt-6 text-sm font-medium text-white", children: "Obrigado! Você está na lista. ✓" }) : /* @__PURE__ */ o("form", { onSubmit: (d) => {
@@ -2348,8 +2353,8 @@ function ht({ onSubmit: a }) {
     ] })
   ] }) });
 }
-function xt({ title: a, links: t }) {
-  const [r, s] = z(!1);
+function Nt({ title: a, links: t }) {
+  const [r, s] = C(!1);
   return /* @__PURE__ */ o("div", { className: "border-b border-[var(--border)] md:border-none", children: [
     /* @__PURE__ */ o(
       "button",
@@ -2391,36 +2396,36 @@ function xt({ title: a, links: t }) {
     )
   ] });
 }
-const Nt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, playStoreUrl: s, appStoreUrl: l, orgInfo: n, navColumns: d, className: u, ...m }) => {
-  const [f, v] = z("light");
-  _(() => {
-    const k = document.documentElement;
-    v(k.getAttribute("data-theme") ?? "light");
-    const R = new MutationObserver(() => {
-      v(k.getAttribute("data-theme") ?? "light");
+const wt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, playStoreUrl: s, appStoreUrl: l, orgInfo: n, navColumns: d, className: c, ...m }) => {
+  const [f, v] = C("light");
+  L(() => {
+    const z = document.documentElement;
+    v(z.getAttribute("data-theme") ?? "light");
+    const E = new MutationObserver(() => {
+      v(z.getAttribute("data-theme") ?? "light");
     });
-    return R.observe(k, { attributes: !0, attributeFilter: ["data-theme"] }), () => R.disconnect();
+    return E.observe(z, { attributes: !0, attributeFilter: ["data-theme"] }), () => E.disconnect();
   }, []);
-  const g = a === "perabook" ? f === "dark" ? "/logos/logo_PeraBook_institucional_tarja_branca.png" : "/logos/PeraBook_instituicional.png" : f === "dark" ? "/logos/logo_elo_editora_texto_branco.png" : "/logos/logo_elo_institucional.png", b = a === "perabook" ? "PeraBook" : "Elo Editora", h = vt.map((k) => ({
-    ...k,
-    href: (n == null ? void 0 : n[k.key]) ?? k.href
-  })).filter((k) => k.href), x = (n == null ? void 0 : n.email) ?? "contato@grupoeloediorial.com.br", c = (n == null ? void 0 : n.phone) ?? "(11) 3000-0000", p = n == null ? void 0 : n.fullAddress, w = f === "dark" && (n == null ? void 0 : n.googlePlayBadgeUrlDark) || (n == null ? void 0 : n.googlePlayBadgeUrl) || "", S = f === "dark" && (n == null ? void 0 : n.appStoreBadgeUrlDark) || (n == null ? void 0 : n.appStoreBadgeUrl) || "", P = !!(w || S);
+  const p = a === "perabook" ? f === "dark" ? "/logos/logo_PeraBook_institucional_tarja_branca.png" : "/logos/PeraBook_instituicional.png" : f === "dark" ? "/logos/logo_elo_editora_texto_branco.png" : "/logos/logo_elo_institucional.png", h = a === "perabook" ? "PeraBook" : "Elo Editora", x = bt.map((z) => ({
+    ...z,
+    href: (n == null ? void 0 : n[z.key]) ?? z.href
+  })).filter((z) => z.href), N = (n == null ? void 0 : n.email) ?? "contato@grupoeloediorial.com.br", u = (n == null ? void 0 : n.phone) ?? "(11) 3000-0000", b = n == null ? void 0 : n.fullAddress, g = f === "dark" && (n == null ? void 0 : n.googlePlayBadgeUrlDark) || (n == null ? void 0 : n.googlePlayBadgeUrl) || "", w = f === "dark" && (n == null ? void 0 : n.appStoreBadgeUrlDark) || (n == null ? void 0 : n.appStoreBadgeUrl) || "", j = !!(g || w);
   return /* @__PURE__ */ o(
     "footer",
     {
-      className: i("border-t border-[var(--border)] bg-[var(--card)] text-[var(--foreground)]", u),
+      className: i("border-t border-[var(--border)] bg-[var(--card)] text-[var(--foreground)]", c),
       "aria-label": "Rodapé do site",
       ...m,
       children: [
-        r !== void 0 ? r : /* @__PURE__ */ e(ht, { onSubmit: t }),
+        r !== void 0 ? r : /* @__PURE__ */ e(xt, { onSubmit: t }),
         /* @__PURE__ */ o("div", { className: "mx-auto max-w-screen-xl px-4", children: [
           /* @__PURE__ */ o("div", { className: "py-10 md:grid md:grid-cols-5 md:gap-8", children: [
             /* @__PURE__ */ o("div", { className: "mb-8 md:mb-0", children: [
               /* @__PURE__ */ e(
                 "img",
                 {
-                  src: g,
-                  alt: b,
+                  src: p,
+                  alt: h,
                   width: 160,
                   height: 53,
                   className: "h-14 w-auto object-contain"
@@ -2428,17 +2433,18 @@ const Nt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
               ),
               /* @__PURE__ */ o("div", { className: "mt-6 space-y-1 text-sm", children: [
                 /* @__PURE__ */ e("p", { className: "text-[var(--muted-foreground)]", children: "Atendimento:" }),
-                /* @__PURE__ */ e("p", { className: "font-medium text-[var(--foreground)]", children: x }),
-                /* @__PURE__ */ e("p", { className: "font-medium text-[var(--foreground)]", children: c }),
-                p && /* @__PURE__ */ e("p", { className: "whitespace-pre-line text-[var(--muted-foreground)]", children: p })
+                /* @__PURE__ */ e("p", { className: "font-medium text-[var(--foreground)]", children: N }),
+                /* @__PURE__ */ e("p", { className: "font-medium text-[var(--foreground)]", children: u }),
+                b && /* @__PURE__ */ e("p", { className: "whitespace-pre-line text-[var(--muted-foreground)]", children: b.replace(/\\n/g, `
+`) })
               ] })
             ] }),
-            (d ?? bt).map((k) => /* @__PURE__ */ e(xt, { title: k.title, links: k.links }, k.id)),
+            (d ?? ht).map((z) => /* @__PURE__ */ e(Nt, { title: z.title, links: z.links }, z.id)),
             /* @__PURE__ */ o("div", { className: "mb-8 md:mb-0", children: [
-              P && /* @__PURE__ */ o(A, { children: [
+              j && /* @__PURE__ */ o(P, { children: [
                 /* @__PURE__ */ e("p", { className: "text-sm font-semibold uppercase tracking-wide text-[var(--foreground)]", children: "Baixe nosso app" }),
                 /* @__PURE__ */ o("div", { className: "mt-3 flex flex-col gap-2", children: [
-                  w && /* @__PURE__ */ e(
+                  g && /* @__PURE__ */ e(
                     "a",
                     {
                       href: s ?? "#",
@@ -2449,17 +2455,17 @@ const Nt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
                       children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: w,
+                          src: g,
                           alt: "Disponível no Google Play",
                           width: 135,
                           height: 40,
                           className: "h-10 w-[135px] object-contain"
                         },
-                        w
+                        g
                       )
                     }
                   ),
-                  S && /* @__PURE__ */ e(
+                  w && /* @__PURE__ */ e(
                     "a",
                     {
                       href: l ?? "#",
@@ -2470,30 +2476,30 @@ const Nt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
                       children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: S,
+                          src: w,
                           alt: "Disponível na App Store",
                           width: 135,
                           height: 40,
                           className: "h-10 w-[135px] object-contain"
                         },
-                        S
+                        w
                       )
                     }
                   )
                 ] })
               ] }),
               /* @__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: h.map(({ label: k, href: R, Icon: te }) => /* @__PURE__ */ e(
+              /* @__PURE__ */ e("div", { className: "mt-3 flex flex-wrap gap-2", "aria-label": "Compartilhe nas redes sociais", children: x.map(({ label: z, href: E, Icon: te }) => /* @__PURE__ */ e(
                 "a",
                 {
-                  href: R,
+                  href: E,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  "aria-label": k,
+                  "aria-label": z,
                   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(te, { className: "h-4 w-4", "aria-hidden": "true" })
                 },
-                k
+                z
               )) })
             ] })
           ] }),
@@ -2514,8 +2520,8 @@ const Nt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
     }
   );
 };
-Nt.displayName = "Footer";
-function sa({ children: a, className: t }) {
+wt.displayName = "Footer";
+function la({ children: a, className: t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2528,7 +2534,7 @@ function sa({ children: a, className: t }) {
     }
   );
 }
-const wt = {
+const yt = {
   1: "col-span-1",
   2: "col-span-2",
   3: "col-span-3",
@@ -2536,77 +2542,77 @@ const wt = {
   5: "col-span-5",
   6: "col-span-6"
 };
-function la({ children: a, span: t, className: r }) {
-  return /* @__PURE__ */ e("div", { "data-slot": "col", className: i("min-w-0", t && wt[t], r), children: a });
+function da({ children: a, span: t, className: r }) {
+  return /* @__PURE__ */ e("div", { "data-slot": "col", className: i("min-w-0", t && yt[t], r), children: a });
 }
 export {
-  Ht as Accordion,
-  Xt as AccordionContent,
-  Qt as AccordionItem,
-  Wt as AccordionTrigger,
+  Qt as Accordion,
+  Yt as AccordionContent,
+  Wt as AccordionItem,
+  Xt as AccordionTrigger,
   Le as Avatar,
-  E as Badge,
-  Vt as Breadcrumb,
-  It as BreadcrumbItem,
-  Ut as BreadcrumbLink,
-  Ft as BreadcrumbList,
-  qt as BreadcrumbPage,
-  Gt as BreadcrumbSeparator,
+  R as Badge,
+  Ft as Breadcrumb,
+  Ut as BreadcrumbItem,
+  qt as BreadcrumbLink,
+  It as BreadcrumbList,
+  Gt as BreadcrumbPage,
+  Ht as BreadcrumbSeparator,
   D as Button,
   Rt as Checkbox,
-  la as Col,
-  ot as Container,
-  ea as DialogContent,
-  ia as DialogDescription,
-  aa as DialogFooter,
-  ta as DialogHeader,
-  ra as DialogTitle,
-  Jt as DialogTrigger,
-  Te as Divider,
-  Oe as Drawer,
+  da as Col,
+  nt as Container,
+  ta as DialogContent,
+  oa as DialogDescription,
+  ra as DialogFooter,
+  aa as DialogHeader,
+  ia as DialogTitle,
+  ea as DialogTrigger,
+  $e as Divider,
+  Ze as Drawer,
   J as EmptyState,
-  We as ErrorState,
-  Nt as Footer,
-  Ge as FormGroup,
-  sa as Grid,
-  Qe as Hero,
-  st as HeroCarousel,
-  Mt as Input,
-  pt as MegaMenu,
-  Zt as Modal,
-  Ue as PriceDisplay,
+  Xe as ErrorState,
+  wt as Footer,
+  He as FormGroup,
+  la as Grid,
+  We as Hero,
+  lt as HeroCarousel,
+  At as Input,
+  vt as MegaMenu,
+  Jt as Modal,
+  qe as PriceDisplay,
   I as ProductCard,
-  Xe as ProductGrid,
-  fa as ProgressBar,
-  qe as QuantitySelector,
-  Et as RadioGroup,
-  Tt as RadioGroupItem,
+  Ye as ProductGrid,
+  ga as ProgressBar,
+  Ge as QuantitySelector,
+  Tt as RadioGroup,
+  $t as RadioGroupItem,
   F as Rating,
-  Ie as SearchBar,
+  Ue as SearchBar,
   Pt as Select,
-  Bt as SelectContent,
+  Et as SelectContent,
   Lt as SelectItem,
-  _t as SelectTrigger,
-  At as SelectValue,
-  at as SheetContent,
-  na as SheetDescription,
-  oa as SheetFooter,
-  rt as SheetHeader,
-  it as SheetTitle,
-  Ze as SheetTrigger,
-  Ee as Spinner,
-  Ae as Textarea,
-  $t as Toggle,
-  Yt as Tooltip,
-  Ot as TooltipContent,
-  He as TooltipProvider,
-  Kt as TooltipTrigger,
-  nt as TopAccessibilityBar,
-  Be as avatarVariants,
-  _e as badgeVariants,
+  Bt as SelectTrigger,
+  _t as SelectValue,
+  rt as SheetContent,
+  sa as SheetDescription,
+  na as SheetFooter,
+  it as SheetHeader,
+  ot as SheetTitle,
+  Je as SheetTrigger,
+  Te as Spinner,
+  _e as Textarea,
+  Vt as Toggle,
+  Kt as Tooltip,
+  Zt as TooltipContent,
+  Qe as TooltipProvider,
+  Ot as TooltipTrigger,
+  st as TopAccessibilityBar,
+  Ee as avatarVariants,
+  Be as badgeVariants,
   Pe as buttonVariants,
   i as cn,
   Re as spinnerVariants,
-  ua as toast
+  ma as toast
 };
 //# sourceMappingURL=index.js.map