@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 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 y, 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 we, Sun as ye, ChevronLeft as ke, Menu as ze, ChevronDown as Z, Instagram as Ce, Facebook as Se, Youtube as De, Linkedin as je, Mail as Me } from "lucide-react";
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
- ), D = y(
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
- D.displayName = "Button";
79
- const _e = y(
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 = y(
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 = y(
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 = y(
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 = y(
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 = y(
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 = y(
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
- ...w
607
- }, j) => v ? /* @__PURE__ */ o(
606
+ ...y
607
+ }, D) => v ? /* @__PURE__ */ o(
608
608
  "div",
609
609
  {
610
- ref: j,
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
- ...w,
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: j,
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
- ...w,
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
- D,
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: j,
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
- ...w,
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
- D,
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 = y(
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 w = g.target.value;
815
- d === void 0 && p(w), c == null || c(g);
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 = y(
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 = y(
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
- D,
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
- D,
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 = y(
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 = y(
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
- D,
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
- D,
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 = y(
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
- D,
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 = y(
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
- D,
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
- D,
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 = y(
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 = y(
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 w = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
1735
- c(w);
1736
- const j = Number(localStorage.getItem("a11y-font-size"));
1737
- Number.isFinite(j) && j > 0 && f(j);
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]"), w = !v;
1742
- g && (g.style.display = w ? "" : "none"), p(w);
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 w = document.createElement("script");
1747
- w.src = "https://vlibras.gov.br/app/vlibras-plugin.js", w.async = !0, w.onload = () => {
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(w);
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(we, { className: "h-4 w-4" }) : /* @__PURE__ */ e(ye, { className: "h-4 w-4" })
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 = y(
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("relative w-full overflow-hidden", a),
1892
+ className: i("w-full", a),
1893
1893
  onMouseEnter: () => f(!0),
1894
1894
  onMouseLeave: () => f(!1),
1895
1895
  ...l,
1896
1896
  children: [
1897
- /* @__PURE__ */ e("div", { className: "relative", children: t.map((u, b) => /* @__PURE__ */ o(
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
- onClick: N,
1962
- 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-[var(--ring)] min-w-[44px] min-h-[44px]",
1963
- "aria-label": "Próximo slide",
1964
- children: /* @__PURE__ */ e(K, { className: "h-6 w-6 text-gray-900" })
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: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-1.5", children: t.map((u, b) => /* @__PURE__ */ e(
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-6 flex items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-full group",
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 ? "h-1 w-3 bg-white" : "h-1 w-1 bg-white/40 group-hover:bg-white/60"
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 = y(
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: De, key: "youtube" },
2288
- { label: "LinkedIn", href: "https://linkedin.com/company/eloeditora", Icon: je, key: "linkedin" }
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 wt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, playStoreUrl: s, appStoreUrl: l, orgInfo: n, navColumns: d, className: c, ...m }) => {
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) || "", w = f === "dark" && (n == null ? void 0 : n.appStoreBadgeUrlDark) || (n == null ? void 0 : n.appStoreBadgeUrl) || "", j = !!(g || w);
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
- j && /* @__PURE__ */ o(P, { children: [
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
- w && /* @__PURE__ */ e(
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: w,
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
- w
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
- wt.displayName = "Footer";
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 yt = {
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 && yt[t], r), children: a });
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
- D as Button,
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
- wt as Footer,
2577
+ yt as Footer,
2576
2578
  He as FormGroup,
2577
2579
  la as Grid,
2578
2580
  We as Hero,