@grupo-elo-editorial/shared-ui-react 1.4.9 → 1.4.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -4,6 +4,15 @@ Format: [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) · Versioning:
4
4
 
5
5
  ---
6
6
 
7
+ ## [1.4.10] — 2026-07-02 (ProductCard — preço desalinhado quando título ocupa 2 linhas; ELO-1302)
8
+
9
+ ### Fixed
10
+
11
+ - **`ProductCard`** (layout vertical): o título não reservava altura fixa — cards com título de 1 linha e cards com título de 2 linhas na mesma fileira do grid empurravam o bloco de preço para posições verticais diferentes, desalinhando a grade do catálogo. Título agora usa `line-clamp-2` + `min-h-12` (reserva 2 linhas de `text-base`), truncando com reticências além de 2 linhas e mantendo o preço sempre na mesma posição vertical independente do tamanho do título.
12
+ - `package.json` `version` bumped `1.4.9 → 1.4.10`.
13
+
14
+ ---
15
+
7
16
  ## [1.4.8] — 2026-06-23 (TopAccessibilityBar — VLibras não inicializa em lazy load; ELO-613)
8
17
 
9
18
  ### Fixed
package/dist/index.js CHANGED
@@ -3,7 +3,7 @@ import { clsx as ae } from "clsx";
3
3
  import { twMerge as re } from "tailwind-merge";
4
4
  import { jsx as e, jsxs as o, Fragment as P } from "react/jsx-runtime";
5
5
  import { forwardRef as w, useState as C, useRef as ie, useEffect as L } from "react";
6
- import { Loader2 as U, User as oe, Star as ne, CheckIcon as X, ChevronDownIcon as T, ChevronUpIcon as se, CircleIcon as le, ShoppingCart as $, Heart as de, Search as Y, X as ce, Minus as ue, Plus as me, ChevronRight as K, FileX as fe, Package as ge, AlertCircle as pe, RefreshCw as ve, Home as be, XIcon as O, Accessibility as he, ZoomOut as xe, ZoomIn as Ne, Moon as ye, Sun as we, ChevronLeft as ke, Menu as ze, ChevronDown as Z, Instagram as Ce, Facebook as Se, Youtube as je, Linkedin as De, Mail as Me } from "lucide-react";
6
+ import { Loader2 as U, User as oe, Star as ne, CheckIcon as X, ChevronDownIcon as T, ChevronUpIcon as se, CircleIcon as le, ShoppingCart as $, Heart as de, Search as Y, X as ce, Minus as ue, Plus as me, ChevronRight as K, FileX as fe, Package as pe, AlertCircle as ge, RefreshCw as ve, Home as be, XIcon as O, Accessibility as he, ZoomOut as xe, ZoomIn as Ne, Moon as ye, Sun as we, ChevronLeft as ke, Menu as ze, ChevronDown as Z, Instagram as Ce, Facebook as Se, Youtube as je, Linkedin as De, Mail as Me } from "lucide-react";
7
7
  import { cva as _ } from "class-variance-authority";
8
8
  import * as j from "@radix-ui/react-select";
9
9
  import * as G from "@radix-ui/react-checkbox";
@@ -13,7 +13,7 @@ import { Slot as Ae } from "@radix-ui/react-slot";
13
13
  import * as E from "@radix-ui/react-accordion";
14
14
  import * as A from "@radix-ui/react-tooltip";
15
15
  import { toast as ma } from "sonner";
16
- import { Progress as ga } from "@radix-ui/react-progress";
16
+ import { Progress as pa } from "@radix-ui/react-progress";
17
17
  import * as k from "@radix-ui/react-dialog";
18
18
  import * as M from "@radix-ui/react-navigation-menu";
19
19
  function i(...a) {
@@ -56,14 +56,14 @@ const Pe = _(
56
56
  rightIcon: d,
57
57
  children: u,
58
58
  disabled: f,
59
- ...g
59
+ ...p
60
60
  }, v) => /* @__PURE__ */ e(
61
61
  "button",
62
62
  {
63
63
  className: i(Pe({ variant: t, size: r, fullWidth: s, className: a })),
64
64
  ref: v,
65
65
  disabled: f || l,
66
- ...g,
66
+ ...p,
67
67
  children: l ? /* @__PURE__ */ o(P, { children: [
68
68
  /* @__PURE__ */ e(U, { className: "h-4 w-4 animate-spin" }),
69
69
  u && /* @__PURE__ */ e("span", { children: u })
@@ -172,7 +172,7 @@ const Be = _(
172
172
  }
173
173
  ), Le = w(
174
174
  ({ className: a, size: t, src: r, alt: s, name: l, showStatus: n, statusType: d = "online", ...u }, f) => {
175
- const [g, v] = C(!1), p = (y) => y.split(" ").map((c) => c[0]).join("").toUpperCase().slice(0, 2), h = {
175
+ const [p, v] = C(!1), g = (y) => y.split(" ").map((c) => c[0]).join("").toUpperCase().slice(0, 2), h = {
176
176
  online: "bg-[var(--success)]",
177
177
  offline: "bg-[var(--muted-foreground)]",
178
178
  away: "bg-[var(--warning)]",
@@ -184,7 +184,7 @@ const Be = _(
184
184
  xl: "h-4 w-4 border-2"
185
185
  };
186
186
  return /* @__PURE__ */ o("div", { ref: f, className: i(Be({ size: t }), "relative", a), children: [
187
- r && !g ? /* @__PURE__ */ e(
187
+ r && !p ? /* @__PURE__ */ e(
188
188
  "img",
189
189
  {
190
190
  src: r,
@@ -193,7 +193,7 @@ const Be = _(
193
193
  className: "h-full w-full object-cover",
194
194
  ...u
195
195
  }
196
- ) : l ? /* @__PURE__ */ e("span", { className: "font-medium", children: p(l) }) : /* @__PURE__ */ e(oe, { className: "h-1/2 w-1/2" }),
196
+ ) : l ? /* @__PURE__ */ e("span", { className: "font-medium", children: g(l) }) : /* @__PURE__ */ e(oe, { className: "h-1/2 w-1/2" }),
197
197
  n && /* @__PURE__ */ e(
198
198
  "span",
199
199
  {
@@ -296,13 +296,13 @@ const F = w(
296
296
  showValue: d = !1,
297
297
  ...u
298
298
  }, f) => {
299
- const [g, v] = C(0), p = {
299
+ const [p, v] = C(0), g = {
300
300
  sm: "h-4 w-4",
301
301
  md: "h-5 w-5",
302
302
  lg: "h-6 w-6"
303
303
  }, h = (y) => {
304
304
  !l && n && n(y);
305
- }, N = g || t;
305
+ }, N = p || t;
306
306
  return /* @__PURE__ */ o(
307
307
  "div",
308
308
  {
@@ -331,7 +331,7 @@ const F = w(
331
331
  ne,
332
332
  {
333
333
  className: i(
334
- p[s],
334
+ g[s],
335
335
  "transition-all",
336
336
  c ? "fill-[var(--warning)] text-[var(--warning)]" : "fill-none text-[var(--muted-foreground)]"
337
337
  )
@@ -594,9 +594,9 @@ const I = w(
594
594
  rating: d,
595
595
  reviewCount: u,
596
596
  badge: f,
597
- badgeVariant: g = "default",
597
+ badgeVariant: p = "default",
598
598
  isSkeleton: v = !1,
599
- isOutOfStock: p = !1,
599
+ isOutOfStock: g = !1,
600
600
  onAddToCart: h,
601
601
  onToggleFavorite: N,
602
602
  isFavorite: y = !1,
@@ -637,7 +637,7 @@ const I = w(
637
637
  ref: S,
638
638
  className: i(
639
639
  "group relative flex flex-row gap-3 rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-3 transition-all hover:shadow-md",
640
- p && "opacity-60",
640
+ g && "opacity-60",
641
641
  a
642
642
  ),
643
643
  ...x,
@@ -686,13 +686,13 @@ const I = w(
686
686
  D,
687
687
  {
688
688
  onClick: h,
689
- disabled: p,
689
+ disabled: g,
690
690
  variant: "primary",
691
691
  size: "sm",
692
692
  fullWidth: !0,
693
693
  leftIcon: /* @__PURE__ */ e($, { className: "h-3.5 w-3.5" }),
694
694
  className: "mt-auto",
695
- children: p ? "Indisponível" : "Adicionar"
695
+ children: g ? "Indisponível" : "Adicionar"
696
696
  }
697
697
  )
698
698
  ] })
@@ -704,7 +704,7 @@ const I = w(
704
704
  ref: S,
705
705
  className: i(
706
706
  "group relative flex flex-col rounded-lg border-2 border-border bg-card transition-all hover:shadow-lg",
707
- p && "opacity-60",
707
+ g && "opacity-60",
708
708
  a
709
709
  ),
710
710
  ...x,
@@ -720,8 +720,8 @@ const I = w(
720
720
  alt: r,
721
721
  className: "h-full w-full object-contain transition-transform group-hover:scale-105"
722
722
  }),
723
- f && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ e(R, { variant: g, children: f }) }),
724
- p && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(R, { variant: "danger", size: "lg", children: "Esgotado" }) })
723
+ f && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ e(R, { variant: p, children: f }) }),
724
+ g && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(R, { variant: "danger", size: "lg", children: "Esgotado" }) })
725
725
  ]
726
726
  }
727
727
  ),
@@ -747,10 +747,10 @@ const I = w(
747
747
  "a",
748
748
  {
749
749
  href: c,
750
- className: "wrap-break-word text-base font-medium text-card-foreground hover:text-brand-primary transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded",
750
+ className: "wrap-break-word line-clamp-2 min-h-12 text-base font-medium text-card-foreground hover:text-brand-primary transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded",
751
751
  children: r
752
752
  }
753
- ) : /* @__PURE__ */ e("h3", { className: "wrap-break-word text-base font-medium text-card-foreground", children: r }),
753
+ ) : /* @__PURE__ */ e("h3", { className: "wrap-break-word line-clamp-2 min-h-12 text-base font-medium text-card-foreground", children: r }),
754
754
  s && /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-[var(--muted-foreground)]", children: s }),
755
755
  d !== void 0 && /* @__PURE__ */ o("div", { className: "mt-2 flex items-center gap-2", children: [
756
756
  /* @__PURE__ */ e(F, { value: d, size: "sm", readonly: !0 }),
@@ -774,7 +774,7 @@ const I = w(
774
774
  D,
775
775
  {
776
776
  onClick: h,
777
- disabled: p,
777
+ disabled: g,
778
778
  variant: "primary",
779
779
  size: "md",
780
780
  fullWidth: !0,
@@ -785,7 +785,7 @@ const I = w(
785
785
  "group-hover:opacity-100 group-hover:translate-y-0",
786
786
  "focus-visible:opacity-100 focus-visible:translate-y-0"
787
787
  ),
788
- children: p ? "Indisponível" : "Adicionar"
788
+ children: g ? "Indisponível" : "Adicionar"
789
789
  }
790
790
  )
791
791
  ] })
@@ -805,16 +805,16 @@ const qe = w(
805
805
  value: d,
806
806
  onChange: u,
807
807
  ...f
808
- }, g) => {
809
- const [v, p] = C(""), h = d !== void 0 ? d : v, N = {
808
+ }, p) => {
809
+ const [v, g] = C(""), h = d !== void 0 ? d : v, N = {
810
810
  sm: "h-9 text-sm",
811
811
  md: "h-11 text-base",
812
812
  lg: "h-14 text-lg"
813
813
  }, y = (m) => {
814
814
  const x = m.target.value;
815
- d === void 0 && p(x), u == null || u(m);
815
+ d === void 0 && g(x), u == null || u(m);
816
816
  }, c = () => {
817
- d === void 0 && p(""), r == null || r();
817
+ d === void 0 && g(""), r == null || r();
818
818
  }, b = (m) => {
819
819
  m.key === "Enter" && t && t(h);
820
820
  };
@@ -823,7 +823,7 @@ const qe = w(
823
823
  /* @__PURE__ */ e(
824
824
  "input",
825
825
  {
826
- ref: g,
826
+ ref: p,
827
827
  type: "search",
828
828
  value: h,
829
829
  onChange: y,
@@ -867,12 +867,12 @@ const Ue = w(
867
867
  installments: d,
868
868
  ...u
869
869
  }, f) => {
870
- const g = r && r > t ? Math.round((r - t) / r * 100) : 0, v = {
870
+ const p = r && r > t ? Math.round((r - t) / r * 100) : 0, v = {
871
871
  sm: "text-base",
872
872
  md: "text-xl",
873
873
  lg: "text-2xl",
874
874
  xl: "text-4xl"
875
- }, p = {
875
+ }, g = {
876
876
  sm: "text-xs",
877
877
  md: "text-sm",
878
878
  lg: "text-base",
@@ -891,7 +891,7 @@ const Ue = w(
891
891
  {
892
892
  className: i(
893
893
  "text-[var(--muted-foreground)] line-through",
894
- p[l]
894
+ g[l]
895
895
  ),
896
896
  children: [
897
897
  s,
@@ -901,9 +901,9 @@ const Ue = w(
901
901
  }
902
902
  )
903
903
  ] }),
904
- n && g > 0 && /* @__PURE__ */ o(R, { variant: "success", size: "sm", children: [
904
+ n && p > 0 && /* @__PURE__ */ o(R, { variant: "success", size: "sm", children: [
905
905
  "-",
906
- g,
906
+ p,
907
907
  "%"
908
908
  ] })
909
909
  ] }),
@@ -931,10 +931,10 @@ const Ge = w(
931
931
  disabled: d = !1,
932
932
  showLabel: u = !1,
933
933
  ...f
934
- }, g) => {
934
+ }, p) => {
935
935
  const v = () => {
936
936
  t < s && l(t + 1);
937
- }, p = () => {
937
+ }, g = () => {
938
938
  t > r && l(t - 1);
939
939
  }, h = (c) => {
940
940
  const b = parseInt(c.target.value);
@@ -948,7 +948,7 @@ const Ge = w(
948
948
  md: "h-10 w-14 text-base",
949
949
  lg: "h-12 w-16 text-lg"
950
950
  };
951
- return /* @__PURE__ */ o("div", { ref: g, className: i("inline-flex flex-col gap-1", a), ...f, children: [
951
+ return /* @__PURE__ */ o("div", { ref: p, className: i("inline-flex flex-col gap-1", a), ...f, children: [
952
952
  u && /* @__PURE__ */ e("label", { className: "text-sm font-medium text-[var(--foreground)]", children: "Quantidade" }),
953
953
  /* @__PURE__ */ o("div", { className: "inline-flex items-center gap-2", children: [
954
954
  /* @__PURE__ */ e(
@@ -957,7 +957,7 @@ const Ge = w(
957
957
  type: "button",
958
958
  variant: "secondary",
959
959
  size: "sm",
960
- onClick: p,
960
+ onClick: g,
961
961
  disabled: d || t <= r,
962
962
  className: i(N[n], "p-0"),
963
963
  "aria-label": "Decrease quantity",
@@ -1209,12 +1209,12 @@ const We = w(
1209
1209
  secondaryCTA: d,
1210
1210
  backgroundImage: u,
1211
1211
  overlay: f = !0,
1212
- children: g,
1212
+ children: p,
1213
1213
  ...v
1214
- }, p) => /* @__PURE__ */ o(
1214
+ }, g) => /* @__PURE__ */ o(
1215
1215
  "section",
1216
1216
  {
1217
- ref: p,
1217
+ ref: g,
1218
1218
  className: i(
1219
1219
  "relative flex min-h-[400px] w-full flex-col justify-center px-6 py-16 lg:px-12 lg:py-24",
1220
1220
  {
@@ -1296,11 +1296,11 @@ const We = w(
1296
1296
  )
1297
1297
  ] })
1298
1298
  ] }),
1299
- t === "split" && g && /* @__PURE__ */ e("div", { className: "mt-8 lg:mt-0", children: g })
1299
+ t === "split" && p && /* @__PURE__ */ e("div", { className: "mt-8 lg:mt-0", children: p })
1300
1300
  ]
1301
1301
  }
1302
1302
  ),
1303
- t !== "split" && g && /* @__PURE__ */ e("div", { className: "relative z-10 mt-12 w-full max-w-7xl mx-auto", children: g })
1303
+ t !== "split" && p && /* @__PURE__ */ e("div", { className: "relative z-10 mt-12 w-full max-w-7xl mx-auto", children: p })
1304
1304
  ]
1305
1305
  }
1306
1306
  )
@@ -1316,8 +1316,8 @@ const J = w(
1316
1316
  action: n,
1317
1317
  ...d
1318
1318
  }, u) => {
1319
- const g = r || {
1320
- default: /* @__PURE__ */ e(ge, { className: "h-16 w-16" }),
1319
+ const p = r || {
1320
+ default: /* @__PURE__ */ e(pe, { className: "h-16 w-16" }),
1321
1321
  search: /* @__PURE__ */ e(Y, { className: "h-16 w-16" }),
1322
1322
  cart: /* @__PURE__ */ e($, { className: "h-16 w-16" }),
1323
1323
  error: /* @__PURE__ */ e(fe, { className: "h-16 w-16" })
@@ -1332,7 +1332,7 @@ const J = w(
1332
1332
  ),
1333
1333
  ...d,
1334
1334
  children: [
1335
- /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--muted)] p-6 text-[var(--muted-foreground)]", children: g }),
1335
+ /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--muted)] p-6 text-[var(--muted-foreground)]", children: p }),
1336
1336
  /* @__PURE__ */ e("h3", { className: "mt-6 text-xl font-semibold text-[var(--foreground)]", children: s }),
1337
1337
  l && /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: l }),
1338
1338
  n && /* @__PURE__ */ e(
@@ -1362,8 +1362,8 @@ const Xe = w(
1362
1362
  showRetry: d = !0,
1363
1363
  showHome: u = !0,
1364
1364
  ...f
1365
- }, g) => {
1366
- const p = {
1365
+ }, p) => {
1366
+ const g = {
1367
1367
  404: {
1368
1368
  title: "Página não encontrada",
1369
1369
  message: "A página que você está procurando não existe ou foi movida.",
@@ -1384,11 +1384,11 @@ const Xe = w(
1384
1384
  message: "Ocorreu um erro inesperado. Por favor, tente novamente.",
1385
1385
  code: ""
1386
1386
  }
1387
- }[t], h = r || p.title, N = s || p.message;
1387
+ }[t], h = r || g.title, N = s || g.message;
1388
1388
  return /* @__PURE__ */ o(
1389
1389
  "div",
1390
1390
  {
1391
- ref: g,
1391
+ ref: p,
1392
1392
  className: i(
1393
1393
  "flex min-h-[500px] flex-col items-center justify-center py-16 px-6 text-center",
1394
1394
  a
@@ -1398,8 +1398,8 @@ const Xe = w(
1398
1398
  ...f,
1399
1399
  children: [
1400
1400
  /* @__PURE__ */ o("div", { className: "flex flex-col items-center gap-4", children: [
1401
- p.code && /* @__PURE__ */ e("h1", { className: "text-9xl font-bold text-[var(--muted)] opacity-40", children: p.code }),
1402
- /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--destructive)]/10 p-6 text-[var(--destructive)]", children: /* @__PURE__ */ e(pe, { className: "h-16 w-16" }) })
1401
+ g.code && /* @__PURE__ */ e("h1", { className: "text-9xl font-bold text-[var(--muted)] opacity-40", children: g.code }),
1402
+ /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--destructive)]/10 p-6 text-[var(--destructive)]", children: /* @__PURE__ */ e(ge, { className: "h-16 w-16" }) })
1403
1403
  ] }),
1404
1404
  /* @__PURE__ */ e("h2", { className: "mt-6 text-2xl font-bold text-[var(--foreground)]", children: h }),
1405
1405
  /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: N }),
@@ -1442,9 +1442,9 @@ const Ye = w(
1442
1442
  emptyStateMessage: d = "Nenhum produto encontrado",
1443
1443
  onEmptyAction: u,
1444
1444
  renderImage: f,
1445
- ...g
1445
+ ...p
1446
1446
  }, v) => {
1447
- const p = {
1447
+ const g = {
1448
1448
  sm: "gap-4",
1449
1449
  md: "gap-6",
1450
1450
  lg: "gap-8"
@@ -1455,10 +1455,10 @@ const Ye = w(
1455
1455
  ref: v,
1456
1456
  className: i(
1457
1457
  "grid grid-cols-2 lg:grid-cols-4",
1458
- p[s],
1458
+ g[s],
1459
1459
  a
1460
1460
  ),
1461
- ...g,
1461
+ ...p,
1462
1462
  children: Array.from({ length: n }).map((h, N) => /* @__PURE__ */ e(
1463
1463
  I,
1464
1464
  {
@@ -1487,10 +1487,10 @@ const Ye = w(
1487
1487
  ref: v,
1488
1488
  className: i(
1489
1489
  "grid grid-cols-2 lg:grid-cols-4",
1490
- p[s],
1490
+ g[s],
1491
1491
  a
1492
1492
  ),
1493
- ...g,
1493
+ ...p,
1494
1494
  children: t.map((h, N) => /* @__PURE__ */ e(I, { ...h, renderImage: h.renderImage ?? f }, N))
1495
1495
  }
1496
1496
  );
@@ -1729,23 +1729,23 @@ function nt({ children: a, as: t = "div", className: r }) {
1729
1729
  }
1730
1730
  const st = w(
1731
1731
  ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: s = !1, ...l }, n) => {
1732
- const [d, u] = C("light"), [f, g] = C(16), [v, p] = C(!1), h = ie(!1);
1732
+ const [d, u] = C("light"), [f, p] = C(16), [v, g] = C(!1), h = ie(!1);
1733
1733
  L(() => {
1734
1734
  const x = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
1735
1735
  u(x);
1736
1736
  const S = Number(localStorage.getItem("a11y-font-size"));
1737
- Number.isFinite(S) && S > 0 && g(S);
1737
+ Number.isFinite(S) && S > 0 && p(S);
1738
1738
  }, []);
1739
1739
  const N = () => {
1740
1740
  if (h.current) {
1741
1741
  const m = document.querySelector("[vw]"), x = !v;
1742
- m && (m.style.visibility = x ? "" : "hidden", m.style.opacity = x ? "" : "0", m.style.pointerEvents = x ? "" : "none"), p(x);
1742
+ m && (m.style.visibility = x ? "" : "hidden", m.style.opacity = x ? "" : "0", m.style.pointerEvents = x ? "" : "none"), g(x);
1743
1743
  } else {
1744
1744
  const m = document.createElement("div");
1745
1745
  m.setAttribute("vw", ""), m.className = "enabled", m.innerHTML = '<div vw-access-button class="active"></div><div vw-plugin-wrapper><div class="vw-plugin-top-wrapper"></div></div>', document.body.appendChild(m);
1746
1746
  const x = document.createElement("script");
1747
1747
  x.src = "https://vlibras.gov.br/app/vlibras-plugin.js", x.async = !0, x.onload = () => {
1748
- window.VLibras && (new window.VLibras.Widget("https://vlibras.gov.br/app"), typeof window.onload == "function" && window.onload(new Event("load"))), h.current = !0, p(!0);
1748
+ window.VLibras && (new window.VLibras.Widget("https://vlibras.gov.br/app"), typeof window.onload == "function" && window.onload(new Event("load"))), h.current = !0, g(!0);
1749
1749
  }, document.body.appendChild(x);
1750
1750
  }
1751
1751
  }, y = () => {
@@ -1753,10 +1753,10 @@ const st = w(
1753
1753
  u(m), document.documentElement.setAttribute("data-theme", m), localStorage.setItem("a11y-theme", m), t == null || t(m);
1754
1754
  }, c = () => {
1755
1755
  const m = Math.min(f + 2, 24);
1756
- g(m), document.documentElement.style.setProperty("--font-size", `${m}px`), document.documentElement.style.fontSize = `${m}px`, localStorage.setItem("a11y-font-size", m.toString()), r == null || r(m);
1756
+ p(m), document.documentElement.style.setProperty("--font-size", `${m}px`), document.documentElement.style.fontSize = `${m}px`, localStorage.setItem("a11y-font-size", m.toString()), r == null || r(m);
1757
1757
  }, b = () => {
1758
1758
  const m = Math.max(f - 2, 12);
1759
- g(m), document.documentElement.style.setProperty("--font-size", `${m}px`), document.documentElement.style.fontSize = `${m}px`, localStorage.setItem("a11y-font-size", m.toString()), r == null || r(m);
1759
+ p(m), document.documentElement.style.setProperty("--font-size", `${m}px`), document.documentElement.style.fontSize = `${m}px`, localStorage.setItem("a11y-font-size", m.toString()), r == null || r(m);
1760
1760
  };
1761
1761
  return /* @__PURE__ */ e(
1762
1762
  "div",
@@ -1863,12 +1863,12 @@ const lt = w(
1863
1863
  autoplay: s = !0,
1864
1864
  ...l
1865
1865
  }, n) => {
1866
- const [d, u] = C(0), [f, g] = C(!1), [v, p] = C(!1);
1866
+ const [d, u] = C(0), [f, p] = C(!1), [v, g] = C(!1);
1867
1867
  L(() => {
1868
1868
  const c = window.matchMedia("(prefers-reduced-motion: reduce)");
1869
- p(c.matches);
1869
+ g(c.matches);
1870
1870
  const b = (m) => {
1871
- p(m.matches);
1871
+ g(m.matches);
1872
1872
  };
1873
1873
  return c.addEventListener("change", b), () => c.removeEventListener("change", b);
1874
1874
  }, []), L(() => {
@@ -1879,7 +1879,7 @@ const lt = w(
1879
1879
  return () => clearInterval(c);
1880
1880
  }, [s, r, t.length, f, v]);
1881
1881
  const h = (c) => {
1882
- u(c), g(!0), setTimeout(() => g(!1), r);
1882
+ u(c), p(!0), setTimeout(() => p(!1), r);
1883
1883
  }, N = () => {
1884
1884
  h((d - 1 + t.length) % t.length);
1885
1885
  }, y = () => {
@@ -1890,8 +1890,8 @@ const lt = w(
1890
1890
  {
1891
1891
  ref: n,
1892
1892
  className: i("w-full", a),
1893
- onMouseEnter: () => g(!0),
1894
- onMouseLeave: () => g(!1),
1893
+ onMouseEnter: () => p(!0),
1894
+ onMouseLeave: () => p(!1),
1895
1895
  ...l,
1896
1896
  children: [
1897
1897
  /* @__PURE__ */ o("div", { className: "relative w-full overflow-hidden", children: [
@@ -2017,7 +2017,7 @@ function dt({
2017
2017
  ...s,
2018
2018
  children: [
2019
2019
  t,
2020
- r && /* @__PURE__ */ e(gt, {})
2020
+ r && /* @__PURE__ */ e(pt, {})
2021
2021
  ]
2022
2022
  }
2023
2023
  );
@@ -2096,7 +2096,7 @@ function ft({
2096
2096
  }
2097
2097
  );
2098
2098
  }
2099
- function gt({
2099
+ function pt({
2100
2100
  className: a,
2101
2101
  ...t
2102
2102
  }) {
@@ -2136,7 +2136,7 @@ function q({
2136
2136
  }
2137
2137
  );
2138
2138
  }
2139
- function pt({ items: a }) {
2139
+ function gt({ items: a }) {
2140
2140
  return /* @__PURE__ */ e("ul", { className: "grid gap-0.5 p-2 min-w-[180px]", role: "none", children: a.map(
2141
2141
  (t) => {
2142
2142
  var r;
@@ -2269,10 +2269,10 @@ const vt = w(
2269
2269
  className: "hidden border-t border-[var(--border)] py-2 md:flex",
2270
2270
  children: /* @__PURE__ */ e(dt, { children: /* @__PURE__ */ e(ct, { children: a.map(
2271
2271
  (f) => {
2272
- var g;
2273
- return (g = f.children) != null && g.length ? /* @__PURE__ */ o(W, { children: [
2272
+ var p;
2273
+ return (p = f.children) != null && p.length ? /* @__PURE__ */ o(W, { children: [
2274
2274
  /* @__PURE__ */ e(mt, { className: "h-9 bg-transparent text-sm text-[var(--foreground)] hover:bg-[var(--accent)]", children: f.label }),
2275
- /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ e(pt, { items: f.children }) })
2275
+ /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ e(gt, { items: f.children }) })
2276
2276
  ] }, f.id) : /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(
2277
2277
  q,
2278
2278
  {
@@ -2406,7 +2406,7 @@ function Nt({ title: a, links: t }) {
2406
2406
  ] });
2407
2407
  }
2408
2408
  const yt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, playStoreUrl: s, appStoreUrl: l, orgInfo: n, navColumns: d, className: u, ...f }) => {
2409
- const [g, v] = C("light");
2409
+ const [p, v] = C("light");
2410
2410
  L(() => {
2411
2411
  const z = document.documentElement;
2412
2412
  v(z.getAttribute("data-theme") ?? "light");
@@ -2415,10 +2415,10 @@ const yt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
2415
2415
  });
2416
2416
  return B.observe(z, { attributes: !0, attributeFilter: ["data-theme"] }), () => B.disconnect();
2417
2417
  }, []);
2418
- const p = a === "perabook" ? g === "dark" ? "/logos/logo_PeraBook_institucional_tarja_branca.png" : "/logos/PeraBook_instituicional.png" : g === "dark" ? "/logos/logo_elo_editora_texto_branco.png" : "/logos/logo_elo_institucional.png", h = a === "perabook" ? "PeraBook" : "Elo Editora", N = bt.map((z) => ({
2418
+ const g = a === "perabook" ? p === "dark" ? "/logos/logo_PeraBook_institucional_tarja_branca.png" : "/logos/PeraBook_instituicional.png" : p === "dark" ? "/logos/logo_elo_editora_texto_branco.png" : "/logos/logo_elo_institucional.png", h = a === "perabook" ? "PeraBook" : "Elo Editora", N = bt.map((z) => ({
2419
2419
  ...z,
2420
2420
  href: (n == null ? void 0 : n[z.key]) ?? z.href
2421
- })).filter((z) => z.href), y = (n == null ? void 0 : n.email) ?? "contato@grupoeloediorial.com.br", c = (n == null ? void 0 : n.phone) ?? "(11) 3000-0000", b = n == null ? void 0 : n.fullAddress, m = g === "dark" && (n == null ? void 0 : n.googlePlayBadgeUrlDark) || (n == null ? void 0 : n.googlePlayBadgeUrl) || "", x = g === "dark" && (n == null ? void 0 : n.appStoreBadgeUrlDark) || (n == null ? void 0 : n.appStoreBadgeUrl) || "", S = !!(m || x);
2421
+ })).filter((z) => z.href), y = (n == null ? void 0 : n.email) ?? "contato@grupoeloediorial.com.br", c = (n == null ? void 0 : n.phone) ?? "(11) 3000-0000", b = n == null ? void 0 : n.fullAddress, m = p === "dark" && (n == null ? void 0 : n.googlePlayBadgeUrlDark) || (n == null ? void 0 : n.googlePlayBadgeUrl) || "", x = p === "dark" && (n == null ? void 0 : n.appStoreBadgeUrlDark) || (n == null ? void 0 : n.appStoreBadgeUrl) || "", S = !!(m || x);
2422
2422
  return /* @__PURE__ */ o(
2423
2423
  "footer",
2424
2424
  {
@@ -2433,7 +2433,7 @@ const yt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
2433
2433
  /* @__PURE__ */ e(
2434
2434
  "img",
2435
2435
  {
2436
- src: p,
2436
+ src: g,
2437
2437
  alt: h,
2438
2438
  width: 290,
2439
2439
  height: 96,
@@ -2592,7 +2592,7 @@ export {
2592
2592
  Ue as PriceDisplay,
2593
2593
  I as ProductCard,
2594
2594
  Ye as ProductGrid,
2595
- ga as ProgressBar,
2595
+ pa as ProgressBar,
2596
2596
  Ge as QuantitySelector,
2597
2597
  Tt as RadioGroup,
2598
2598
  $t as RadioGroupItem,