@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 +9 -0
- package/dist/index.js +79 -79
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
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
|
|
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
|
|
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
|
-
...
|
|
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
|
-
...
|
|
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 [
|
|
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 && !
|
|
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:
|
|
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 [
|
|
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 =
|
|
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
|
-
|
|
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:
|
|
597
|
+
badgeVariant: p = "default",
|
|
598
598
|
isSkeleton: v = !1,
|
|
599
|
-
isOutOfStock:
|
|
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
|
-
|
|
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:
|
|
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:
|
|
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
|
-
|
|
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:
|
|
724
|
-
|
|
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:
|
|
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:
|
|
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
|
-
},
|
|
809
|
-
const [v,
|
|
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 &&
|
|
815
|
+
d === void 0 && g(x), u == null || u(m);
|
|
816
816
|
}, c = () => {
|
|
817
|
-
d === void 0 &&
|
|
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:
|
|
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
|
|
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
|
-
},
|
|
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
|
-
|
|
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 &&
|
|
904
|
+
n && p > 0 && /* @__PURE__ */ o(R, { variant: "success", size: "sm", children: [
|
|
905
905
|
"-",
|
|
906
|
-
|
|
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
|
-
},
|
|
934
|
+
}, p) => {
|
|
935
935
|
const v = () => {
|
|
936
936
|
t < s && l(t + 1);
|
|
937
|
-
},
|
|
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:
|
|
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:
|
|
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:
|
|
1212
|
+
children: p,
|
|
1213
1213
|
...v
|
|
1214
|
-
},
|
|
1214
|
+
}, g) => /* @__PURE__ */ o(
|
|
1215
1215
|
"section",
|
|
1216
1216
|
{
|
|
1217
|
-
ref:
|
|
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" &&
|
|
1299
|
+
t === "split" && p && /* @__PURE__ */ e("div", { className: "mt-8 lg:mt-0", children: p })
|
|
1300
1300
|
]
|
|
1301
1301
|
}
|
|
1302
1302
|
),
|
|
1303
|
-
t !== "split" &&
|
|
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
|
|
1320
|
-
default: /* @__PURE__ */ e(
|
|
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:
|
|
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
|
-
},
|
|
1366
|
-
const
|
|
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 ||
|
|
1387
|
+
}[t], h = r || g.title, N = s || g.message;
|
|
1388
1388
|
return /* @__PURE__ */ o(
|
|
1389
1389
|
"div",
|
|
1390
1390
|
{
|
|
1391
|
-
ref:
|
|
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
|
-
|
|
1402
|
-
/* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--destructive)]/10 p-6 text-[var(--destructive)]", children: /* @__PURE__ */ e(
|
|
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
|
-
...
|
|
1445
|
+
...p
|
|
1446
1446
|
}, v) => {
|
|
1447
|
-
const
|
|
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
|
-
|
|
1458
|
+
g[s],
|
|
1459
1459
|
a
|
|
1460
1460
|
),
|
|
1461
|
-
...
|
|
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
|
-
|
|
1490
|
+
g[s],
|
|
1491
1491
|
a
|
|
1492
1492
|
),
|
|
1493
|
-
...
|
|
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,
|
|
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 &&
|
|
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"),
|
|
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,
|
|
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
|
-
|
|
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
|
-
|
|
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,
|
|
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
|
-
|
|
1869
|
+
g(c.matches);
|
|
1870
1870
|
const b = (m) => {
|
|
1871
|
-
|
|
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),
|
|
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: () =>
|
|
1894
|
-
onMouseLeave: () =>
|
|
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(
|
|
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
|
|
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
|
|
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
|
|
2273
|
-
return (
|
|
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(
|
|
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 [
|
|
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
|
|
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 =
|
|
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:
|
|
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
|
-
|
|
2595
|
+
pa as ProgressBar,
|
|
2596
2596
|
Ge as QuantitySelector,
|
|
2597
2597
|
Tt as RadioGroup,
|
|
2598
2598
|
$t as RadioGroupItem,
|