@grupo-elo-editorial/shared-ui-react 1.3.9 → 1.3.12

package/dist/index.js

@@ -1,25 +1,25 @@
 "use client";
 import { clsx as Z } from "clsx";
 import { twMerge as J } from "tailwind-merge";
-import { jsx as e, jsxs as o, Fragment as P } from "react/jsx-runtime";
+import { jsx as e, jsxs as o, Fragment as L } from "react/jsx-runtime";
 import { forwardRef as w, useState as k, useEffect as M } from "react";
-import { Loader2 as V, User as ee, Star as te, CheckIcon as U, ChevronDownIcon as _, ChevronUpIcon as ae, CircleIcon as re, ShoppingCart as E, Heart as ie, Search as Q, X as oe, 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 O, Accessibility as fe, ZoomOut as ge, ZoomIn as pe, Moon as ve, Sun as be, ChevronLeft as he, Menu as xe, ChevronDown as K, Instagram as Ne, Facebook as we, Youtube as ye, Linkedin as ke, Mail as ze } from "lucide-react";
-import { cva as I } from "class-variance-authority";
+import { Loader2 as V, User as ee, Star as te, CheckIcon as H, ChevronDownIcon as B, ChevronUpIcon as ae, CircleIcon as re, ShoppingCart as E, Heart as ie, Search as Q, X as oe, 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 O, Accessibility as fe, ZoomOut as ge, ZoomIn as pe, Moon as ve, Sun as be, ChevronLeft as he, Menu as xe, ChevronDown as K, Instagram as Ne, Facebook as we, Youtube as ye, Linkedin as ke, Mail as ze } 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 R from "@radix-ui/react-radio-group";
 import * as q from "@radix-ui/react-switch";
 import { Slot as Ce } from "@radix-ui/react-slot";
 import * as A from "@radix-ui/react-accordion";
-import * as j from "@radix-ui/react-tooltip";
+import * as D from "@radix-ui/react-tooltip";
 import { toast as na } from "sonner";
 import { Progress as la } from "@radix-ui/react-progress";
 import * as y from "@radix-ui/react-dialog";
-import * as D from "@radix-ui/react-navigation-menu";
+import * as j from "@radix-ui/react-navigation-menu";
 function i(...a) {
   return J(Z(a));
 }
-const Se = I(
+const Se = 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: {
@@ -51,9 +51,9 @@ const Se = I(
     variant: t,
     size: r,
     fullWidth: n,
-    isLoading: s,
-    leftIcon: d,
-    rightIcon: l,
+    isLoading: l,
+    leftIcon: s,
+    rightIcon: d,
     children: m,
     disabled: f,
     ...g
@@ -62,22 +62,22 @@ const Se = I(
     {
       className: i(Se({ variant: t, size: r, fullWidth: n, className: a })),
       ref: v,
-      disabled: f || s,
+      disabled: f || l,
       ...g,
-      children: s ? /* @__PURE__ */ o(P, { children: [
+      children: l ? /* @__PURE__ */ o(L, { children: [
         /* @__PURE__ */ e(V, { className: "h-4 w-4 animate-spin" }),
         m && /* @__PURE__ */ e("span", { children: m })
-      ] }) : /* @__PURE__ */ o(P, { children: [
-        d && /* @__PURE__ */ e("span", { className: "inline-flex", children: d }),
+      ] }) : /* @__PURE__ */ o(L, { children: [
+        s && /* @__PURE__ */ e("span", { className: "inline-flex", children: s }),
         m,
-        l && /* @__PURE__ */ e("span", { className: "inline-flex", children: l })
+        d && /* @__PURE__ */ e("span", { className: "inline-flex", children: d })
       ] })
     }
   )
 );
 C.displayName = "Button";
-const De = w(
-  ({ className: a, error: t, helperText: r, ...n }, s) => /* @__PURE__ */ o("div", { className: "w-full", children: [
+const je = w(
+  ({ className: a, error: t, helperText: r, ...n }, l) => /* @__PURE__ */ o("div", { className: "w-full", children: [
     /* @__PURE__ */ e(
       "textarea",
       {
@@ -90,7 +90,7 @@ const De = w(
           t && "border-[var(--destructive)] focus-visible:ring-[var(--destructive)]",
           a
         ),
-        ref: s,
+        ref: l,
         ...n
       }
     ),
@@ -106,8 +106,8 @@ const De = w(
     )
   ] })
 );
-De.displayName = "Textarea";
-const je = I(
+je.displayName = "Textarea";
+const De = P(
   "inline-flex items-center rounded-full font-medium transition-colors whitespace-nowrap",
   {
     variants: {
@@ -131,20 +131,20 @@ const je = I(
       size: "md"
     }
   }
-), L = w(
-  ({ className: a, variant: t, size: r, icon: n, onRemove: s, children: d, ...l }, m) => /* @__PURE__ */ o(
+), _ = w(
+  ({ className: a, variant: t, size: r, icon: n, onRemove: l, children: s, ...d }, m) => /* @__PURE__ */ o(
     "div",
     {
       ref: m,
-      className: i(je({ variant: t, size: r }), a),
-      ...l,
+      className: i(De({ variant: t, size: r }), a),
+      ...d,
       children: [
         n && /* @__PURE__ */ e("span", { className: "mr-1 inline-flex", children: n }),
-        d,
-        s && /* @__PURE__ */ e(
+        s,
+        l && /* @__PURE__ */ e(
           "button",
           {
-            onClick: s,
+            onClick: l,
             className: "ml-1 inline-flex hover:opacity-70 focus:outline-none focus:ring-1 focus:ring-[var(--ring)] rounded-full",
             "aria-label": "Remove",
             children: "×"
@@ -154,8 +154,8 @@ const je = I(
     }
   )
 );
-L.displayName = "Badge";
-const Me = I(
+_.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: {
@@ -171,7 +171,7 @@ const Me = I(
     }
   }
 ), Ae = w(
-  ({ className: a, size: t, src: r, alt: n, name: s, showStatus: d, statusType: l = "online", ...m }, f) => {
+  ({ className: a, size: t, src: r, alt: n, name: l, showStatus: s, statusType: d = "online", ...m }, f) => {
     const [g, v] = k(!1), p = (h) => h.split(" ").map((c) => c[0]).join("").toUpperCase().slice(0, 2), b = {
       online: "bg-[var(--success)]",
       offline: "bg-[var(--muted-foreground)]",
@@ -188,28 +188,28 @@ const Me = I(
         "img",
         {
           src: r,
-          alt: n || s || "Avatar",
+          alt: n || l || "Avatar",
           onError: () => v(!0),
           className: "h-full w-full object-cover",
           ...m
         }
-      ) : s ? /* @__PURE__ */ e("span", { className: "font-medium", children: p(s) }) : /* @__PURE__ */ e(ee, { className: "h-1/2 w-1/2" }),
-      d && /* @__PURE__ */ e(
+      ) : l ? /* @__PURE__ */ e("span", { className: "font-medium", children: p(l) }) : /* @__PURE__ */ e(ee, { className: "h-1/2 w-1/2" }),
+      s && /* @__PURE__ */ e(
         "span",
         {
           className: i(
             "absolute bottom-0 right-0 rounded-full border-[var(--background)]",
-            b[l],
+            b[d],
             x[t || "md"]
           ),
-          "aria-label": `Status: ${l}`
+          "aria-label": `Status: ${d}`
         }
       )
     ] });
   }
 );
 Ae.displayName = "Avatar";
-const Ie = I("animate-spin text-[var(--brand-primary)]", {
+const Pe = P("animate-spin text-[var(--brand-primary)]", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -221,26 +221,26 @@ const Ie = I("animate-spin text-[var(--brand-primary)]", {
   defaultVariants: {
     size: "md"
   }
-}), Pe = w(
-  ({ className: a, size: t, label: r, ...n }, s) => /* @__PURE__ */ o(
+}), Le = w(
+  ({ className: a, size: t, label: r, ...n }, l) => /* @__PURE__ */ o(
     "div",
     {
-      ref: s,
+      ref: l,
       role: "status",
       "aria-label": r || "Loading",
       className: i("inline-flex items-center justify-center", a),
       ...n,
       children: [
-        /* @__PURE__ */ e(V, { className: i(Ie({ size: t })) }),
+        /* @__PURE__ */ e(V, { className: i(Pe({ size: t })) }),
         /* @__PURE__ */ e("span", { className: "sr-only", children: r || "Loading" })
       ]
     }
   )
 );
-Pe.displayName = "Spinner";
-const Le = w(
-  ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: n, ...s }, d) => {
-    const l = {
+Le.displayName = "Spinner";
+const _e = w(
+  ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: n, ...l }, s) => {
+    const d = {
       solid: "border-solid",
       dashed: "border-dashed",
       dotted: "border-dotted"
@@ -249,12 +249,12 @@ const Le = w(
       /* @__PURE__ */ e(
         "hr",
         {
-          ref: d,
+          ref: s,
           className: i(
             "flex-1 border-[var(--border)]",
-            l[r]
+            d[r]
           ),
-          ...s
+          ...l
         }
       ),
       /* @__PURE__ */ e("span", { className: "text-sm text-[var(--muted-foreground)]", children: n }),
@@ -263,37 +263,37 @@ const Le = w(
         {
           className: i(
             "flex-1 border-[var(--border)]",
-            l[r]
+            d[r]
           )
         }
       )
     ] }) : /* @__PURE__ */ e(
       "hr",
       {
-        ref: d,
+        ref: s,
         role: "separator",
         "aria-orientation": t,
         className: i(
           "border-[var(--border)]",
-          l[r],
+          d[r],
           t === "vertical" ? "h-full w-px border-l" : "w-full border-t my-4",
           a
         ),
-        ...s
+        ...l
       }
     );
   }
 );
-Le.displayName = "Divider";
+_e.displayName = "Divider";
 const T = w(
   ({
     className: a,
     value: t = 0,
     maxRating: r = 5,
     size: n = "md",
-    readonly: s = !1,
-    onChange: d,
-    showValue: l = !1,
+    readonly: l = !1,
+    onChange: s,
+    showValue: d = !1,
     ...m
   }, f) => {
     const [g, v] = k(0), p = {
@@ -301,7 +301,7 @@ const T = w(
       md: "h-5 w-5",
       lg: "h-6 w-6"
     }, b = (h) => {
-      !s && d && d(h);
+      !l && s && s(h);
     }, x = g || t;
     return /* @__PURE__ */ o(
       "div",
@@ -318,13 +318,13 @@ const T = w(
               "button",
               {
                 type: "button",
-                disabled: s,
+                disabled: l,
                 onClick: () => b(h),
-                onMouseEnter: () => !s && v(h),
-                onMouseLeave: () => !s && v(0),
+                onMouseEnter: () => !l && v(h),
+                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",
-                  s ? "cursor-default" : "cursor-pointer hover:scale-110"
+                  l ? "cursor-default" : "cursor-pointer hover:scale-110"
                 ),
                 "aria-label": `Rate ${h} out of ${r}`,
                 children: /* @__PURE__ */ e(
@@ -341,7 +341,7 @@ const T = w(
               h
             );
           }) }),
-          l && /* @__PURE__ */ e("span", { className: "ml-1 text-sm font-medium text-[var(--foreground)]", children: t.toFixed(1) })
+          d && /* @__PURE__ */ e("span", { className: "ml-1 text-sm font-medium text-[var(--foreground)]", children: t.toFixed(1) })
         ]
       }
     );
@@ -374,7 +374,7 @@ function St({
 }) {
   return /* @__PURE__ */ e(z.Value, { "data-slot": "select-value", ...a });
 }
-function Dt({
+function jt({
   className: a,
   size: t = "default",
   children: r,
@@ -392,12 +392,12 @@ function Dt({
       ...n,
       children: [
         r,
-        /* @__PURE__ */ e(z.Icon, { asChild: !0, children: /* @__PURE__ */ e(_, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ e(z.Icon, { asChild: !0, children: /* @__PURE__ */ e(B, { className: "size-4 opacity-50" }) })
       ]
     }
   );
 }
-function jt({
+function Dt({
   className: a,
   children: t,
   position: r = "popper",
@@ -415,7 +415,7 @@ function jt({
       position: r,
       ...n,
       children: [
-        /* @__PURE__ */ e(_e, {}),
+        /* @__PURE__ */ e(Be, {}),
         /* @__PURE__ */ e(
           z.Viewport,
           {
@@ -446,13 +446,13 @@ function Mt({
       ),
       ...r,
       children: [
-        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(z.ItemIndicator, { children: /* @__PURE__ */ e(U, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(z.ItemIndicator, { children: /* @__PURE__ */ e(H, { className: "size-4" }) }) }),
         /* @__PURE__ */ e(z.ItemText, { children: t })
       ]
     }
   );
 }
-function _e({
+function Be({
   className: a,
   ...t
 }) {
@@ -482,7 +482,7 @@ function Ee({
         a
       ),
       ...t,
-      children: /* @__PURE__ */ e(_, { className: "size-4" })
+      children: /* @__PURE__ */ e(B, { className: "size-4" })
     }
   );
 }
@@ -504,13 +504,13 @@ function At({
         {
           "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(H, { className: "size-3.5" })
         }
       )
     }
   );
 }
-function It({
+function Pt({
   className: a,
   ...t
 }) {
@@ -523,7 +523,7 @@ function It({
     }
   );
 }
-function Pt({
+function Lt({
   className: a,
   ...t
 }) {
@@ -547,7 +547,7 @@ function Pt({
     }
   );
 }
-function Lt({
+function _t({
   className: a,
   ...t
 }) {
@@ -579,15 +579,15 @@ 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 B = w(
+const $ = w(
   ({
     className: a,
     image: t,
     title: r,
     author: n,
-    price: s,
-    originalPrice: d,
-    rating: l,
+    price: l,
+    originalPrice: s,
+    rating: d,
     reviewCount: m,
     badge: f,
     badgeVariant: g = "default",
@@ -662,8 +662,8 @@ const B = w(
             }
           ) : /* @__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__ */ o("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ e(T, { value: l, size: "sm", readonly: !0 }),
+          d !== void 0 && /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ e(T, { value: d, size: "sm", readonly: !0 }),
             m !== void 0 && /* @__PURE__ */ o("span", { className: "text-xs text-[var(--muted-foreground)]", children: [
               "(",
               m,
@@ -673,11 +673,11 @@ const B = w(
           /* @__PURE__ */ o("div", { className: "flex items-baseline gap-2", children: [
             /* @__PURE__ */ o("span", { className: "text-base font-bold text-[var(--foreground)]", children: [
               "R$ ",
-              s.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+              l.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] }),
-            d && d > s && /* @__PURE__ */ o("span", { className: "text-xs text-[var(--muted-foreground)] line-through", children: [
+            s && s > l && /* @__PURE__ */ o("span", { className: "text-xs text-[var(--muted-foreground)] line-through", children: [
               "R$ ",
-              d.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+              s.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] })
           ] }),
           b && /* @__PURE__ */ e(
@@ -721,8 +721,8 @@ const B = w(
                   className: "h-full w-full object-contain transition-transform group-hover:scale-105"
                 }
               ),
-              f && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ e(L, { variant: g, children: f }) }),
-              p && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(L, { variant: "danger", size: "lg", children: "Esgotado" }) })
+              f && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ e(_, { variant: g, children: f }) }),
+              p && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(_, { variant: "danger", size: "lg", children: "Esgotado" }) })
             ]
           }
         ),
@@ -753,8 +753,8 @@ const B = w(
             }
           ) : /* @__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__ */ o("div", { className: "mt-2 flex items-center gap-2", children: [
-            /* @__PURE__ */ e(T, { value: l, size: "sm", readonly: !0 }),
+          d !== void 0 && /* @__PURE__ */ o("div", { className: "mt-2 flex items-center gap-2", children: [
+            /* @__PURE__ */ e(T, { value: d, size: "sm", readonly: !0 }),
             m !== void 0 && /* @__PURE__ */ o("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
               "(",
               m,
@@ -764,11 +764,11 @@ const B = w(
           /* @__PURE__ */ o("div", { className: "mt-3 flex items-baseline gap-2", children: [
             /* @__PURE__ */ o("span", { className: "text-xl font-bold text-[var(--foreground)]", children: [
               "R$ ",
-              s.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+              l.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] }),
-            d && d > s && /* @__PURE__ */ o("span", { className: "text-sm text-[var(--muted-foreground)] line-through", children: [
+            s && s > l && /* @__PURE__ */ o("span", { className: "text-sm text-[var(--muted-foreground)] line-through", children: [
               "R$ ",
-              d.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+              s.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] })
           ] }),
           b && /* @__PURE__ */ e(
@@ -794,28 +794,28 @@ const B = w(
     }
   )
 );
-B.displayName = "ProductCard";
+$.displayName = "ProductCard";
 const Re = w(
   ({
     className: a,
     onSearch: t,
     onClear: r,
     isLoading: n = !1,
-    size: s = "md",
-    placeholder: d = "Buscar...",
-    value: l,
+    size: l = "md",
+    placeholder: s = "Buscar...",
+    value: d,
     onChange: m,
     ...f
   }, g) => {
-    const [v, p] = k(""), b = l !== void 0 ? l : v, x = {
+    const [v, p] = k(""), b = d !== void 0 ? d : v, x = {
       sm: "h-9 text-sm",
       md: "h-11 text-base",
       lg: "h-14 text-lg"
     }, h = (N) => {
       const S = N.target.value;
-      l === void 0 && p(S), m == null || m(N);
+      d === void 0 && p(S), m == null || m(N);
     }, c = () => {
-      l === void 0 && p(""), r == null || r();
+      d === void 0 && p(""), r == null || r();
     }, u = (N) => {
       N.key === "Enter" && t && t(b);
     };
@@ -829,13 +829,13 @@ const Re = w(
           value: b,
           onChange: h,
           onKeyDown: u,
-          placeholder: d,
+          placeholder: s,
           className: i(
             "w-full rounded-lg border-2 border-[var(--border)] bg-[var(--input-background)] pl-10 pr-10 font-normal transition-colors",
             "placeholder:text-[var(--muted-foreground)]",
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
             "disabled:cursor-not-allowed disabled:opacity-50",
-            x[s]
+            x[l]
           ),
           ...f
         }
@@ -863,9 +863,9 @@ const Te = w(
     price: t,
     originalPrice: r,
     currency: n = "R$",
-    size: s = "md",
-    showDiscount: d = !0,
-    installments: l,
+    size: l = "md",
+    showDiscount: s = !0,
+    installments: d,
     ...m
   }, f) => {
     const g = r && r > t ? Math.round((r - t) / r * 100) : 0, v = {
@@ -882,7 +882,7 @@ const Te = w(
     return /* @__PURE__ */ o("div", { ref: f, className: i("flex flex-col gap-1", a), ...m, 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[s]), children: [
+          /* @__PURE__ */ o("span", { className: i("font-bold text-[var(--foreground)]", v[l]), children: [
             n,
             " ",
             t.toFixed(2)
@@ -892,7 +892,7 @@ const Te = w(
             {
               className: i(
                 "text-[var(--muted-foreground)] line-through",
-                p[s]
+                p[l]
               ),
               children: [
                 n,
@@ -902,44 +902,44 @@ const Te = w(
             }
           )
         ] }),
-        d && g > 0 && /* @__PURE__ */ o(L, { variant: "success", size: "sm", children: [
+        s && g > 0 && /* @__PURE__ */ o(_, { variant: "success", size: "sm", children: [
           "-",
           g,
           "%"
         ] })
       ] }),
-      l && /* @__PURE__ */ o("p", { className: "text-sm text-[var(--muted-foreground)]", children: [
+      d && /* @__PURE__ */ o("p", { className: "text-sm text-[var(--muted-foreground)]", children: [
         "ou ",
-        l.count,
+        d.count,
         "x de ",
         n,
         " ",
-        l.value.toFixed(2),
+        d.value.toFixed(2),
         " sem juros"
       ] })
     ] });
   }
 );
 Te.displayName = "PriceDisplay";
-const Be = w(
+const $e = w(
   ({
     className: a,
     value: t,
     min: r = 1,
     max: n = 99,
-    onChange: s,
-    size: d = "md",
-    disabled: l = !1,
+    onChange: l,
+    size: s = "md",
+    disabled: d = !1,
     showLabel: m = !1,
     ...f
   }, g) => {
     const v = () => {
-      t < n && s(t + 1);
+      t < n && l(t + 1);
     }, p = () => {
-      t > r && s(t - 1);
+      t > r && l(t - 1);
     }, b = (c) => {
       const u = parseInt(c.target.value);
-      !isNaN(u) && u >= r && u <= n && s(u);
+      !isNaN(u) && u >= r && u <= n && l(u);
     }, x = {
       sm: "h-8 w-8",
       md: "h-10 w-10",
@@ -959,8 +959,8 @@ const Be = w(
             variant: "secondary",
             size: "sm",
             onClick: p,
-            disabled: l || t <= r,
-            className: i(x[d], "p-0"),
+            disabled: d || t <= r,
+            className: i(x[s], "p-0"),
             "aria-label": "Decrease quantity",
             children: /* @__PURE__ */ e(ne, { className: "h-4 w-4" })
           }
@@ -973,13 +973,13 @@ const Be = w(
             onChange: b,
             min: r,
             max: n,
-            disabled: l,
+            disabled: d,
             className: i(
               "rounded-lg border-2 border-[var(--border)] bg-[var(--input-background)] text-center font-medium transition-colors",
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
               "disabled:cursor-not-allowed disabled:opacity-50",
               "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
-              h[d]
+              h[s]
             ),
             "aria-label": "Quantity"
           }
@@ -991,8 +991,8 @@ const Be = w(
             variant: "secondary",
             size: "sm",
             onClick: v,
-            disabled: l || t >= n,
-            className: i(x[d], "p-0"),
+            disabled: d || t >= n,
+            className: i(x[s], "p-0"),
             "aria-label": "Increase quantity",
             children: /* @__PURE__ */ e(se, { className: "h-4 w-4" })
           }
@@ -1001,9 +1001,9 @@ const Be = w(
     ] });
   }
 );
-Be.displayName = "QuantitySelector";
-const $e = w(
-  ({ className: a, label: t, htmlFor: r, required: n, error: s, helperText: d, children: l, ...m }, f) => /* @__PURE__ */ o("div", { ref: f, className: i("flex flex-col gap-1.5", a), ...m, children: [
+$e.displayName = "QuantitySelector";
+const Ie = w(
+  ({ className: a, label: t, htmlFor: r, required: n, error: l, helperText: s, children: d, ...m }, f) => /* @__PURE__ */ o("div", { ref: f, className: i("flex flex-col gap-1.5", a), ...m, children: [
     t && /* @__PURE__ */ o(
       "label",
       {
@@ -1015,21 +1015,21 @@ const $e = w(
         ]
       }
     ),
-    l,
-    (s || d) && /* @__PURE__ */ e(
+    d,
+    (l || s) && /* @__PURE__ */ e(
       "p",
       {
         className: i(
           "text-sm",
-          s ? "text-[var(--destructive)]" : "text-[var(--muted-foreground)]"
+          l ? "text-[var(--destructive)]" : "text-[var(--muted-foreground)]"
         ),
-        children: s || d
+        children: l || s
       }
     )
   ] })
 );
-$e.displayName = "FormGroup";
-function _t({ ...a }) {
+Ie.displayName = "FormGroup";
+function Bt({ ...a }) {
   return /* @__PURE__ */ e("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...a });
 }
 function Et({ className: a, ...t }) {
@@ -1069,7 +1069,7 @@ function Tt({
     }
   );
 }
-function Bt({ className: a, ...t }) {
+function $t({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "span",
     {
@@ -1082,7 +1082,7 @@ function Bt({ className: a, ...t }) {
     }
   );
 }
-function $t({
+function It({
   children: a,
   className: t,
   ...r
@@ -1133,7 +1133,7 @@ function qt({
       ...r,
       children: [
         t,
-        /* @__PURE__ */ e(_, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+        /* @__PURE__ */ e(B, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
       ]
     }
   ) });
@@ -1158,7 +1158,7 @@ function Ve({
   ...t
 }) {
   return /* @__PURE__ */ e(
-    j.Provider,
+    D.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration: a,
@@ -1166,15 +1166,15 @@ function Ve({
     }
   );
 }
-function Ht({
+function Ut({
   ...a
 }) {
-  return /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(j.Root, { "data-slot": "tooltip", ...a }) });
+  return /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(D.Root, { "data-slot": "tooltip", ...a }) });
 }
-function Ut({
+function Ht({
   ...a
 }) {
-  return /* @__PURE__ */ e(j.Trigger, { "data-slot": "tooltip-trigger", ...a });
+  return /* @__PURE__ */ e(D.Trigger, { "data-slot": "tooltip-trigger", ...a });
 }
 function Qt({
   className: a,
@@ -1182,8 +1182,8 @@ function Qt({
   children: r,
   ...n
 }) {
-  return /* @__PURE__ */ e(j.Portal, { children: /* @__PURE__ */ o(
-    j.Content,
+  return /* @__PURE__ */ e(D.Portal, { children: /* @__PURE__ */ o(
+    D.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset: t,
@@ -1194,7 +1194,7 @@ function Qt({
       ...n,
       children: [
         r,
-        /* @__PURE__ */ e(j.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ e(D.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     }
   ) });
@@ -1205,9 +1205,9 @@ const Fe = w(
     variant: t = "default",
     title: r,
     subtitle: n,
-    description: s,
-    primaryCTA: d,
-    secondaryCTA: l,
+    description: l,
+    primaryCTA: s,
+    secondaryCTA: d,
     backgroundImage: m,
     overlay: f = !0,
     children: g,
@@ -1227,7 +1227,7 @@ const Fe = w(
       ),
       ...v,
       children: [
-        m && /* @__PURE__ */ o(P, { children: [
+        m && /* @__PURE__ */ o(L, { children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -1266,33 +1266,33 @@ const Fe = w(
                     children: r
                   }
                 ),
-                s && /* @__PURE__ */ e(
+                l && /* @__PURE__ */ e(
                   "p",
                   {
                     className: i(
                       "mt-6 text-lg lg:text-xl",
                       m ? "text-gray-200" : "text-[var(--muted-foreground)]"
                     ),
-                    children: s
+                    children: l
                   }
                 ),
-                (d || l) && /* @__PURE__ */ o("div", { className: "mt-8 flex flex-wrap gap-4", children: [
-                  d && /* @__PURE__ */ e(
+                (s || d) && /* @__PURE__ */ o("div", { className: "mt-8 flex flex-wrap gap-4", children: [
+                  s && /* @__PURE__ */ e(
                     C,
                     {
                       size: "lg",
-                      onClick: d.onClick,
+                      onClick: s.onClick,
                       variant: "primary",
-                      children: d.label
+                      children: s.label
                     }
                   ),
-                  l && /* @__PURE__ */ e(
+                  d && /* @__PURE__ */ e(
                     C,
                     {
                       size: "lg",
-                      onClick: l.onClick,
+                      onClick: d.onClick,
                       variant: "secondary",
-                      children: l.label
+                      children: d.label
                     }
                   )
                 ] })
@@ -1313,9 +1313,9 @@ const X = w(
     variant: t = "default",
     icon: r,
     title: n,
-    description: s,
-    action: d,
-    ...l
+    description: l,
+    action: s,
+    ...d
   }, m) => {
     const g = r || {
       default: /* @__PURE__ */ e(de, { className: "h-16 w-16" }),
@@ -1331,19 +1331,19 @@ const X = w(
           "flex flex-col items-center justify-center py-16 px-6 text-center",
           a
         ),
-        ...l,
+        ...d,
         children: [
           /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--muted)] p-6 text-[var(--muted-foreground)]", children: g }),
           /* @__PURE__ */ e("h3", { className: "mt-6 text-xl font-semibold text-[var(--foreground)]", children: n }),
-          s && /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: s }),
-          d && /* @__PURE__ */ e(
+          l && /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: l }),
+          s && /* @__PURE__ */ e(
             C,
             {
-              onClick: d.onClick,
+              onClick: s.onClick,
               variant: "primary",
               size: "lg",
               className: "mt-6",
-              children: d.label
+              children: s.label
             }
           )
         ]
@@ -1358,9 +1358,9 @@ const qe = w(
     type: t = "generic",
     title: r,
     message: n,
-    onRetry: s,
-    onGoHome: d,
-    showRetry: l = !0,
+    onRetry: l,
+    onGoHome: s,
+    showRetry: d = !0,
     showHome: m = !0,
     ...f
   }, g) => {
@@ -1405,20 +1405,20 @@ const qe = w(
           /* @__PURE__ */ e("h2", { className: "mt-6 text-2xl font-bold text-[var(--foreground)]", children: b }),
           /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: x }),
           /* @__PURE__ */ o("div", { className: "mt-8 flex flex-wrap gap-4 justify-center", children: [
-            l && s && /* @__PURE__ */ e(
+            d && l && /* @__PURE__ */ e(
               C,
               {
-                onClick: s,
+                onClick: l,
                 variant: "primary",
                 size: "lg",
                 leftIcon: /* @__PURE__ */ e(ue, { className: "h-5 w-5" }),
                 children: "Tentar novamente"
               }
             ),
-            m && d && /* @__PURE__ */ e(
+            m && s && /* @__PURE__ */ e(
               C,
               {
-                onClick: d,
+                onClick: s,
                 variant: "secondary",
                 size: "lg",
                 leftIcon: /* @__PURE__ */ e(me, { className: "h-5 w-5" }),
@@ -1438,9 +1438,9 @@ const Ge = w(
     products: t,
     columns: r = 4,
     gap: n = "md",
-    isLoading: s = !1,
-    skeletonCount: d = 8,
-    emptyStateMessage: l = "Nenhum produto encontrado",
+    isLoading: l = !1,
+    skeletonCount: s = 8,
+    emptyStateMessage: d = "Nenhum produto encontrado",
     onEmptyAction: m,
     ...f
   }, g) => {
@@ -1449,7 +1449,7 @@ const Ge = w(
       md: "gap-6",
       lg: "gap-8"
     };
-    return s ? /* @__PURE__ */ e(
+    return l ? /* @__PURE__ */ e(
       "div",
       {
         ref: g,
@@ -1459,8 +1459,8 @@ const Ge = w(
           a
         ),
         ...f,
-        children: Array.from({ length: d }).map((p, b) => /* @__PURE__ */ e(
-          B,
+        children: Array.from({ length: s }).map((p, b) => /* @__PURE__ */ e(
+          $,
           {
             image: "",
             title: "",
@@ -1474,7 +1474,7 @@ const Ge = w(
       X,
       {
         variant: "search",
-        title: l,
+        title: d,
         description: "Tente ajustar seus filtros ou realizar uma nova busca",
         action: m ? {
           label: "Limpar filtros",
@@ -1491,7 +1491,7 @@ const Ge = w(
           a
         ),
         ...f,
-        children: t.map((p, b) => /* @__PURE__ */ e(B, { ...p }, b))
+        children: t.map((p, b) => /* @__PURE__ */ e($, { ...p }, b))
       }
     );
   }
@@ -1507,12 +1507,12 @@ function Ot({
 }) {
   return /* @__PURE__ */ e(y.Trigger, { "data-slot": "dialog-trigger", ...a });
 }
-function He({
+function Ue({
   ...a
 }) {
   return /* @__PURE__ */ e(y.Portal, { "data-slot": "dialog-portal", ...a });
 }
-function Ue({
+function He({
   className: a,
   ...t
 }) {
@@ -1533,8 +1533,8 @@ function Kt({
   children: t,
   ...r
 }) {
-  return /* @__PURE__ */ o(He, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ e(Ue, {}),
+  return /* @__PURE__ */ o(Ue, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ e(He, {}),
     /* @__PURE__ */ o(
       y.Content,
       {
@@ -1728,8 +1728,8 @@ function et({ children: a, as: t = "div", className: r }) {
   );
 }
 const tt = w(
-  ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: n = !1, ...s }, d) => {
-    const [l, m] = k("light"), [f, g] = k(16), [v, p] = k(!1);
+  ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: n = !1, ...l }, s) => {
+    const [d, m] = k("light"), [f, g] = k(16), [v, p] = k(!1);
     M(() => {
       const u = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
       m(u);
@@ -1744,7 +1744,7 @@ const tt = w(
       }
     }, [v]);
     const b = () => {
-      const c = l === "light" ? "dark" : "light";
+      const c = d === "light" ? "dark" : "light";
       m(c), document.documentElement.setAttribute("data-theme", c), localStorage.setItem("a11y-theme", c), t == null || t(c);
     }, x = () => {
       const c = Math.min(f + 2, 24);
@@ -1756,14 +1756,14 @@ const tt = w(
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: d,
+        ref: s,
         className: i(
           "w-full border-b border-[var(--border)] bg-[var(--card)] sticky top-0 z-50",
           a
         ),
         role: "toolbar",
         "aria-label": "Ferramentas de acessibilidade",
-        ...s,
+        ...l,
         children: /* @__PURE__ */ o(et, { 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(fe, { className: "h-4 w-4 flex-shrink-0", "aria-hidden": "true" }),
@@ -1816,12 +1816,12 @@ const tt = w(
               {
                 type: "button",
                 onClick: b,
-                "aria-label": l === "light" ? "Ativar modo escuro" : "Ativar modo claro",
+                "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: l === "light" ? /* @__PURE__ */ e(ve, { className: "h-4 w-4" }) : /* @__PURE__ */ e(be, { className: "h-4 w-4" })
+                children: d === "light" ? /* @__PURE__ */ e(ve, { className: "h-4 w-4" }) : /* @__PURE__ */ e(be, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e(
@@ -1856,9 +1856,9 @@ const at = w(
     slides: t,
     autoplayDelay: r = 5e3,
     autoplay: n = !0,
-    ...s
-  }, d) => {
-    const [l, m] = k(0), [f, g] = k(!1), [v, p] = k(!1);
+    ...l
+  }, s) => {
+    const [d, m] = k(0), [f, g] = k(!1), [v, p] = k(!1);
     M(() => {
       const c = window.matchMedia("(prefers-reduced-motion: reduce)");
       p(c.matches);
@@ -1876,27 +1876,27 @@ const at = w(
     const b = (c) => {
       m(c), g(!0), setTimeout(() => g(!1), r);
     }, x = () => {
-      b((l - 1 + t.length) % t.length);
+      b((d - 1 + t.length) % t.length);
     }, h = () => {
-      b((l + 1) % t.length);
+      b((d + 1) % t.length);
     };
-    return t.length === 0 ? null : (t[l], /* @__PURE__ */ o(
+    return t.length === 0 ? null : (t[d], /* @__PURE__ */ o(
       "div",
       {
-        ref: d,
+        ref: s,
         className: i("relative w-full overflow-hidden", a),
         onMouseEnter: () => g(!0),
         onMouseLeave: () => g(!1),
-        ...s,
+        ...l,
         children: [
           /* @__PURE__ */ e("div", { className: "relative", children: t.map((c, u) => /* @__PURE__ */ o(
             "div",
             {
               className: i(
                 "w-full transition-opacity duration-700",
-                u === l ? "block" : "hidden"
+                u === d ? "block" : "hidden"
               ),
-              "aria-hidden": u !== l,
+              "aria-hidden": u !== d,
               children: [
                 /* @__PURE__ */ o("picture", { children: [
                   /* @__PURE__ */ e(
@@ -1940,7 +1940,7 @@ const at = w(
             },
             c.id
           )) }),
-          t.length > 1 && /* @__PURE__ */ o(P, { children: [
+          t.length > 1 && /* @__PURE__ */ o(L, { children: [
             /* @__PURE__ */ e(
               "button",
               {
@@ -1966,13 +1966,13 @@ const at = w(
               onClick: () => b(u),
               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 ${u + 1}`,
-              "aria-current": u === l,
+              "aria-current": u === d,
               children: /* @__PURE__ */ e(
                 "span",
                 {
                   className: i(
                     "block rounded-full transition-all",
-                    u === l ? "h-1 w-3 bg-white" : "h-1 w-1 bg-white/40 group-hover:bg-white/60"
+                    u === d ? "h-1 w-3 bg-white" : "h-1 w-1 bg-white/40 group-hover:bg-white/60"
                   )
                 }
               )
@@ -1992,7 +1992,7 @@ function rt({
   ...n
 }) {
   return /* @__PURE__ */ o(
-    D.Root,
+    j.Root,
     {
       "data-slot": "navigation-menu",
       "data-viewport": r,
@@ -2013,7 +2013,7 @@ function it({
   ...t
 }) {
   return /* @__PURE__ */ e(
-    D.List,
+    j.List,
     {
       "data-slot": "navigation-menu-list",
       className: i(
@@ -2024,12 +2024,12 @@ function it({
     }
   );
 }
-function H({
+function U({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    D.Item,
+    j.Item,
     {
       "data-slot": "navigation-menu-item",
       className: i("relative", a),
@@ -2037,7 +2037,7 @@ function H({
     }
   );
 }
-const ot = I(
+const ot = P(
   "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
 );
 function nt({
@@ -2046,7 +2046,7 @@ function nt({
   ...r
 }) {
   return /* @__PURE__ */ o(
-    D.Trigger,
+    j.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
       className: i(ot(), "group", a),
@@ -2055,7 +2055,7 @@ function nt({
         t,
         " ",
         /* @__PURE__ */ e(
-          _,
+          B,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -2070,7 +2070,7 @@ function st({
   ...t
 }) {
   return /* @__PURE__ */ e(
-    D.Content,
+    j.Content,
     {
       "data-slot": "navigation-menu-content",
       className: i(
@@ -2093,7 +2093,7 @@ function lt({
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
       children: /* @__PURE__ */ e(
-        D.Viewport,
+        j.Viewport,
         {
           "data-slot": "navigation-menu-viewport",
           className: i(
@@ -2106,12 +2106,12 @@ function lt({
     }
   );
 }
-function $({
+function I({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    D.Link,
+    j.Link,
     {
       "data-slot": "navigation-menu-link",
       className: i(
@@ -2136,7 +2136,7 @@ function dt({ items: a }) {
           }
         ),
         /* @__PURE__ */ e("ul", { className: "ml-1", role: "none", children: t.children.map((n) => /* @__PURE__ */ e("li", { role: "none", children: /* @__PURE__ */ e(
-          $,
+          I,
           {
             href: n.href ?? "#",
             className: "block rounded px-3 py-1.5 text-sm text-[var(--foreground)] hover:bg-[var(--accent)] transition-colors",
@@ -2144,7 +2144,7 @@ function dt({ items: a }) {
           }
         ) }, n.id)) })
       ] }, t.id) : /* @__PURE__ */ e("li", { role: "none", children: /* @__PURE__ */ e(
-        $,
+        I,
         {
           href: t.href ?? "#",
           className: "block rounded px-3 py-1.5 text-sm text-[var(--foreground)] hover:bg-[var(--accent)] transition-colors",
@@ -2155,9 +2155,9 @@ function dt({ items: a }) {
   ) });
 }
 function Y({ item: a, depth: t = 0 }) {
-  var d;
+  var s;
   const [r, n] = k(!1);
-  return !((d = a.children) != null && d.length) ? /* @__PURE__ */ e(Oe, { asChild: !0, children: /* @__PURE__ */ e(
+  return !((s = a.children) != null && s.length) ? /* @__PURE__ */ e(Oe, { asChild: !0, children: /* @__PURE__ */ e(
     "a",
     {
       href: a.href ?? "#",
@@ -2174,7 +2174,7 @@ function Y({ item: a, depth: t = 0 }) {
         type: "button",
         "aria-expanded": r,
         "aria-controls": `mobile-nav-${a.id}`,
-        onClick: () => n((l) => !l),
+        onClick: () => n((d) => !d),
         className: i(
           "flex min-h-[44px] w-full items-center justify-between rounded py-2 text-sm font-medium text-[var(--foreground)] hover:text-[var(--brand-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
           t > 0 && "pl-4"
@@ -2199,21 +2199,21 @@ function Y({ item: a, depth: t = 0 }) {
       {
         id: `mobile-nav-${a.id}`,
         className: "mb-1 ml-2 border-l-2 border-[var(--border)] pl-3",
-        children: a.children.map((l) => /* @__PURE__ */ e(Y, { item: l, depth: t + 1 }, l.id))
+        children: a.children.map((d) => /* @__PURE__ */ e(Y, { item: d, depth: t + 1 }, d.id))
       }
     )
   ] });
 }
 const ct = w(
-  ({ items: a, logo: t, rightSlot: r, searchSlot: n, drawerFooter: s, className: d, ...l }, m) => /* @__PURE__ */ e(
+  ({ items: a, logo: t, rightSlot: r, searchSlot: n, drawerFooter: l, className: s, ...d }, m) => /* @__PURE__ */ e(
     "header",
     {
       ref: m,
       className: i(
         "sticky top-0 z-40 border-b border-[var(--border)] bg-[var(--card)]",
-        d
+        s
       ),
-      ...l,
+      ...d,
       children: /* @__PURE__ */ o("div", { className: "px-4", children: [
         /* @__PURE__ */ o("div", { className: "flex items-center py-3 gap-4", children: [
           t && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: t }),
@@ -2244,7 +2244,7 @@ const ct = w(
                   children: /* @__PURE__ */ e("div", { className: "divide-y divide-[var(--border)]", children: a.map((f) => /* @__PURE__ */ e("div", { className: "py-0.5", children: /* @__PURE__ */ e(Y, { item: f }) }, f.id)) })
                 }
               ),
-              s && /* @__PURE__ */ e("div", { className: "border-t border-[var(--border)] px-5 py-4", children: s })
+              l && /* @__PURE__ */ e("div", { className: "border-t border-[var(--border)] px-5 py-4", children: l })
             ] })
           ] })
         ] }),
@@ -2256,11 +2256,11 @@ const ct = w(
             children: /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(it, { children: a.map(
               (f) => {
                 var g;
-                return (g = f.children) != null && g.length ? /* @__PURE__ */ o(H, { children: [
+                return (g = f.children) != null && g.length ? /* @__PURE__ */ o(U, { children: [
                   /* @__PURE__ */ e(nt, { className: "h-9 bg-transparent text-sm text-[var(--foreground)] hover:bg-[var(--accent)]", children: f.label }),
                   /* @__PURE__ */ e(st, { children: /* @__PURE__ */ e(dt, { items: f.children }) })
-                ] }, f.id) : /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(
-                  $,
+                ] }, f.id) : /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(
+                  I,
                   {
                     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)]",
@@ -2316,13 +2316,13 @@ const ut = [
   }
 ];
 function ft({ onSubmit: a }) {
-  const [t, r] = k(""), [n, s] = k(!1);
+  const [t, r] = k(""), [n, l] = 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__ */ o("div", { className: "mx-auto max-w-lg px-[var(--container-px)] text-center", children: [
     /* @__PURE__ */ e(ze, { className: "mx-auto mb-4 h-10 w-10 text-white", "aria-hidden": "true" }),
     /* @__PURE__ */ e("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__ */ o("form", { onSubmit: (l) => {
-      l.preventDefault(), t && (a == null || a(t), s(!0), r(""));
+    n ? /* @__PURE__ */ e("p", { className: "mt-6 text-sm font-medium text-white", children: "Obrigado! Você está na lista. ✓" }) : /* @__PURE__ */ o("form", { onSubmit: (d) => {
+      d.preventDefault(), t && (a == null || a(t), l(!0), r(""));
     }, className: "mt-6 flex flex-col gap-2 sm:flex-row", children: [
       /* @__PURE__ */ e("label", { htmlFor: "footer-newsletter-email", className: "sr-only", children: "Seu e-mail" }),
       /* @__PURE__ */ e(
@@ -2332,7 +2332,7 @@ function ft({ onSubmit: a }) {
           type: "email",
           required: !0,
           value: t,
-          onChange: (l) => r(l.target.value),
+          onChange: (d) => r(d.target.value),
           placeholder: "Seu melhor e-mail",
           className: "min-h-[44px] flex-1 rounded-lg border border-white px-4 text-sm text-[#1a1e2e] placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-white"
         }
@@ -2357,7 +2357,7 @@ function gt({ title: a, links: t }) {
       {
         type: "button",
         "aria-expanded": r,
-        onClick: () => n((s) => !s),
+        onClick: () => n((l) => !l),
         className: "flex w-full items-center justify-between py-4 text-left text-sm font-semibold text-[var(--foreground)] md:hidden",
         children: [
           a,
@@ -2380,19 +2380,19 @@ function gt({ title: a, links: t }) {
           r ? "max-h-96 pb-4" : "max-h-0 md:max-h-none"
         ),
         role: "list",
-        children: t.map((s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+        children: t.map((l) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "a",
           {
-            href: s.href,
+            href: l.href,
             className: "text-sm text-[var(--muted-foreground)] transition-colors hover:text-[var(--brand-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded",
-            children: s.label
+            children: l.label
           }
-        ) }, s.label))
+        ) }, l.label))
       }
     )
   ] });
 }
-const pt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, playStoreUrl: n, appStoreUrl: s, orgInfo: d, className: l, ...m }) => {
+const pt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, playStoreUrl: n, appStoreUrl: l, orgInfo: s, className: d, ...m }) => {
   const [f, g] = k("light");
   M(() => {
     const u = document.documentElement;
@@ -2404,12 +2404,12 @@ const pt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
   }, []);
   const v = 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", p = a === "perabook" ? "PeraBook" : "Elo Editora", b = ut.map((u) => ({
     ...u,
-    href: (d == null ? void 0 : d[u.key]) ?? u.href
-  })).filter((u) => u.href), x = (d == null ? void 0 : d.email) ?? "contato@grupoeloediorial.com.br", h = (d == null ? void 0 : d.phone) ?? "(11) 3000-0000", c = d == null ? void 0 : d.fullAddress;
+    href: (s == null ? void 0 : s[u.key]) ?? u.href
+  })).filter((u) => u.href), x = (s == null ? void 0 : s.email) ?? "contato@grupoeloediorial.com.br", h = (s == null ? void 0 : s.phone) ?? "(11) 3000-0000", c = s == null ? void 0 : s.fullAddress;
   return /* @__PURE__ */ o(
     "footer",
     {
-      className: i("border-t border-[var(--border)] bg-[var(--card)] text-[var(--foreground)]", l),
+      className: i("border-t border-[var(--border)] bg-[var(--card)] text-[var(--foreground)]", d),
       "aria-label": "Rodapé do site",
       ...m,
       children: [
@@ -2449,11 +2449,11 @@ const pt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
                     children: /* @__PURE__ */ e(
                       "img",
                       {
-                        src: "/badges/google-play.png",
+                        src: (s == null ? void 0 : s.googlePlayBadgeUrl) ?? "/badges/google-play.png",
                         alt: "Disponível no Google Play",
                         width: 135,
                         height: 40,
-                        className: "h-10 w-auto"
+                        className: "h-10 w-[135px] object-contain"
                       }
                     )
                   }
@@ -2461,7 +2461,7 @@ const pt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
                 /* @__PURE__ */ e(
                   "a",
                   {
-                    href: s ?? "#",
+                    href: l ?? "#",
                     target: "_blank",
                     rel: "noopener noreferrer",
                     "aria-label": "Disponível na App Store",
@@ -2469,11 +2469,11 @@ const pt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
                     children: /* @__PURE__ */ e(
                       "img",
                       {
-                        src: "/badges/app-store.png",
+                        src: (s == null ? void 0 : s.appStoreBadgeUrl) ?? "/badges/app-store.png",
                         alt: "Disponível na App Store",
                         width: 135,
                         height: 40,
-                        className: "h-10 w-auto"
+                        className: "h-10 w-[135px] object-contain"
                       }
                     )
                   }
@@ -2542,13 +2542,13 @@ export {
   Ft as AccordionItem,
   qt as AccordionTrigger,
   Ae as Avatar,
-  L as Badge,
-  _t as Breadcrumb,
+  _ as Badge,
+  Bt as Breadcrumb,
   Rt as BreadcrumbItem,
   Tt as BreadcrumbLink,
   Et as BreadcrumbList,
-  Bt as BreadcrumbPage,
-  $t as BreadcrumbSeparator,
+  $t as BreadcrumbPage,
+  It as BreadcrumbSeparator,
   C as Button,
   At as Checkbox,
   ra as Col,
@@ -2559,12 +2559,12 @@ export {
   Xt as DialogHeader,
   Zt as DialogTitle,
   Ot as DialogTrigger,
-  Le as Divider,
+  _e as Divider,
   Qe as Drawer,
   X as EmptyState,
   qe as ErrorState,
   pt as Footer,
-  $e as FormGroup,
+  Ie as FormGroup,
   aa as Grid,
   Fe as Hero,
   at as HeroCarousel,
@@ -2572,18 +2572,18 @@ export {
   ct as MegaMenu,
   Wt as Modal,
   Te as PriceDisplay,
-  B as ProductCard,
+  $ as ProductCard,
   Ge as ProductGrid,
   la as ProgressBar,
-  Be as QuantitySelector,
-  It as RadioGroup,
-  Pt as RadioGroupItem,
+  $e as QuantitySelector,
+  Pt as RadioGroup,
+  Lt as RadioGroupItem,
   T as Rating,
   Re as SearchBar,
   Ct as Select,
-  jt as SelectContent,
+  Dt as SelectContent,
   Mt as SelectItem,
-  Dt as SelectTrigger,
+  jt as SelectTrigger,
   St as SelectValue,
   Ye as SheetContent,
   ta as SheetDescription,
@@ -2591,19 +2591,19 @@ export {
   Ze as SheetHeader,
   Je as SheetTitle,
   We as SheetTrigger,
-  Pe as Spinner,
-  De as Textarea,
-  Lt as Toggle,
-  Ht as Tooltip,
+  Le as Spinner,
+  je as Textarea,
+  _t as Toggle,
+  Ut as Tooltip,
   Qt as TooltipContent,
   Ve as TooltipProvider,
-  Ut as TooltipTrigger,
+  Ht as TooltipTrigger,
   tt as TopAccessibilityBar,
   Me as avatarVariants,
-  je as badgeVariants,
+  De as badgeVariants,
   Se as buttonVariants,
   i as cn,
-  Ie as spinnerVariants,
+  Pe as spinnerVariants,
   na as toast
 };
 //# sourceMappingURL=index.js.map