@grupo-elo-editorial/shared-ui-react 1.4.3 → 1.4.4
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/dist/index.js +140 -138
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
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
|
-
import { forwardRef as
|
|
6
|
-
import { Loader2 as q, User as oe, Star as ne, CheckIcon as X, ChevronDownIcon as T, ChevronUpIcon as se, CircleIcon as le, ShoppingCart as $, Heart as de, Search as Y, X as ce, Minus as ue, Plus as me, ChevronRight as K, FileX as fe, Package as ge, AlertCircle as pe, RefreshCw as ve, Home as be, XIcon as O, Accessibility as he, ZoomOut as xe, ZoomIn as Ne, Moon as
|
|
5
|
+
import { forwardRef as w, useState as C, useRef as ie, useEffect as L } from "react";
|
|
6
|
+
import { Loader2 as q, User as oe, Star as ne, CheckIcon as X, ChevronDownIcon as T, ChevronUpIcon as se, CircleIcon as le, ShoppingCart as $, Heart as de, Search as Y, X as ce, Minus as ue, Plus as me, ChevronRight as K, FileX as fe, Package as ge, AlertCircle as pe, RefreshCw as ve, Home as be, XIcon as O, Accessibility as he, ZoomOut as xe, ZoomIn as Ne, Moon as 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 B } from "class-variance-authority";
|
|
8
8
|
import * as S from "@radix-ui/react-select";
|
|
9
9
|
import * as G from "@radix-ui/react-checkbox";
|
|
@@ -45,7 +45,7 @@ const Pe = B(
|
|
|
45
45
|
size: "md"
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
|
-
),
|
|
48
|
+
), j = w(
|
|
49
49
|
({
|
|
50
50
|
className: a,
|
|
51
51
|
variant: t,
|
|
@@ -75,8 +75,8 @@ const Pe = B(
|
|
|
75
75
|
}
|
|
76
76
|
)
|
|
77
77
|
);
|
|
78
|
-
|
|
79
|
-
const _e =
|
|
78
|
+
j.displayName = "Button";
|
|
79
|
+
const _e = w(
|
|
80
80
|
({ className: a, error: t, helperText: r, ...s }, l) => /* @__PURE__ */ o("div", { className: "w-full", children: [
|
|
81
81
|
/* @__PURE__ */ e(
|
|
82
82
|
"textarea",
|
|
@@ -131,7 +131,7 @@ const Be = B(
|
|
|
131
131
|
size: "md"
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
|
-
), R =
|
|
134
|
+
), R = w(
|
|
135
135
|
({ className: a, variant: t, size: r, icon: s, onRemove: l, children: n, ...d }, c) => /* @__PURE__ */ o(
|
|
136
136
|
"div",
|
|
137
137
|
{
|
|
@@ -170,7 +170,7 @@ const Ee = B(
|
|
|
170
170
|
size: "md"
|
|
171
171
|
}
|
|
172
172
|
}
|
|
173
|
-
), Le =
|
|
173
|
+
), Le = w(
|
|
174
174
|
({ className: a, size: t, src: r, alt: s, name: l, showStatus: n, statusType: d = "online", ...c }, m) => {
|
|
175
175
|
const [f, v] = C(!1), p = (N) => N.split(" ").map((u) => u[0]).join("").toUpperCase().slice(0, 2), h = {
|
|
176
176
|
online: "bg-[var(--success)]",
|
|
@@ -221,7 +221,7 @@ const Re = B("animate-spin text-[var(--brand-primary)]", {
|
|
|
221
221
|
defaultVariants: {
|
|
222
222
|
size: "md"
|
|
223
223
|
}
|
|
224
|
-
}), Te =
|
|
224
|
+
}), Te = w(
|
|
225
225
|
({ className: a, size: t, label: r, ...s }, l) => /* @__PURE__ */ o(
|
|
226
226
|
"div",
|
|
227
227
|
{
|
|
@@ -238,7 +238,7 @@ const Re = B("animate-spin text-[var(--brand-primary)]", {
|
|
|
238
238
|
)
|
|
239
239
|
);
|
|
240
240
|
Te.displayName = "Spinner";
|
|
241
|
-
const $e =
|
|
241
|
+
const $e = w(
|
|
242
242
|
({ className: a, orientation: t = "horizontal", variant: r = "solid", text: s, ...l }, n) => {
|
|
243
243
|
const d = {
|
|
244
244
|
solid: "border-solid",
|
|
@@ -285,7 +285,7 @@ const $e = y(
|
|
|
285
285
|
}
|
|
286
286
|
);
|
|
287
287
|
$e.displayName = "Divider";
|
|
288
|
-
const F =
|
|
288
|
+
const F = w(
|
|
289
289
|
({
|
|
290
290
|
className: a,
|
|
291
291
|
value: t = 0,
|
|
@@ -583,7 +583,7 @@ function Q({
|
|
|
583
583
|
}) {
|
|
584
584
|
return a ? /* @__PURE__ */ e("a", { href: a, className: t, tabIndex: -1, "aria-hidden": "true", children: r }) : /* @__PURE__ */ e("div", { className: t, children: r });
|
|
585
585
|
}
|
|
586
|
-
const I =
|
|
586
|
+
const I = w(
|
|
587
587
|
({
|
|
588
588
|
className: a,
|
|
589
589
|
image: t,
|
|
@@ -603,17 +603,17 @@ const I = y(
|
|
|
603
603
|
href: u,
|
|
604
604
|
orientation: b = "vertical",
|
|
605
605
|
renderImage: g = Ie,
|
|
606
|
-
...
|
|
607
|
-
},
|
|
606
|
+
...y
|
|
607
|
+
}, D) => v ? /* @__PURE__ */ o(
|
|
608
608
|
"div",
|
|
609
609
|
{
|
|
610
|
-
ref:
|
|
610
|
+
ref: D,
|
|
611
611
|
className: i(
|
|
612
612
|
"flex rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-4 animate-pulse",
|
|
613
613
|
b === "horizontal" ? "flex-row gap-3" : "flex-col",
|
|
614
614
|
a
|
|
615
615
|
),
|
|
616
|
-
...
|
|
616
|
+
...y,
|
|
617
617
|
children: [
|
|
618
618
|
/* @__PURE__ */ e(
|
|
619
619
|
"div",
|
|
@@ -634,13 +634,13 @@ const I = y(
|
|
|
634
634
|
) : b === "horizontal" ? /* @__PURE__ */ o(
|
|
635
635
|
"div",
|
|
636
636
|
{
|
|
637
|
-
ref:
|
|
637
|
+
ref: D,
|
|
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
|
p && "opacity-60",
|
|
641
641
|
a
|
|
642
642
|
),
|
|
643
|
-
...
|
|
643
|
+
...y,
|
|
644
644
|
children: [
|
|
645
645
|
/* @__PURE__ */ e(
|
|
646
646
|
Q,
|
|
@@ -683,7 +683,7 @@ const I = y(
|
|
|
683
683
|
] })
|
|
684
684
|
] }),
|
|
685
685
|
h && /* @__PURE__ */ e(
|
|
686
|
-
|
|
686
|
+
j,
|
|
687
687
|
{
|
|
688
688
|
onClick: h,
|
|
689
689
|
disabled: p,
|
|
@@ -701,13 +701,13 @@ const I = y(
|
|
|
701
701
|
) : /* @__PURE__ */ o(
|
|
702
702
|
"div",
|
|
703
703
|
{
|
|
704
|
-
ref:
|
|
704
|
+
ref: D,
|
|
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
|
p && "opacity-60",
|
|
708
708
|
a
|
|
709
709
|
),
|
|
710
|
-
...
|
|
710
|
+
...y,
|
|
711
711
|
children: [
|
|
712
712
|
/* @__PURE__ */ o(
|
|
713
713
|
Q,
|
|
@@ -771,7 +771,7 @@ const I = y(
|
|
|
771
771
|
] })
|
|
772
772
|
] }),
|
|
773
773
|
h && /* @__PURE__ */ e(
|
|
774
|
-
|
|
774
|
+
j,
|
|
775
775
|
{
|
|
776
776
|
onClick: h,
|
|
777
777
|
disabled: p,
|
|
@@ -794,7 +794,7 @@ const I = y(
|
|
|
794
794
|
)
|
|
795
795
|
);
|
|
796
796
|
I.displayName = "ProductCard";
|
|
797
|
-
const Ue =
|
|
797
|
+
const Ue = w(
|
|
798
798
|
({
|
|
799
799
|
className: a,
|
|
800
800
|
onSearch: t,
|
|
@@ -811,8 +811,8 @@ const Ue = y(
|
|
|
811
811
|
md: "h-11 text-base",
|
|
812
812
|
lg: "h-14 text-lg"
|
|
813
813
|
}, N = (g) => {
|
|
814
|
-
const
|
|
815
|
-
d === void 0 && p(
|
|
814
|
+
const y = g.target.value;
|
|
815
|
+
d === void 0 && p(y), c == null || c(g);
|
|
816
816
|
}, u = () => {
|
|
817
817
|
d === void 0 && p(""), r == null || r();
|
|
818
818
|
}, b = (g) => {
|
|
@@ -856,7 +856,7 @@ const Ue = y(
|
|
|
856
856
|
}
|
|
857
857
|
);
|
|
858
858
|
Ue.displayName = "SearchBar";
|
|
859
|
-
const qe =
|
|
859
|
+
const qe = w(
|
|
860
860
|
({
|
|
861
861
|
className: a,
|
|
862
862
|
price: t,
|
|
@@ -920,7 +920,7 @@ const qe = y(
|
|
|
920
920
|
}
|
|
921
921
|
);
|
|
922
922
|
qe.displayName = "PriceDisplay";
|
|
923
|
-
const Ge =
|
|
923
|
+
const Ge = w(
|
|
924
924
|
({
|
|
925
925
|
className: a,
|
|
926
926
|
value: t,
|
|
@@ -952,7 +952,7 @@ const Ge = y(
|
|
|
952
952
|
c && /* @__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(
|
|
955
|
-
|
|
955
|
+
j,
|
|
956
956
|
{
|
|
957
957
|
type: "button",
|
|
958
958
|
variant: "secondary",
|
|
@@ -984,7 +984,7 @@ const Ge = y(
|
|
|
984
984
|
}
|
|
985
985
|
),
|
|
986
986
|
/* @__PURE__ */ e(
|
|
987
|
-
|
|
987
|
+
j,
|
|
988
988
|
{
|
|
989
989
|
type: "button",
|
|
990
990
|
variant: "secondary",
|
|
@@ -1001,7 +1001,7 @@ const Ge = y(
|
|
|
1001
1001
|
}
|
|
1002
1002
|
);
|
|
1003
1003
|
Ge.displayName = "QuantitySelector";
|
|
1004
|
-
const He =
|
|
1004
|
+
const He = w(
|
|
1005
1005
|
({ className: a, label: t, htmlFor: r, required: s, error: l, helperText: n, children: d, ...c }, m) => /* @__PURE__ */ o("div", { ref: m, className: i("flex flex-col gap-1.5", a), ...c, children: [
|
|
1006
1006
|
t && /* @__PURE__ */ o(
|
|
1007
1007
|
"label",
|
|
@@ -1198,7 +1198,7 @@ function Zt({
|
|
|
1198
1198
|
}
|
|
1199
1199
|
) });
|
|
1200
1200
|
}
|
|
1201
|
-
const We =
|
|
1201
|
+
const We = w(
|
|
1202
1202
|
({
|
|
1203
1203
|
className: a,
|
|
1204
1204
|
variant: t = "default",
|
|
@@ -1277,7 +1277,7 @@ const We = y(
|
|
|
1277
1277
|
),
|
|
1278
1278
|
(n || d) && /* @__PURE__ */ o("div", { className: "mt-8 flex flex-wrap gap-4", children: [
|
|
1279
1279
|
n && /* @__PURE__ */ e(
|
|
1280
|
-
|
|
1280
|
+
j,
|
|
1281
1281
|
{
|
|
1282
1282
|
size: "lg",
|
|
1283
1283
|
onClick: n.onClick,
|
|
@@ -1286,7 +1286,7 @@ const We = y(
|
|
|
1286
1286
|
}
|
|
1287
1287
|
),
|
|
1288
1288
|
d && /* @__PURE__ */ e(
|
|
1289
|
-
|
|
1289
|
+
j,
|
|
1290
1290
|
{
|
|
1291
1291
|
size: "lg",
|
|
1292
1292
|
onClick: d.onClick,
|
|
@@ -1306,7 +1306,7 @@ const We = y(
|
|
|
1306
1306
|
)
|
|
1307
1307
|
);
|
|
1308
1308
|
We.displayName = "Hero";
|
|
1309
|
-
const J =
|
|
1309
|
+
const J = w(
|
|
1310
1310
|
({
|
|
1311
1311
|
className: a,
|
|
1312
1312
|
variant: t = "default",
|
|
@@ -1336,7 +1336,7 @@ const J = y(
|
|
|
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(
|
|
1339
|
-
|
|
1339
|
+
j,
|
|
1340
1340
|
{
|
|
1341
1341
|
onClick: n.onClick,
|
|
1342
1342
|
variant: "primary",
|
|
@@ -1351,7 +1351,7 @@ const J = y(
|
|
|
1351
1351
|
}
|
|
1352
1352
|
);
|
|
1353
1353
|
J.displayName = "EmptyState";
|
|
1354
|
-
const Xe =
|
|
1354
|
+
const Xe = w(
|
|
1355
1355
|
({
|
|
1356
1356
|
className: a,
|
|
1357
1357
|
type: t = "generic",
|
|
@@ -1405,7 +1405,7 @@ const Xe = y(
|
|
|
1405
1405
|
/* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: x }),
|
|
1406
1406
|
/* @__PURE__ */ o("div", { className: "mt-8 flex flex-wrap gap-4 justify-center", children: [
|
|
1407
1407
|
d && l && /* @__PURE__ */ e(
|
|
1408
|
-
|
|
1408
|
+
j,
|
|
1409
1409
|
{
|
|
1410
1410
|
onClick: l,
|
|
1411
1411
|
variant: "primary",
|
|
@@ -1415,7 +1415,7 @@ const Xe = y(
|
|
|
1415
1415
|
}
|
|
1416
1416
|
),
|
|
1417
1417
|
c && n && /* @__PURE__ */ e(
|
|
1418
|
-
|
|
1418
|
+
j,
|
|
1419
1419
|
{
|
|
1420
1420
|
onClick: n,
|
|
1421
1421
|
variant: "secondary",
|
|
@@ -1431,7 +1431,7 @@ const Xe = y(
|
|
|
1431
1431
|
}
|
|
1432
1432
|
);
|
|
1433
1433
|
Xe.displayName = "ErrorState";
|
|
1434
|
-
const Ye =
|
|
1434
|
+
const Ye = w(
|
|
1435
1435
|
({
|
|
1436
1436
|
className: a,
|
|
1437
1437
|
products: t,
|
|
@@ -1727,26 +1727,26 @@ function nt({ children: a, as: t = "div", className: r }) {
|
|
|
1727
1727
|
}
|
|
1728
1728
|
);
|
|
1729
1729
|
}
|
|
1730
|
-
const st =
|
|
1730
|
+
const st = w(
|
|
1731
1731
|
({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: s = !1, ...l }, n) => {
|
|
1732
1732
|
const [d, c] = C("light"), [m, f] = C(16), [v, p] = C(!1), h = ie(!1);
|
|
1733
1733
|
L(() => {
|
|
1734
|
-
const
|
|
1735
|
-
c(
|
|
1736
|
-
const
|
|
1737
|
-
Number.isFinite(
|
|
1734
|
+
const y = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
|
|
1735
|
+
c(y);
|
|
1736
|
+
const D = Number(localStorage.getItem("a11y-font-size"));
|
|
1737
|
+
Number.isFinite(D) && D > 0 && f(D);
|
|
1738
1738
|
}, []);
|
|
1739
1739
|
const x = () => {
|
|
1740
1740
|
if (h.current) {
|
|
1741
|
-
const g = document.querySelector("[vw]"),
|
|
1742
|
-
g && (g.style.display =
|
|
1741
|
+
const g = document.querySelector("[vw]"), y = !v;
|
|
1742
|
+
g && (g.style.display = y ? "" : "none"), p(y);
|
|
1743
1743
|
} else {
|
|
1744
1744
|
const g = document.createElement("div");
|
|
1745
1745
|
g.setAttribute("vw", ""), g.className = "enabled", g.innerHTML = '<div vw-access-button class="active"></div><div vw-plugin-wrapper><div class="vw-plugin-top-wrapper"></div></div>', document.body.appendChild(g);
|
|
1746
|
-
const
|
|
1747
|
-
|
|
1746
|
+
const y = document.createElement("script");
|
|
1747
|
+
y.src = "https://vlibras.gov.br/app/vlibras-plugin.js", y.async = !0, y.onload = () => {
|
|
1748
1748
|
window.VLibras && new window.VLibras.Widget("https://vlibras.gov.br/app"), h.current = !0, p(!0);
|
|
1749
|
-
}, document.body.appendChild(
|
|
1749
|
+
}, document.body.appendChild(y);
|
|
1750
1750
|
}
|
|
1751
1751
|
}, N = () => {
|
|
1752
1752
|
const g = d === "light" ? "dark" : "light";
|
|
@@ -1826,7 +1826,7 @@ const st = y(
|
|
|
1826
1826
|
"p-2 rounded-md transition-colors text-[var(--muted-foreground)] hover:bg-[var(--muted)]",
|
|
1827
1827
|
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
|
|
1828
1828
|
),
|
|
1829
|
-
children: d === "light" ? /* @__PURE__ */ e(
|
|
1829
|
+
children: d === "light" ? /* @__PURE__ */ e(ye, { className: "h-4 w-4" }) : /* @__PURE__ */ e(we, { className: "h-4 w-4" })
|
|
1830
1830
|
}
|
|
1831
1831
|
),
|
|
1832
1832
|
/* @__PURE__ */ e(
|
|
@@ -1855,7 +1855,7 @@ const st = y(
|
|
|
1855
1855
|
}
|
|
1856
1856
|
);
|
|
1857
1857
|
st.displayName = "TopAccessibilityBar";
|
|
1858
|
-
const lt =
|
|
1858
|
+
const lt = w(
|
|
1859
1859
|
({
|
|
1860
1860
|
className: a,
|
|
1861
1861
|
slides: t,
|
|
@@ -1889,95 +1889,97 @@ const lt = y(
|
|
|
1889
1889
|
"div",
|
|
1890
1890
|
{
|
|
1891
1891
|
ref: n,
|
|
1892
|
-
className: i("
|
|
1892
|
+
className: i("w-full", a),
|
|
1893
1893
|
onMouseEnter: () => f(!0),
|
|
1894
1894
|
onMouseLeave: () => f(!1),
|
|
1895
1895
|
...l,
|
|
1896
1896
|
children: [
|
|
1897
|
-
/* @__PURE__ */
|
|
1898
|
-
"div",
|
|
1899
|
-
|
|
1900
|
-
className: i(
|
|
1901
|
-
"w-full transition-opacity duration-700",
|
|
1902
|
-
b === d ? "block" : "hidden"
|
|
1903
|
-
),
|
|
1904
|
-
"aria-hidden": b !== d,
|
|
1905
|
-
children: [
|
|
1906
|
-
/* @__PURE__ */ o("picture", { children: [
|
|
1907
|
-
/* @__PURE__ */ e(
|
|
1908
|
-
"source",
|
|
1909
|
-
{
|
|
1910
|
-
media: "(min-width: 1024px)",
|
|
1911
|
-
srcSet: `${u.imageDesktop} 1x, ${u.imageDesktop.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
|
|
1912
|
-
}
|
|
1913
|
-
),
|
|
1914
|
-
/* @__PURE__ */ e(
|
|
1915
|
-
"source",
|
|
1916
|
-
{
|
|
1917
|
-
media: "(min-width: 768px)",
|
|
1918
|
-
srcSet: `${u.imageTablet} 1x, ${u.imageTablet.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
|
|
1919
|
-
}
|
|
1920
|
-
),
|
|
1921
|
-
/* @__PURE__ */ e(
|
|
1922
|
-
"img",
|
|
1923
|
-
{
|
|
1924
|
-
src: u.imageMobile,
|
|
1925
|
-
srcSet: `${u.imageMobile} 1x, ${u.imageMobile.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`,
|
|
1926
|
-
alt: u.title,
|
|
1927
|
-
className: "w-full object-cover aspect-3/2 md:aspect-video lg:aspect-1920/560",
|
|
1928
|
-
loading: b === 0 ? "eager" : "lazy"
|
|
1929
|
-
}
|
|
1930
|
-
)
|
|
1931
|
-
] }),
|
|
1932
|
-
u.showOverlay && /* @__PURE__ */ o("div", { className: "absolute inset-0 flex flex-col justify-end bg-linear-to-t from-black/60 to-transparent p-6 md:p-10", children: [
|
|
1933
|
-
/* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-white md:text-3xl", children: u.title }),
|
|
1934
|
-
u.description && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-gray-200 md:text-base", children: u.description }),
|
|
1935
|
-
u.cta && /* @__PURE__ */ e(
|
|
1936
|
-
"a",
|
|
1937
|
-
{
|
|
1938
|
-
href: u.cta.href,
|
|
1939
|
-
className: "mt-4 inline-block self-start rounded-md bg-brand-primary px-5 py-2 text-sm font-semibold text-white transition hover:opacity-90",
|
|
1940
|
-
children: u.cta.label
|
|
1941
|
-
}
|
|
1942
|
-
)
|
|
1943
|
-
] })
|
|
1944
|
-
]
|
|
1945
|
-
},
|
|
1946
|
-
u.id
|
|
1947
|
-
)) }),
|
|
1948
|
-
t.length > 1 && /* @__PURE__ */ o(P, { children: [
|
|
1949
|
-
/* @__PURE__ */ e(
|
|
1950
|
-
"button",
|
|
1951
|
-
{
|
|
1952
|
-
onClick: x,
|
|
1953
|
-
className: "absolute left-4 top-1/2 -translate-y-1/2 rounded-full bg-white/50 p-2 shadow-lg transition-all hover:bg-white/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] min-w-[44px] min-h-[44px]",
|
|
1954
|
-
"aria-label": "Slide anterior",
|
|
1955
|
-
children: /* @__PURE__ */ e(ke, { className: "h-6 w-6 text-gray-900" })
|
|
1956
|
-
}
|
|
1957
|
-
),
|
|
1958
|
-
/* @__PURE__ */ e(
|
|
1959
|
-
"button",
|
|
1897
|
+
/* @__PURE__ */ o("div", { className: "relative w-full overflow-hidden", children: [
|
|
1898
|
+
/* @__PURE__ */ e("div", { className: "relative", children: t.map((u, b) => /* @__PURE__ */ o(
|
|
1899
|
+
"div",
|
|
1960
1900
|
{
|
|
1961
|
-
|
|
1962
|
-
|
|
1963
|
-
|
|
1964
|
-
|
|
1965
|
-
|
|
1966
|
-
|
|
1901
|
+
className: i(
|
|
1902
|
+
"w-full transition-opacity duration-700",
|
|
1903
|
+
b === d ? "block" : "hidden"
|
|
1904
|
+
),
|
|
1905
|
+
"aria-hidden": b !== d,
|
|
1906
|
+
children: [
|
|
1907
|
+
/* @__PURE__ */ o("picture", { children: [
|
|
1908
|
+
/* @__PURE__ */ e(
|
|
1909
|
+
"source",
|
|
1910
|
+
{
|
|
1911
|
+
media: "(min-width: 1024px)",
|
|
1912
|
+
srcSet: `${u.imageDesktop} 1x, ${u.imageDesktop.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
|
|
1913
|
+
}
|
|
1914
|
+
),
|
|
1915
|
+
/* @__PURE__ */ e(
|
|
1916
|
+
"source",
|
|
1917
|
+
{
|
|
1918
|
+
media: "(min-width: 768px)",
|
|
1919
|
+
srcSet: `${u.imageTablet} 1x, ${u.imageTablet.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
|
|
1920
|
+
}
|
|
1921
|
+
),
|
|
1922
|
+
/* @__PURE__ */ e(
|
|
1923
|
+
"img",
|
|
1924
|
+
{
|
|
1925
|
+
src: u.imageMobile,
|
|
1926
|
+
srcSet: `${u.imageMobile} 1x, ${u.imageMobile.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`,
|
|
1927
|
+
alt: u.title,
|
|
1928
|
+
className: "w-full object-cover aspect-3/2 md:aspect-video lg:aspect-1920/560",
|
|
1929
|
+
loading: b === 0 ? "eager" : "lazy"
|
|
1930
|
+
}
|
|
1931
|
+
)
|
|
1932
|
+
] }),
|
|
1933
|
+
u.showOverlay && /* @__PURE__ */ o("div", { className: "absolute inset-0 flex flex-col justify-end bg-linear-to-t from-black/60 to-transparent p-6 md:p-10", children: [
|
|
1934
|
+
/* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-white md:text-3xl", children: u.title }),
|
|
1935
|
+
u.description && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-gray-200 md:text-base", children: u.description }),
|
|
1936
|
+
u.cta && /* @__PURE__ */ e(
|
|
1937
|
+
"a",
|
|
1938
|
+
{
|
|
1939
|
+
href: u.cta.href,
|
|
1940
|
+
className: "mt-4 inline-block self-start rounded-md bg-brand-primary px-5 py-2 text-sm font-semibold text-white transition hover:opacity-90",
|
|
1941
|
+
children: u.cta.label
|
|
1942
|
+
}
|
|
1943
|
+
)
|
|
1944
|
+
] })
|
|
1945
|
+
]
|
|
1946
|
+
},
|
|
1947
|
+
u.id
|
|
1948
|
+
)) }),
|
|
1949
|
+
t.length > 1 && /* @__PURE__ */ o(P, { children: [
|
|
1950
|
+
/* @__PURE__ */ e(
|
|
1951
|
+
"button",
|
|
1952
|
+
{
|
|
1953
|
+
onClick: x,
|
|
1954
|
+
className: "absolute left-4 top-1/2 -translate-y-1/2 rounded-full bg-white/50 p-2 shadow-lg transition-all hover:bg-white/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-w-11 min-h-11",
|
|
1955
|
+
"aria-label": "Slide anterior",
|
|
1956
|
+
children: /* @__PURE__ */ e(ke, { className: "h-6 w-6 text-gray-900" })
|
|
1957
|
+
}
|
|
1958
|
+
),
|
|
1959
|
+
/* @__PURE__ */ e(
|
|
1960
|
+
"button",
|
|
1961
|
+
{
|
|
1962
|
+
onClick: N,
|
|
1963
|
+
className: "absolute right-4 top-1/2 -translate-y-1/2 rounded-full bg-white/50 p-2 shadow-lg transition-all hover:bg-white/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-w-11 min-h-11",
|
|
1964
|
+
"aria-label": "Próximo slide",
|
|
1965
|
+
children: /* @__PURE__ */ e(K, { className: "h-6 w-6 text-gray-900" })
|
|
1966
|
+
}
|
|
1967
|
+
)
|
|
1968
|
+
] })
|
|
1967
1969
|
] }),
|
|
1968
|
-
t.length > 1 && /* @__PURE__ */ e("div", { className: "
|
|
1970
|
+
t.length > 1 && /* @__PURE__ */ e("div", { className: "flex justify-center gap-2 py-3", children: t.map((u, b) => /* @__PURE__ */ e(
|
|
1969
1971
|
"button",
|
|
1970
1972
|
{
|
|
1971
1973
|
onClick: () => h(b),
|
|
1972
|
-
className: "min-w-11 min-h-
|
|
1974
|
+
className: "min-w-11 min-h-11 flex items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-full group",
|
|
1973
1975
|
"aria-label": `Ir para slide ${b + 1}`,
|
|
1974
1976
|
"aria-current": b === d,
|
|
1975
1977
|
children: /* @__PURE__ */ e(
|
|
1976
1978
|
"span",
|
|
1977
1979
|
{
|
|
1978
1980
|
className: i(
|
|
1979
|
-
"block rounded-full transition-all",
|
|
1980
|
-
b === d ? "
|
|
1981
|
+
"block h-3 w-3 rounded-full transition-all",
|
|
1982
|
+
b === d ? "bg-gray-700" : "bg-gray-700/30 group-hover:bg-gray-700/60"
|
|
1981
1983
|
)
|
|
1982
1984
|
}
|
|
1983
1985
|
)
|
|
@@ -2209,7 +2211,7 @@ function ee({ item: a, depth: t = 0 }) {
|
|
|
2209
2211
|
)
|
|
2210
2212
|
] });
|
|
2211
2213
|
}
|
|
2212
|
-
const vt =
|
|
2214
|
+
const vt = w(
|
|
2213
2215
|
({ items: a, logo: t, rightSlot: r, searchSlot: s, drawerFooter: l, className: n, ...d }, c) => /* @__PURE__ */ e(
|
|
2214
2216
|
"header",
|
|
2215
2217
|
{
|
|
@@ -2284,8 +2286,8 @@ vt.displayName = "MegaMenu";
|
|
|
2284
2286
|
const bt = [
|
|
2285
2287
|
{ label: "Instagram", href: "https://instagram.com/eloeditora", Icon: Ce, key: "instagram" },
|
|
2286
2288
|
{ label: "Facebook", href: "https://facebook.com/eloeditora", Icon: Se, key: "facebook" },
|
|
2287
|
-
{ label: "YouTube", href: "https://youtube.com/@eloeditora", Icon:
|
|
2288
|
-
{ label: "LinkedIn", href: "https://linkedin.com/company/eloeditora", Icon:
|
|
2289
|
+
{ label: "YouTube", href: "https://youtube.com/@eloeditora", Icon: je, key: "youtube" },
|
|
2290
|
+
{ label: "LinkedIn", href: "https://linkedin.com/company/eloeditora", Icon: De, key: "linkedin" }
|
|
2289
2291
|
], ht = [
|
|
2290
2292
|
{
|
|
2291
2293
|
id: "catalogo",
|
|
@@ -2396,7 +2398,7 @@ function Nt({ title: a, links: t }) {
|
|
|
2396
2398
|
)
|
|
2397
2399
|
] });
|
|
2398
2400
|
}
|
|
2399
|
-
const
|
|
2401
|
+
const yt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, playStoreUrl: s, appStoreUrl: l, orgInfo: n, navColumns: d, className: c, ...m }) => {
|
|
2400
2402
|
const [f, v] = C("light");
|
|
2401
2403
|
L(() => {
|
|
2402
2404
|
const z = document.documentElement;
|
|
@@ -2409,7 +2411,7 @@ const wt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
|
|
|
2409
2411
|
const p = a === "perabook" ? f === "dark" ? "/logos/logo_PeraBook_institucional_tarja_branca.png" : "/logos/PeraBook_instituicional.png" : f === "dark" ? "/logos/logo_elo_editora_texto_branco.png" : "/logos/logo_elo_institucional.png", h = a === "perabook" ? "PeraBook" : "Elo Editora", x = bt.map((z) => ({
|
|
2410
2412
|
...z,
|
|
2411
2413
|
href: (n == null ? void 0 : n[z.key]) ?? z.href
|
|
2412
|
-
})).filter((z) => z.href), N = (n == null ? void 0 : n.email) ?? "contato@grupoeloediorial.com.br", u = (n == null ? void 0 : n.phone) ?? "(11) 3000-0000", b = n == null ? void 0 : n.fullAddress, g = f === "dark" && (n == null ? void 0 : n.googlePlayBadgeUrlDark) || (n == null ? void 0 : n.googlePlayBadgeUrl) || "",
|
|
2414
|
+
})).filter((z) => z.href), N = (n == null ? void 0 : n.email) ?? "contato@grupoeloediorial.com.br", u = (n == null ? void 0 : n.phone) ?? "(11) 3000-0000", b = n == null ? void 0 : n.fullAddress, g = f === "dark" && (n == null ? void 0 : n.googlePlayBadgeUrlDark) || (n == null ? void 0 : n.googlePlayBadgeUrl) || "", y = f === "dark" && (n == null ? void 0 : n.appStoreBadgeUrlDark) || (n == null ? void 0 : n.appStoreBadgeUrl) || "", D = !!(g || y);
|
|
2413
2415
|
return /* @__PURE__ */ o(
|
|
2414
2416
|
"footer",
|
|
2415
2417
|
{
|
|
@@ -2441,7 +2443,7 @@ const wt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
|
|
|
2441
2443
|
] }),
|
|
2442
2444
|
(d ?? ht).map((z) => /* @__PURE__ */ e(Nt, { title: z.title, links: z.links }, z.id)),
|
|
2443
2445
|
/* @__PURE__ */ o("div", { className: "mb-8 md:mb-0", children: [
|
|
2444
|
-
|
|
2446
|
+
D && /* @__PURE__ */ o(P, { children: [
|
|
2445
2447
|
/* @__PURE__ */ e("p", { className: "text-sm font-semibold uppercase tracking-wide text-[var(--foreground)]", children: "Baixe nosso app" }),
|
|
2446
2448
|
/* @__PURE__ */ o("div", { className: "mt-3 flex flex-col gap-2", children: [
|
|
2447
2449
|
g && /* @__PURE__ */ e(
|
|
@@ -2465,7 +2467,7 @@ const wt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
|
|
|
2465
2467
|
)
|
|
2466
2468
|
}
|
|
2467
2469
|
),
|
|
2468
|
-
|
|
2470
|
+
y && /* @__PURE__ */ e(
|
|
2469
2471
|
"a",
|
|
2470
2472
|
{
|
|
2471
2473
|
href: l ?? "#",
|
|
@@ -2476,13 +2478,13 @@ const wt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
|
|
|
2476
2478
|
children: /* @__PURE__ */ e(
|
|
2477
2479
|
"img",
|
|
2478
2480
|
{
|
|
2479
|
-
src:
|
|
2481
|
+
src: y,
|
|
2480
2482
|
alt: "Disponível na App Store",
|
|
2481
2483
|
width: 135,
|
|
2482
2484
|
height: 40,
|
|
2483
2485
|
className: "h-10 w-[135px] object-contain"
|
|
2484
2486
|
},
|
|
2485
|
-
|
|
2487
|
+
y
|
|
2486
2488
|
)
|
|
2487
2489
|
}
|
|
2488
2490
|
)
|
|
@@ -2520,7 +2522,7 @@ const wt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
|
|
|
2520
2522
|
}
|
|
2521
2523
|
);
|
|
2522
2524
|
};
|
|
2523
|
-
|
|
2525
|
+
yt.displayName = "Footer";
|
|
2524
2526
|
function la({ children: a, className: t }) {
|
|
2525
2527
|
return /* @__PURE__ */ e(
|
|
2526
2528
|
"div",
|
|
@@ -2534,7 +2536,7 @@ function la({ children: a, className: t }) {
|
|
|
2534
2536
|
}
|
|
2535
2537
|
);
|
|
2536
2538
|
}
|
|
2537
|
-
const
|
|
2539
|
+
const wt = {
|
|
2538
2540
|
1: "col-span-1",
|
|
2539
2541
|
2: "col-span-2",
|
|
2540
2542
|
3: "col-span-3",
|
|
@@ -2543,7 +2545,7 @@ const yt = {
|
|
|
2543
2545
|
6: "col-span-6"
|
|
2544
2546
|
};
|
|
2545
2547
|
function da({ children: a, span: t, className: r }) {
|
|
2546
|
-
return /* @__PURE__ */ e("div", { "data-slot": "col", className: i("min-w-0", t &&
|
|
2548
|
+
return /* @__PURE__ */ e("div", { "data-slot": "col", className: i("min-w-0", t && wt[t], r), children: a });
|
|
2547
2549
|
}
|
|
2548
2550
|
export {
|
|
2549
2551
|
Qt as Accordion,
|
|
@@ -2558,7 +2560,7 @@ export {
|
|
|
2558
2560
|
It as BreadcrumbList,
|
|
2559
2561
|
Gt as BreadcrumbPage,
|
|
2560
2562
|
Ht as BreadcrumbSeparator,
|
|
2561
|
-
|
|
2563
|
+
j as Button,
|
|
2562
2564
|
Rt as Checkbox,
|
|
2563
2565
|
da as Col,
|
|
2564
2566
|
nt as Container,
|
|
@@ -2572,7 +2574,7 @@ export {
|
|
|
2572
2574
|
Ze as Drawer,
|
|
2573
2575
|
J as EmptyState,
|
|
2574
2576
|
Xe as ErrorState,
|
|
2575
|
-
|
|
2577
|
+
yt as Footer,
|
|
2576
2578
|
He as FormGroup,
|
|
2577
2579
|
la as Grid,
|
|
2578
2580
|
We as Hero,
|