@grupo-elo-editorial/shared-ui-react 1.2.1 → 1.2.2

package/dist/index.js

@@ -1,15 +1,15 @@
 "use client";
-import { clsx as J } from "clsx";
-import { twMerge as ee } from "tailwind-merge";
+import { clsx as Z } from "clsx";
+import { twMerge as J } from "tailwind-merge";
 import { jsx as e, jsxs as i, Fragment as A } from "react/jsx-runtime";
 import { forwardRef as N, useState as k, useEffect as M } from "react";
-import { Loader2 as V, User as te, Star as ae, CheckIcon as U, ChevronDownIcon as E, ChevronUpIcon as re, CircleIcon as oe, ShoppingCart as L, Heart as ie, Search as Q, X as ne, Minus as se, Plus as le, ChevronRight as W, FileX as de, Package as ce, AlertCircle as ue, RefreshCw as me, Home as fe, XIcon as K, Accessibility as ge, ZoomOut as ve, ZoomIn as pe, Moon as be, Sun as he, ChevronLeft as xe, Menu as Ne, ChevronDown as O, Instagram as we, Facebook as ye, Youtube as ke, Linkedin as ze, Mail as Ce } from "lucide-react";
+import { Loader2 as V, User as ee, Star as te, CheckIcon as U, ChevronDownIcon as E, ChevronUpIcon as ae, CircleIcon as re, ShoppingCart as L, Heart as oe, Search as Q, X as ie, Minus as ne, Plus as se, ChevronRight as W, FileX as le, Package as de, AlertCircle as ce, RefreshCw as ue, Home as me, XIcon as K, Accessibility as fe, ZoomOut as ge, ZoomIn as ve, Moon as pe, Sun as be, ChevronLeft as he, Menu as xe, ChevronDown as O, Instagram as Ne, Facebook as we, Youtube as ye, Linkedin as ke, Mail as ze } from "lucide-react";
 import { cva as P } from "class-variance-authority";
 import * as z from "@radix-ui/react-select";
 import * as F from "@radix-ui/react-checkbox";
 import * as T from "@radix-ui/react-radio-group";
 import * as q from "@radix-ui/react-switch";
-import { Slot as Se } from "@radix-ui/react-slot";
+import { Slot as Ce } from "@radix-ui/react-slot";
 import * as _ from "@radix-ui/react-accordion";
 import * as I from "@radix-ui/react-tooltip";
 import { toast as na } from "sonner";
@@ -17,9 +17,9 @@ import { Progress as la } from "@radix-ui/react-progress";
 import * as w from "@radix-ui/react-dialog";
 import * as S from "@radix-ui/react-navigation-menu";
 function o(...a) {
-  return ee(J(a));
+  return J(Z(a));
 }
-const X = P(
+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: {
@@ -52,7 +52,7 @@ const X = P(
     size: r,
     fullWidth: n,
     isLoading: s,
-    leftIcon: c,
+    leftIcon: d,
     rightIcon: l,
     children: m,
     disabled: f,
@@ -60,7 +60,7 @@ const X = P(
   }, v) => /* @__PURE__ */ e(
     "button",
     {
-      className: o(X({ variant: t, size: r, fullWidth: n, className: a })),
+      className: o(Se({ variant: t, size: r, fullWidth: n, className: a })),
       ref: v,
       disabled: f || s,
       ...u,
@@ -68,7 +68,7 @@ const X = P(
         /* @__PURE__ */ e(V, { className: "h-4 w-4 animate-spin" }),
         m && /* @__PURE__ */ e("span", { children: m })
       ] }) : /* @__PURE__ */ i(A, { children: [
-        c && /* @__PURE__ */ e("span", { className: "inline-flex", children: c }),
+        d && /* @__PURE__ */ e("span", { className: "inline-flex", children: d }),
         m,
         l && /* @__PURE__ */ e("span", { className: "inline-flex", children: l })
       ] })
@@ -132,7 +132,7 @@ const je = P(
     }
   }
 ), D = N(
-  ({ className: a, variant: t, size: r, icon: n, onRemove: s, children: c, ...l }, m) => /* @__PURE__ */ i(
+  ({ className: a, variant: t, size: r, icon: n, onRemove: s, children: d, ...l }, m) => /* @__PURE__ */ i(
     "div",
     {
       ref: m,
@@ -140,7 +140,7 @@ const je = P(
       ...l,
       children: [
         n && /* @__PURE__ */ e("span", { className: "mr-1 inline-flex", children: n }),
-        c,
+        d,
         s && /* @__PURE__ */ e(
           "button",
           {
@@ -171,8 +171,8 @@ const Me = P(
     }
   }
 ), _e = N(
-  ({ className: a, size: t, src: r, alt: n, name: s, showStatus: c, statusType: l = "online", ...m }, f) => {
-    const [u, v] = k(!1), g = (x) => x.split(" ").map((d) => d[0]).join("").toUpperCase().slice(0, 2), b = {
+  ({ className: a, size: t, src: r, alt: n, name: s, showStatus: d, statusType: l = "online", ...m }, f) => {
+    const [u, v] = k(!1), g = (x) => x.split(" ").map((c) => c[0]).join("").toUpperCase().slice(0, 2), b = {
       online: "bg-[var(--success)]",
       offline: "bg-[var(--muted-foreground)]",
       away: "bg-[var(--warning)]",
@@ -193,8 +193,8 @@ const Me = P(
           className: "h-full w-full object-cover",
           ...m
         }
-      ) : s ? /* @__PURE__ */ e("span", { className: "font-medium", children: g(s) }) : /* @__PURE__ */ e(te, { className: "h-1/2 w-1/2" }),
-      c && /* @__PURE__ */ e(
+      ) : s ? /* @__PURE__ */ e("span", { className: "font-medium", children: g(s) }) : /* @__PURE__ */ e(ee, { className: "h-1/2 w-1/2" }),
+      d && /* @__PURE__ */ e(
         "span",
         {
           className: o(
@@ -239,7 +239,7 @@ const Pe = P("animate-spin text-[var(--brand-primary)]", {
 );
 Ae.displayName = "Spinner";
 const De = N(
-  ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: n, ...s }, c) => {
+  ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: n, ...s }, d) => {
     const l = {
       solid: "border-solid",
       dashed: "border-dashed",
@@ -249,7 +249,7 @@ const De = N(
       /* @__PURE__ */ e(
         "hr",
         {
-          ref: c,
+          ref: d,
           className: o(
             "flex-1 border-[var(--border)]",
             l[r]
@@ -270,7 +270,7 @@ const De = N(
     ] }) : /* @__PURE__ */ e(
       "hr",
       {
-        ref: c,
+        ref: d,
         role: "separator",
         "aria-orientation": t,
         className: o(
@@ -292,7 +292,7 @@ const $ = N(
     maxRating: r = 5,
     size: n = "md",
     readonly: s = !1,
-    onChange: c,
+    onChange: d,
     showValue: l = !1,
     ...m
   }, f) => {
@@ -301,7 +301,7 @@ const $ = N(
       md: "h-5 w-5",
       lg: "h-6 w-6"
     }, b = (x) => {
-      !s && c && c(x);
+      !s && d && d(x);
     }, h = u || t;
     return /* @__PURE__ */ i(
       "div",
@@ -312,8 +312,8 @@ const $ = N(
         "aria-label": `Rating: ${t} out of ${r}`,
         ...m,
         children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: Array.from({ length: r }, (x, d) => d + 1).map((x) => {
-            const d = x <= h;
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: Array.from({ length: r }, (x, c) => c + 1).map((x) => {
+            const c = x <= h;
             return /* @__PURE__ */ e(
               "button",
               {
@@ -328,12 +328,12 @@ const $ = N(
                 ),
                 "aria-label": `Rate ${x} out of ${r}`,
                 children: /* @__PURE__ */ e(
-                  ae,
+                  te,
                   {
                     className: o(
                       g[n],
                       "transition-all",
-                      d ? "fill-[var(--warning)] text-[var(--warning)]" : "fill-none text-[var(--muted-foreground)]"
+                      c ? "fill-[var(--warning)] text-[var(--warning)]" : "fill-none text-[var(--muted-foreground)]"
                     )
                   }
                 )
@@ -465,7 +465,7 @@ function Ee({
         a
       ),
       ...t,
-      children: /* @__PURE__ */ e(re, { className: "size-4" })
+      children: /* @__PURE__ */ e(ae, { className: "size-4" })
     }
   );
 }
@@ -541,7 +541,7 @@ function Pt({
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ e(oe, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ e(re, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
         }
       )
     }
@@ -586,7 +586,7 @@ const R = N(
     title: r,
     author: n,
     price: s,
-    originalPrice: c,
+    originalPrice: d,
     rating: l,
     reviewCount: m,
     badge: f,
@@ -596,7 +596,7 @@ const R = N(
     onAddToCart: b,
     onToggleFavorite: h,
     isFavorite: x = !1,
-    href: d,
+    href: c,
     orientation: p = "vertical",
     ...y
   }, j) => v ? /* @__PURE__ */ i(
@@ -640,7 +640,7 @@ const R = N(
         /* @__PURE__ */ e(
           H,
           {
-            href: d,
+            href: c,
             className: "block h-24 w-20 shrink-0 overflow-hidden rounded-lg",
             children: /* @__PURE__ */ e(
               "img",
@@ -653,10 +653,10 @@ const R = N(
           }
         ),
         /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-          d ? /* @__PURE__ */ e(
+          c ? /* @__PURE__ */ e(
             "a",
             {
-              href: d,
+              href: c,
               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
             }
@@ -675,9 +675,9 @@ const R = N(
               "R$ ",
               s.toFixed(2)
             ] }),
-            c && c > s && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)] line-through", children: [
+            d && d > s && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)] line-through", children: [
               "R$ ",
-              c.toFixed(2)
+              d.toFixed(2)
             ] })
           ] }),
           b && /* @__PURE__ */ e(
@@ -710,7 +710,7 @@ const R = N(
         /* @__PURE__ */ i(
           H,
           {
-            href: d,
+            href: c,
             className: "relative block aspect-[3/4] w-full overflow-hidden rounded-t-lg",
             children: [
               /* @__PURE__ */ e(
@@ -733,7 +733,7 @@ const R = N(
             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",
             children: /* @__PURE__ */ e(
-              ie,
+              oe,
               {
                 className: o(
                   "h-5 w-5",
@@ -744,10 +744,10 @@ const R = N(
           }
         ),
         /* @__PURE__ */ i("div", { className: "flex flex-1 flex-col p-4", children: [
-          d ? /* @__PURE__ */ e(
+          c ? /* @__PURE__ */ e(
             "a",
             {
-              href: d,
+              href: c,
               className: "line-clamp-2 text-base 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
             }
@@ -766,9 +766,9 @@ const R = N(
               "R$ ",
               s.toFixed(2)
             ] }),
-            c && c > s && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)] line-through", children: [
+            d && d > s && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)] line-through", children: [
               "R$ ",
-              c.toFixed(2)
+              d.toFixed(2)
             ] })
           ] }),
           b && /* @__PURE__ */ e(
@@ -802,7 +802,7 @@ const Te = N(
     onClear: r,
     isLoading: n = !1,
     size: s = "md",
-    placeholder: c = "Buscar...",
+    placeholder: d = "Buscar...",
     value: l,
     onChange: m,
     ...f
@@ -814,7 +814,7 @@ const Te = N(
     }, x = (y) => {
       const j = y.target.value;
       l === void 0 && g(j), m == null || m(y);
-    }, d = () => {
+    }, c = () => {
       l === void 0 && g(""), r == null || r();
     }, p = (y) => {
       y.key === "Enter" && t && t(b);
@@ -829,7 +829,7 @@ const Te = N(
           value: b,
           onChange: x,
           onKeyDown: p,
-          placeholder: c,
+          placeholder: d,
           className: o(
             "w-full rounded-lg border-2 border-[var(--border)] bg-[var(--input-background)] pl-10 pr-10 font-normal transition-colors",
             "placeholder:text-[var(--muted-foreground)]",
@@ -846,10 +846,10 @@ const Te = N(
           "button",
           {
             type: "button",
-            onClick: d,
+            onClick: c,
             className: "rounded-full p-1 hover:bg-[var(--muted)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
             "aria-label": "Clear search",
-            children: /* @__PURE__ */ e(ne, { className: "h-4 w-4 text-[var(--muted-foreground)]" })
+            children: /* @__PURE__ */ e(ie, { className: "h-4 w-4 text-[var(--muted-foreground)]" })
           }
         )
       ] })
@@ -864,7 +864,7 @@ const $e = N(
     originalPrice: r,
     currency: n = "R$",
     size: s = "md",
-    showDiscount: c = !0,
+    showDiscount: d = !0,
     installments: l,
     ...m
   }, f) => {
@@ -902,7 +902,7 @@ const $e = N(
             }
           )
         ] }),
-        c && u > 0 && /* @__PURE__ */ i(D, { variant: "success", size: "sm", children: [
+        d && u > 0 && /* @__PURE__ */ i(D, { variant: "success", size: "sm", children: [
           "-",
           u,
           "%"
@@ -928,7 +928,7 @@ const Re = N(
     min: r = 1,
     max: n = 99,
     onChange: s,
-    size: c = "md",
+    size: d = "md",
     disabled: l = !1,
     showLabel: m = !1,
     ...f
@@ -937,8 +937,8 @@ const Re = N(
       t < n && s(t + 1);
     }, g = () => {
       t > r && s(t - 1);
-    }, b = (d) => {
-      const p = parseInt(d.target.value);
+    }, b = (c) => {
+      const p = parseInt(c.target.value);
       !isNaN(p) && p >= r && p <= n && s(p);
     }, h = {
       sm: "h-8 w-8",
@@ -960,9 +960,9 @@ const Re = N(
             size: "sm",
             onClick: g,
             disabled: l || t <= r,
-            className: o(h[c], "p-0"),
+            className: o(h[d], "p-0"),
             "aria-label": "Decrease quantity",
-            children: /* @__PURE__ */ e(se, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ e(ne, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ e(
@@ -979,7 +979,7 @@ const Re = 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[c]
+              x[d]
             ),
             "aria-label": "Quantity"
           }
@@ -992,9 +992,9 @@ const Re = N(
             size: "sm",
             onClick: v,
             disabled: l || t >= n,
-            className: o(h[c], "p-0"),
+            className: o(h[d], "p-0"),
             "aria-label": "Increase quantity",
-            children: /* @__PURE__ */ e(le, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ e(se, { className: "h-4 w-4" })
           }
         )
       ] })
@@ -1003,7 +1003,7 @@ const Re = N(
 );
 Re.displayName = "QuantitySelector";
 const Be = N(
-  ({ className: a, label: t, htmlFor: r, required: n, error: s, helperText: c, children: l, ...m }, f) => /* @__PURE__ */ i("div", { ref: f, className: o("flex flex-col gap-1.5", a), ...m, children: [
+  ({ className: a, label: t, htmlFor: r, required: n, error: s, helperText: d, children: l, ...m }, f) => /* @__PURE__ */ i("div", { ref: f, className: o("flex flex-col gap-1.5", a), ...m, children: [
     t && /* @__PURE__ */ i(
       "label",
       {
@@ -1016,14 +1016,14 @@ const Be = N(
       }
     ),
     l,
-    (s || c) && /* @__PURE__ */ e(
+    (s || d) && /* @__PURE__ */ e(
       "p",
       {
         className: o(
           "text-sm",
           s ? "text-[var(--destructive)]" : "text-[var(--muted-foreground)]"
         ),
-        children: s || c
+        children: s || d
       }
     )
   ] })
@@ -1061,7 +1061,7 @@ function Tt({
   ...r
 }) {
   return /* @__PURE__ */ e(
-    a ? Se : "a",
+    a ? Ce : "a",
     {
       "data-slot": "breadcrumb-link",
       className: o("hover:text-foreground transition-colors", t),
@@ -1206,7 +1206,7 @@ const Fe = N(
     title: r,
     subtitle: n,
     description: s,
-    primaryCTA: c,
+    primaryCTA: d,
     secondaryCTA: l,
     backgroundImage: m,
     overlay: f = !0,
@@ -1276,14 +1276,14 @@ const Fe = N(
                     children: s
                   }
                 ),
-                (c || l) && /* @__PURE__ */ i("div", { className: "mt-8 flex flex-wrap gap-4", children: [
-                  c && /* @__PURE__ */ e(
+                (d || l) && /* @__PURE__ */ i("div", { className: "mt-8 flex flex-wrap gap-4", children: [
+                  d && /* @__PURE__ */ e(
                     C,
                     {
                       size: "lg",
-                      onClick: c.onClick,
+                      onClick: d.onClick,
                       variant: "primary",
-                      children: c.label
+                      children: d.label
                     }
                   ),
                   l && /* @__PURE__ */ e(
@@ -1307,21 +1307,21 @@ const Fe = N(
   )
 );
 Fe.displayName = "Hero";
-const Y = N(
+const X = N(
   ({
     className: a,
     variant: t = "default",
     icon: r,
     title: n,
     description: s,
-    action: c,
+    action: d,
     ...l
   }, m) => {
     const u = r || {
-      default: /* @__PURE__ */ e(ce, { className: "h-16 w-16" }),
+      default: /* @__PURE__ */ e(de, { className: "h-16 w-16" }),
       search: /* @__PURE__ */ e(Q, { className: "h-16 w-16" }),
       cart: /* @__PURE__ */ e(L, { className: "h-16 w-16" }),
-      error: /* @__PURE__ */ e(de, { className: "h-16 w-16" })
+      error: /* @__PURE__ */ e(le, { className: "h-16 w-16" })
     }[t];
     return /* @__PURE__ */ i(
       "div",
@@ -1336,14 +1336,14 @@ const Y = N(
           /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--muted)] p-6 text-[var(--muted-foreground)]", children: u }),
           /* @__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 }),
-          c && /* @__PURE__ */ e(
+          d && /* @__PURE__ */ e(
             C,
             {
-              onClick: c.onClick,
+              onClick: d.onClick,
               variant: "primary",
               size: "lg",
               className: "mt-6",
-              children: c.label
+              children: d.label
             }
           )
         ]
@@ -1351,7 +1351,7 @@ const Y = N(
     );
   }
 );
-Y.displayName = "EmptyState";
+X.displayName = "EmptyState";
 const qe = N(
   ({
     className: a,
@@ -1359,7 +1359,7 @@ const qe = N(
     title: r,
     message: n,
     onRetry: s,
-    onGoHome: c,
+    onGoHome: d,
     showRetry: l = !0,
     showHome: m = !0,
     ...f
@@ -1400,7 +1400,7 @@ const qe = N(
         children: [
           /* @__PURE__ */ i("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(ue, { className: "h-16 w-16" }) })
+            /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--destructive)]/10 p-6 text-[var(--destructive)]", children: /* @__PURE__ */ e(ce, { 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 }),
@@ -1411,17 +1411,17 @@ const qe = N(
                 onClick: s,
                 variant: "primary",
                 size: "lg",
-                leftIcon: /* @__PURE__ */ e(me, { className: "h-5 w-5" }),
+                leftIcon: /* @__PURE__ */ e(ue, { className: "h-5 w-5" }),
                 children: "Tentar novamente"
               }
             ),
-            m && c && /* @__PURE__ */ e(
+            m && d && /* @__PURE__ */ e(
               C,
               {
-                onClick: c,
+                onClick: d,
                 variant: "secondary",
                 size: "lg",
-                leftIcon: /* @__PURE__ */ e(fe, { className: "h-5 w-5" }),
+                leftIcon: /* @__PURE__ */ e(me, { className: "h-5 w-5" }),
                 children: "Voltar ao início"
               }
             )
@@ -1439,7 +1439,7 @@ const He = N(
     columns: r = 4,
     gap: n = "md",
     isLoading: s = !1,
-    skeletonCount: c = 8,
+    skeletonCount: d = 8,
     emptyStateMessage: l = "Nenhum produto encontrado",
     onEmptyAction: m,
     ...f
@@ -1465,7 +1465,7 @@ const He = N(
           a
         ),
         ...f,
-        children: Array.from({ length: c }).map((b, h) => /* @__PURE__ */ e(
+        children: Array.from({ length: d }).map((b, h) => /* @__PURE__ */ e(
           R,
           {
             image: "",
@@ -1477,7 +1477,7 @@ const He = N(
         ))
       }
     ) : t.length === 0 ? /* @__PURE__ */ e(
-      Y,
+      X,
       {
         variant: "search",
         title: l,
@@ -1724,7 +1724,7 @@ function ea({
   );
 }
 const et = N(
-  ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: n = !1, ...s }, c) => {
+  ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: n = !1, ...s }, d) => {
     const [l, m] = k("light"), [f, u] = k(16), [v, g] = k(!1);
     M(() => {
       const p = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
@@ -1740,19 +1740,19 @@ const et = N(
       }
     }, [v]);
     const b = () => {
-      const d = l === "light" ? "dark" : "light";
-      m(d), document.documentElement.setAttribute("data-theme", d), localStorage.setItem("a11y-theme", d), t == null || t(d);
+      const c = l === "light" ? "dark" : "light";
+      m(c), document.documentElement.setAttribute("data-theme", c), localStorage.setItem("a11y-theme", c), t == null || t(c);
     }, h = () => {
-      const d = Math.min(f + 2, 24);
-      u(d), document.documentElement.style.setProperty("--font-size", `${d}px`), document.documentElement.style.fontSize = `${d}px`, localStorage.setItem("a11y-font-size", d.toString()), r == null || r(d);
+      const c = Math.min(f + 2, 24);
+      u(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 d = Math.max(f - 2, 12);
-      u(d), document.documentElement.style.setProperty("--font-size", `${d}px`), document.documentElement.style.fontSize = `${d}px`, localStorage.setItem("a11y-font-size", d.toString()), r == null || r(d);
+      const c = Math.max(f - 2, 12);
+      u(c), document.documentElement.style.setProperty("--font-size", `${c}px`), document.documentElement.style.fontSize = `${c}px`, localStorage.setItem("a11y-font-size", c.toString()), r == null || r(c);
     };
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: c,
+        ref: d,
         className: o(
           "w-full border-b border-[var(--border)] bg-[var(--card)] sticky top-0 z-50",
           a
@@ -1762,7 +1762,7 @@ const et = N(
         ...s,
         children: /* @__PURE__ */ i("div", { className: "mx-auto max-w-7xl px-4 py-2 flex items-center justify-between", children: [
           /* @__PURE__ */ i("div", { className: "flex items-center gap-2 text-sm text-[var(--muted-foreground)]", children: [
-            /* @__PURE__ */ e(ge, { className: "h-4 w-4 flex-shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ e(fe, { className: "h-4 w-4 flex-shrink-0", "aria-hidden": "true" }),
             /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: "Ferramentas de Acessibilidade" })
           ] }),
           /* @__PURE__ */ i("div", { className: "flex items-center gap-2 md:gap-4", children: [
@@ -1787,7 +1787,7 @@ const et = N(
                     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
                     "disabled:opacity-40 disabled:cursor-not-allowed"
                   ),
-                  children: /* @__PURE__ */ e(ve, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ e(ge, { 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" }),
@@ -1803,7 +1803,7 @@ const et = N(
                     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
                     "disabled:opacity-40 disabled:cursor-not-allowed"
                   ),
-                  children: /* @__PURE__ */ e(pe, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ e(ve, { className: "h-4 w-4" })
                 }
               )
             ] }),
@@ -1817,14 +1817,14 @@ const et = N(
                   "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(be, { className: "h-4 w-4" }) : /* @__PURE__ */ e(he, { className: "h-4 w-4" })
+                children: l === "light" ? /* @__PURE__ */ e(pe, { className: "h-4 w-4" }) : /* @__PURE__ */ e(be, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => g((d) => !d),
+                onClick: () => g((c) => !c),
                 "aria-label": "Ativar VLibras",
                 "aria-pressed": v,
                 className: o(
@@ -1853,24 +1853,24 @@ const tt = N(
     autoplayDelay: r = 5e3,
     autoplay: n = !0,
     ...s
-  }, c) => {
+  }, d) => {
     const [l, m] = k(0), [f, u] = k(!1), [v, g] = k(!1);
     M(() => {
-      const d = window.matchMedia("(prefers-reduced-motion: reduce)");
-      g(d.matches);
+      const c = window.matchMedia("(prefers-reduced-motion: reduce)");
+      g(c.matches);
       const p = (y) => {
         g(y.matches);
       };
-      return d.addEventListener("change", p), () => d.removeEventListener("change", p);
+      return c.addEventListener("change", p), () => c.removeEventListener("change", p);
     }, []), M(() => {
       if (!n || f || v) return;
-      const d = setInterval(() => {
+      const c = setInterval(() => {
         m((p) => (p + 1) % t.length);
       }, r);
-      return () => clearInterval(d);
+      return () => clearInterval(c);
     }, [n, r, t.length, f, v]);
-    const b = (d) => {
-      m(d), u(!0), setTimeout(() => u(!1), r);
+    const b = (c) => {
+      m(c), u(!0), setTimeout(() => u(!1), r);
     }, h = () => {
       b((l - 1 + t.length) % t.length);
     }, x = () => {
@@ -1879,13 +1879,13 @@ const tt = N(
     return t.length === 0 ? null : (t[l], /* @__PURE__ */ i(
       "div",
       {
-        ref: c,
+        ref: d,
         className: o("relative w-full overflow-hidden", a),
         onMouseEnter: () => u(!0),
         onMouseLeave: () => u(!1),
         ...s,
         children: [
-          /* @__PURE__ */ e("div", { className: "relative", children: t.map((d, p) => /* @__PURE__ */ i(
+          /* @__PURE__ */ e("div", { className: "relative", children: t.map((c, p) => /* @__PURE__ */ e(
             "div",
             {
               className: o(
@@ -1893,48 +1893,34 @@ const tt = N(
                 p === l ? "block" : "hidden"
               ),
               "aria-hidden": p !== l,
-              children: [
-                /* @__PURE__ */ i("picture", { children: [
-                  /* @__PURE__ */ e(
-                    "source",
-                    {
-                      media: "(min-width: 1024px)",
-                      srcSet: `${d.imageDesktop} 1x, ${d.imageDesktop.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    "source",
-                    {
-                      media: "(min-width: 768px)",
-                      srcSet: `${d.imageTablet} 1x, ${d.imageTablet.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    "img",
-                    {
-                      src: d.imageMobile,
-                      srcSet: `${d.imageMobile} 1x, ${d.imageMobile.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`,
-                      alt: d.title,
-                      className: "w-full object-cover aspect-[5/6] md:aspect-video lg:aspect-[1920/700]",
-                      loading: p === 0 ? "eager" : "lazy"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center md:justify-start bg-gradient-to-t from-black/70 via-black/30 to-transparent md:bg-gradient-to-r md:from-black/80 md:via-black/50 md:to-transparent", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 lg:px-12 w-full", children: /* @__PURE__ */ i("div", { className: "max-w-2xl text-center md:text-left", children: [
-                  /* @__PURE__ */ e("h2", { className: "text-3xl md:text-4xl lg:text-5xl font-bold text-white mb-4", children: d.title }),
-                  /* @__PURE__ */ e("p", { className: "text-lg md:text-xl text-gray-200 mb-6", children: d.description }),
-                  d.cta && /* @__PURE__ */ e(
-                    "a",
-                    {
-                      href: d.cta.href,
-                      className: X({ variant: "primary", size: "lg" }),
-                      children: d.cta.label
-                    }
-                  )
-                ] }) }) })
-              ]
+              children: /* @__PURE__ */ i("picture", { children: [
+                /* @__PURE__ */ e(
+                  "source",
+                  {
+                    media: "(min-width: 1024px)",
+                    srcSet: `${c.imageDesktop} 1x, ${c.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`
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "img",
+                  {
+                    src: c.imageMobile,
+                    srcSet: `${c.imageMobile} 1x, ${c.imageMobile.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`,
+                    alt: c.title,
+                    className: "w-full object-cover aspect-[5/6] md:aspect-video lg:aspect-[1920/700]",
+                    loading: p === 0 ? "eager" : "lazy"
+                  }
+                )
+              ] })
             },
-            d.id
+            c.id
           )) }),
           t.length > 1 && /* @__PURE__ */ i(A, { children: [
             /* @__PURE__ */ e(
@@ -1943,7 +1929,7 @@ const tt = N(
                 onClick: h,
                 className: "absolute left-4 top-1/2 -translate-y-1/2 rounded-full bg-white/90 p-2 shadow-lg transition-all hover:bg-white 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(xe, { className: "h-6 w-6 text-gray-900" })
+                children: /* @__PURE__ */ e(he, { className: "h-6 w-6 text-gray-900" })
               }
             ),
             /* @__PURE__ */ e(
@@ -1956,7 +1942,7 @@ const tt = N(
               }
             )
           ] }),
-          t.length > 1 && /* @__PURE__ */ e("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: t.map((d, p) => /* @__PURE__ */ e(
+          t.length > 1 && /* @__PURE__ */ e("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: t.map((c, p) => /* @__PURE__ */ e(
             "button",
             {
               onClick: () => b(p),
@@ -2144,10 +2130,10 @@ function lt({ items: a }) {
     }
   ) });
 }
-function Z({ item: a, depth: t = 0 }) {
-  var c;
+function Y({ item: a, depth: t = 0 }) {
+  var d;
   const [r, n] = k(!1);
-  return !((c = a.children) != null && c.length) ? /* @__PURE__ */ e(Ke, { asChild: !0, children: /* @__PURE__ */ e(
+  return !((d = a.children) != null && d.length) ? /* @__PURE__ */ e(Ke, { asChild: !0, children: /* @__PURE__ */ e(
     "a",
     {
       href: a.href ?? "#",
@@ -2189,19 +2175,19 @@ function Z({ 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(Z, { item: l, depth: t + 1 }, l.id))
+        children: a.children.map((l) => /* @__PURE__ */ e(Y, { item: l, depth: t + 1 }, l.id))
       }
     )
   ] });
 }
 const dt = N(
-  ({ items: a, logo: t, rightSlot: r, searchSlot: n, drawerFooter: s, className: c, ...l }, m) => /* @__PURE__ */ e(
+  ({ items: a, logo: t, rightSlot: r, searchSlot: n, drawerFooter: s, className: d, ...l }, m) => /* @__PURE__ */ e(
     "header",
     {
       ref: m,
       className: o(
         "sticky top-0 z-40 border-b border-[var(--border)] bg-[var(--card)]",
-        c
+        d
       ),
       ...l,
       children: /* @__PURE__ */ i("div", { className: "px-4", children: [
@@ -2217,7 +2203,7 @@ const dt = N(
                 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(Ne, { className: "h-5 w-5", "aria-hidden": "true" })
+                children: /* @__PURE__ */ e(xe, { className: "h-5 w-5", "aria-hidden": "true" })
               }
             ) }),
             /* @__PURE__ */ i(Ye, { side: "left", className: "flex flex-col p-0", children: [
@@ -2231,7 +2217,7 @@ const dt = N(
                 {
                   "aria-label": "Menu principal",
                   className: "flex-1 overflow-y-auto px-5 py-3",
-                  children: /* @__PURE__ */ e("div", { className: "divide-y divide-[var(--border)]", children: a.map((f) => /* @__PURE__ */ e("div", { className: "py-0.5", children: /* @__PURE__ */ e(Z, { item: f }) }, f.id)) })
+                  children: /* @__PURE__ */ e("div", { className: "divide-y divide-[var(--border)]", children: a.map((f) => /* @__PURE__ */ e("div", { className: "py-0.5", children: /* @__PURE__ */ e(Y, { item: f }) }, f.id)) })
                 }
               ),
               s && /* @__PURE__ */ e("div", { className: "border-t border-[var(--border)] px-5 py-4", children: s })
@@ -2300,15 +2286,15 @@ const ct = [
     ]
   }
 ], ut = [
-  { label: "Instagram", href: "https://instagram.com/eloeditora", Icon: we },
-  { label: "Facebook", href: "https://facebook.com/eloeditora", Icon: ye },
-  { label: "YouTube", href: "https://youtube.com/@eloeditora", Icon: ke },
-  { label: "LinkedIn", href: "https://linkedin.com/company/eloeditora", Icon: ze }
+  { label: "Instagram", href: "https://instagram.com/eloeditora", Icon: Ne },
+  { label: "Facebook", href: "https://facebook.com/eloeditora", Icon: we },
+  { label: "YouTube", href: "https://youtube.com/@eloeditora", Icon: ye },
+  { label: "LinkedIn", href: "https://linkedin.com/company/eloeditora", Icon: ke }
 ];
 function mt({ onSubmit: a }) {
   const [t, r] = k(""), [n, s] = k(!1);
   return /* @__PURE__ */ e("div", { className: "bg-[var(--brand-primary)] py-10", children: /* @__PURE__ */ i("div", { className: "mx-auto max-w-lg px-4 text-center", children: [
-    /* @__PURE__ */ e(Ce, { className: "mx-auto mb-4 h-10 w-10 text-white", "aria-hidden": "true" }),
+    /* @__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__ */ i("form", { onSubmit: (l) => {
@@ -2383,12 +2369,12 @@ function ft({ title: a, links: t }) {
   ] });
 }
 const gt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, className: r, ...n }) => {
-  const [s, c] = k("light");
+  const [s, d] = k("light");
   M(() => {
     const u = document.documentElement;
-    c(u.getAttribute("data-theme") ?? "light");
+    d(u.getAttribute("data-theme") ?? "light");
     const v = new MutationObserver(() => {
-      c(u.getAttribute("data-theme") ?? "light");
+      d(u.getAttribute("data-theme") ?? "light");
     });
     return v.observe(u, { attributes: !0, attributeFilter: ["data-theme"] }), () => v.disconnect();
   }, []);
@@ -2513,7 +2499,7 @@ export {
   Wt as DialogTrigger,
   De as Divider,
   Qe as Drawer,
-  Y as EmptyState,
+  X as EmptyState,
   qe as ErrorState,
   gt as Footer,
   Be as FormGroup,
@@ -2553,7 +2539,7 @@ export {
   et as TopAccessibilityBar,
   Me as avatarVariants,
   je as badgeVariants,
-  X as buttonVariants,
+  Se as buttonVariants,
   o as cn,
   Pe as spinnerVariants,
   na as toast