@grupo-elo-editorial/shared-ui-react 1.3.6 → 1.3.8

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
@@ -1,25 +1,25 @@
1
1
  "use client";
2
- import { clsx as Y } from "clsx";
2
+ import { clsx as Z } from "clsx";
3
3
  import { twMerge as J } from "tailwind-merge";
4
4
  import { jsx as e, jsxs as i, Fragment as A } from "react/jsx-runtime";
5
- import { forwardRef as x, useState as k, useEffect as j } from "react";
6
- import { Loader2 as V, User as ee, Star as te, CheckIcon as U, ChevronDownIcon as R, ChevronUpIcon as ae, CircleIcon as re, ShoppingCart as B, Heart as oe, Search as Q, X as ie, Minus as ne, Plus as se, ChevronRight as W, FileX as le, Package as de, AlertCircle as ce, RefreshCw as ue, Home as me, XIcon as K, Accessibility as fe, ZoomOut as ge, ZoomIn as pe, Moon as ve, Sun as be, ChevronLeft as he, Menu as xe, ChevronDown as O, Mail as Ne } from "lucide-react";
5
+ import { forwardRef as N, useState as k, useEffect as D } from "react";
6
+ import { Loader2 as V, User as ee, Star as te, CheckIcon as U, ChevronDownIcon as L, ChevronUpIcon as ae, CircleIcon as re, ShoppingCart as R, Heart as oe, Search as Q, X as ie, Minus as ne, Plus as se, ChevronRight as W, FileX as le, Package as de, AlertCircle as ce, RefreshCw as ue, Home as me, XIcon as K, Accessibility as fe, ZoomOut as ge, ZoomIn as pe, Moon as ve, Sun as be, ChevronLeft as he, Menu as xe, ChevronDown as O, Instagram as Ne, Facebook as we, Youtube as ye, Linkedin as ke, Mail as ze } from "lucide-react";
7
7
  import { cva as P } from "class-variance-authority";
8
8
  import * as z from "@radix-ui/react-select";
9
9
  import * as F from "@radix-ui/react-checkbox";
10
- import * as E from "@radix-ui/react-radio-group";
10
+ import * as B from "@radix-ui/react-radio-group";
11
11
  import * as q from "@radix-ui/react-switch";
12
- import { Slot as we } from "@radix-ui/react-slot";
12
+ import { Slot as Ce } from "@radix-ui/react-slot";
13
13
  import * as M from "@radix-ui/react-accordion";
14
14
  import * as I from "@radix-ui/react-tooltip";
15
- import { toast as ta } from "sonner";
16
- import { Progress as ra } from "@radix-ui/react-progress";
15
+ import { toast as na } from "sonner";
16
+ import { Progress as la } from "@radix-ui/react-progress";
17
17
  import * as w from "@radix-ui/react-dialog";
18
18
  import * as S from "@radix-ui/react-navigation-menu";
19
19
  function o(...a) {
20
- return J(Y(a));
20
+ return J(Z(a));
21
21
  }
22
- const ye = P(
22
+ const Se = P(
23
23
  "inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 whitespace-nowrap",
24
24
  {
25
25
  variants: {
@@ -45,7 +45,7 @@ const ye = P(
45
45
  size: "md"
46
46
  }
47
47
  }
48
- ), C = x(
48
+ ), C = N(
49
49
  ({
50
50
  className: a,
51
51
  variant: t,
@@ -60,7 +60,7 @@ const ye = P(
60
60
  }, v) => /* @__PURE__ */ e(
61
61
  "button",
62
62
  {
63
- className: o(ye({ variant: t, size: r, fullWidth: n, className: a })),
63
+ className: o(Se({ variant: t, size: r, fullWidth: n, className: a })),
64
64
  ref: v,
65
65
  disabled: m || s,
66
66
  ...g,
@@ -76,7 +76,7 @@ const ye = P(
76
76
  )
77
77
  );
78
78
  C.displayName = "Button";
79
- const ke = x(
79
+ const Ie = N(
80
80
  ({ className: a, error: t, helperText: r, ...n }, s) => /* @__PURE__ */ i("div", { className: "w-full", children: [
81
81
  /* @__PURE__ */ e(
82
82
  "textarea",
@@ -106,8 +106,8 @@ const ke = x(
106
106
  )
107
107
  ] })
108
108
  );
109
- ke.displayName = "Textarea";
110
- const ze = P(
109
+ Ie.displayName = "Textarea";
110
+ const je = P(
111
111
  "inline-flex items-center rounded-full font-medium transition-colors whitespace-nowrap",
112
112
  {
113
113
  variants: {
@@ -131,12 +131,12 @@ const ze = P(
131
131
  size: "md"
132
132
  }
133
133
  }
134
- ), _ = x(
134
+ ), _ = N(
135
135
  ({ className: a, variant: t, size: r, icon: n, onRemove: s, children: c, ...l }, u) => /* @__PURE__ */ i(
136
136
  "div",
137
137
  {
138
138
  ref: u,
139
- className: o(ze({ variant: t, size: r }), a),
139
+ className: o(je({ variant: t, size: r }), a),
140
140
  ...l,
141
141
  children: [
142
142
  n && /* @__PURE__ */ e("span", { className: "mr-1 inline-flex", children: n }),
@@ -155,7 +155,7 @@ const ze = P(
155
155
  )
156
156
  );
157
157
  _.displayName = "Badge";
158
- const Ce = P(
158
+ const De = P(
159
159
  "relative inline-flex items-center justify-center overflow-hidden rounded-full bg-[var(--muted)] text-[var(--muted-foreground)] flex-shrink-0",
160
160
  {
161
161
  variants: {
@@ -170,20 +170,20 @@ const Ce = P(
170
170
  size: "md"
171
171
  }
172
172
  }
173
- ), Se = x(
173
+ ), Me = N(
174
174
  ({ className: a, size: t, src: r, alt: n, name: s, showStatus: c, statusType: l = "online", ...u }, m) => {
175
175
  const [g, v] = k(!1), f = (h) => h.split(" ").map((d) => d[0]).join("").toUpperCase().slice(0, 2), b = {
176
176
  online: "bg-[var(--success)]",
177
177
  offline: "bg-[var(--muted-foreground)]",
178
178
  away: "bg-[var(--warning)]",
179
179
  busy: "bg-[var(--destructive)]"
180
- }, N = {
180
+ }, x = {
181
181
  sm: "h-2 w-2 border",
182
182
  md: "h-2.5 w-2.5 border-2",
183
183
  lg: "h-3 w-3 border-2",
184
184
  xl: "h-4 w-4 border-2"
185
185
  };
186
- return /* @__PURE__ */ i("div", { ref: m, className: o(Ce({ size: t }), "relative", a), children: [
186
+ return /* @__PURE__ */ i("div", { ref: m, className: o(De({ size: t }), "relative", a), children: [
187
187
  r && !g ? /* @__PURE__ */ e(
188
188
  "img",
189
189
  {
@@ -200,7 +200,7 @@ const Ce = P(
200
200
  className: o(
201
201
  "absolute bottom-0 right-0 rounded-full border-[var(--background)]",
202
202
  b[l],
203
- N[t || "md"]
203
+ x[t || "md"]
204
204
  ),
205
205
  "aria-label": `Status: ${l}`
206
206
  }
@@ -208,8 +208,8 @@ const Ce = P(
208
208
  ] });
209
209
  }
210
210
  );
211
- Se.displayName = "Avatar";
212
- const Ie = P("animate-spin text-[var(--brand-primary)]", {
211
+ Me.displayName = "Avatar";
212
+ const Pe = P("animate-spin text-[var(--brand-primary)]", {
213
213
  variants: {
214
214
  size: {
215
215
  sm: "h-4 w-4",
@@ -221,7 +221,7 @@ const Ie = P("animate-spin text-[var(--brand-primary)]", {
221
221
  defaultVariants: {
222
222
  size: "md"
223
223
  }
224
- }), De = x(
224
+ }), Ae = N(
225
225
  ({ className: a, size: t, label: r, ...n }, s) => /* @__PURE__ */ i(
226
226
  "div",
227
227
  {
@@ -231,14 +231,14 @@ const Ie = P("animate-spin text-[var(--brand-primary)]", {
231
231
  className: o("inline-flex items-center justify-center", a),
232
232
  ...n,
233
233
  children: [
234
- /* @__PURE__ */ e(V, { className: o(Ie({ size: t })) }),
234
+ /* @__PURE__ */ e(V, { className: o(Pe({ size: t })) }),
235
235
  /* @__PURE__ */ e("span", { className: "sr-only", children: r || "Loading" })
236
236
  ]
237
237
  }
238
238
  )
239
239
  );
240
- De.displayName = "Spinner";
241
- const je = x(
240
+ Ae.displayName = "Spinner";
241
+ const _e = N(
242
242
  ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: n, ...s }, c) => {
243
243
  const l = {
244
244
  solid: "border-solid",
@@ -284,8 +284,8 @@ const je = x(
284
284
  );
285
285
  }
286
286
  );
287
- je.displayName = "Divider";
288
- const L = x(
287
+ _e.displayName = "Divider";
288
+ const E = N(
289
289
  ({
290
290
  className: a,
291
291
  value: t = 0,
@@ -302,7 +302,7 @@ const L = x(
302
302
  lg: "h-6 w-6"
303
303
  }, b = (h) => {
304
304
  !s && c && c(h);
305
- }, N = g || t;
305
+ }, x = g || t;
306
306
  return /* @__PURE__ */ i(
307
307
  "div",
308
308
  {
@@ -313,7 +313,7 @@ const L = x(
313
313
  ...u,
314
314
  children: [
315
315
  /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: Array.from({ length: r }, (h, d) => d + 1).map((h) => {
316
- const d = h <= N;
316
+ const d = h <= x;
317
317
  return /* @__PURE__ */ e(
318
318
  "button",
319
319
  {
@@ -347,8 +347,8 @@ const L = x(
347
347
  );
348
348
  }
349
349
  );
350
- L.displayName = "Rating";
351
- function xt({ className: a, type: t, ...r }) {
350
+ E.displayName = "Rating";
351
+ function zt({ className: a, type: t, ...r }) {
352
352
  return /* @__PURE__ */ e(
353
353
  "input",
354
354
  {
@@ -364,17 +364,17 @@ function xt({ className: a, type: t, ...r }) {
364
364
  }
365
365
  );
366
366
  }
367
- function Nt({
367
+ function Ct({
368
368
  ...a
369
369
  }) {
370
370
  return /* @__PURE__ */ e(z.Root, { "data-slot": "select", ...a });
371
371
  }
372
- function wt({
372
+ function St({
373
373
  ...a
374
374
  }) {
375
375
  return /* @__PURE__ */ e(z.Value, { "data-slot": "select-value", ...a });
376
376
  }
377
- function yt({
377
+ function It({
378
378
  className: a,
379
379
  size: t = "default",
380
380
  children: r,
@@ -392,12 +392,12 @@ function yt({
392
392
  ...n,
393
393
  children: [
394
394
  r,
395
- /* @__PURE__ */ e(z.Icon, { asChild: !0, children: /* @__PURE__ */ e(R, { className: "size-4 opacity-50" }) })
395
+ /* @__PURE__ */ e(z.Icon, { asChild: !0, children: /* @__PURE__ */ e(L, { className: "size-4 opacity-50" }) })
396
396
  ]
397
397
  }
398
398
  );
399
399
  }
400
- function kt({
400
+ function jt({
401
401
  className: a,
402
402
  children: t,
403
403
  position: r = "popper",
@@ -415,7 +415,7 @@ function kt({
415
415
  position: r,
416
416
  ...n,
417
417
  children: [
418
- /* @__PURE__ */ e(Me, {}),
418
+ /* @__PURE__ */ e(Le, {}),
419
419
  /* @__PURE__ */ e(
420
420
  z.Viewport,
421
421
  {
@@ -426,12 +426,12 @@ function kt({
426
426
  children: t
427
427
  }
428
428
  ),
429
- /* @__PURE__ */ e(Pe, {})
429
+ /* @__PURE__ */ e(Re, {})
430
430
  ]
431
431
  }
432
432
  ) });
433
433
  }
434
- function zt({
434
+ function Dt({
435
435
  className: a,
436
436
  children: t,
437
437
  ...r
@@ -452,7 +452,7 @@ function zt({
452
452
  }
453
453
  );
454
454
  }
455
- function Me({
455
+ function Le({
456
456
  className: a,
457
457
  ...t
458
458
  }) {
@@ -469,7 +469,7 @@ function Me({
469
469
  }
470
470
  );
471
471
  }
472
- function Pe({
472
+ function Re({
473
473
  className: a,
474
474
  ...t
475
475
  }) {
@@ -482,11 +482,11 @@ function Pe({
482
482
  a
483
483
  ),
484
484
  ...t,
485
- children: /* @__PURE__ */ e(R, { className: "size-4" })
485
+ children: /* @__PURE__ */ e(L, { className: "size-4" })
486
486
  }
487
487
  );
488
488
  }
489
- function Ct({
489
+ function Mt({
490
490
  className: a,
491
491
  ...t
492
492
  }) {
@@ -510,12 +510,12 @@ function Ct({
510
510
  }
511
511
  );
512
512
  }
513
- function St({
513
+ function Pt({
514
514
  className: a,
515
515
  ...t
516
516
  }) {
517
517
  return /* @__PURE__ */ e(
518
- E.Root,
518
+ B.Root,
519
519
  {
520
520
  "data-slot": "radio-group",
521
521
  className: o("grid gap-3", a),
@@ -523,12 +523,12 @@ function St({
523
523
  }
524
524
  );
525
525
  }
526
- function It({
526
+ function At({
527
527
  className: a,
528
528
  ...t
529
529
  }) {
530
530
  return /* @__PURE__ */ e(
531
- E.Item,
531
+ B.Item,
532
532
  {
533
533
  "data-slot": "radio-group-item",
534
534
  className: o(
@@ -537,7 +537,7 @@ function It({
537
537
  ),
538
538
  ...t,
539
539
  children: /* @__PURE__ */ e(
540
- E.Indicator,
540
+ B.Indicator,
541
541
  {
542
542
  "data-slot": "radio-group-indicator",
543
543
  className: "relative flex items-center justify-center",
@@ -547,7 +547,7 @@ function It({
547
547
  }
548
548
  );
549
549
  }
550
- function Dt({
550
+ function _t({
551
551
  className: a,
552
552
  ...t
553
553
  }) {
@@ -579,7 +579,7 @@ function G({
579
579
  }) {
580
580
  return a ? /* @__PURE__ */ e("a", { href: a, className: t, tabIndex: -1, "aria-hidden": "true", children: r }) : /* @__PURE__ */ e("div", { className: t, children: r });
581
581
  }
582
- const $ = x(
582
+ const T = N(
583
583
  ({
584
584
  className: a,
585
585
  image: t,
@@ -594,15 +594,15 @@ const $ = x(
594
594
  isSkeleton: v = !1,
595
595
  isOutOfStock: f = !1,
596
596
  onAddToCart: b,
597
- onToggleFavorite: N,
597
+ onToggleFavorite: x,
598
598
  isFavorite: h = !1,
599
599
  href: d,
600
600
  orientation: p = "vertical",
601
601
  ...y
602
- }, D) => v ? /* @__PURE__ */ i(
602
+ }, j) => v ? /* @__PURE__ */ i(
603
603
  "div",
604
604
  {
605
- ref: D,
605
+ ref: j,
606
606
  className: o(
607
607
  "flex rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-4 animate-pulse",
608
608
  p === "horizontal" ? "flex-row gap-3" : "flex-col",
@@ -629,7 +629,7 @@ const $ = x(
629
629
  ) : p === "horizontal" ? /* @__PURE__ */ i(
630
630
  "div",
631
631
  {
632
- ref: D,
632
+ ref: j,
633
633
  className: o(
634
634
  "group relative flex flex-row gap-3 rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-3 transition-all hover:shadow-md",
635
635
  f && "opacity-60",
@@ -663,7 +663,7 @@ const $ = x(
663
663
  ) : /* @__PURE__ */ e("h3", { className: "line-clamp-2 text-sm font-medium text-[var(--card-foreground)]", children: r }),
664
664
  n && /* @__PURE__ */ e("p", { className: "text-xs text-[var(--muted-foreground)]", children: n }),
665
665
  l !== void 0 && /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
666
- /* @__PURE__ */ e(L, { value: l, size: "sm", readonly: !0 }),
666
+ /* @__PURE__ */ e(E, { value: l, size: "sm", readonly: !0 }),
667
667
  u !== void 0 && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)]", children: [
668
668
  "(",
669
669
  u,
@@ -688,7 +688,7 @@ const $ = x(
688
688
  variant: "primary",
689
689
  size: "sm",
690
690
  fullWidth: !0,
691
- leftIcon: /* @__PURE__ */ e(B, { className: "h-3.5 w-3.5" }),
691
+ leftIcon: /* @__PURE__ */ e(R, { className: "h-3.5 w-3.5" }),
692
692
  className: "mt-auto",
693
693
  children: f ? "Indisponível" : "Adicionar"
694
694
  }
@@ -699,7 +699,7 @@ const $ = x(
699
699
  ) : /* @__PURE__ */ i(
700
700
  "div",
701
701
  {
702
- ref: D,
702
+ ref: j,
703
703
  className: o(
704
704
  "group relative flex flex-col rounded-lg border-2 border-border bg-card transition-all hover:shadow-lg",
705
705
  f && "opacity-60",
@@ -726,10 +726,10 @@ const $ = x(
726
726
  ]
727
727
  }
728
728
  ),
729
- N && /* @__PURE__ */ e(
729
+ x && /* @__PURE__ */ e(
730
730
  "button",
731
731
  {
732
- onClick: N,
732
+ onClick: x,
733
733
  className: "absolute right-3 top-3 rounded-full bg-white/90 p-2 transition-all hover:bg-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
734
734
  "aria-label": h ? "Remover dos favoritos" : "Adicionar aos favoritos",
735
735
  children: /* @__PURE__ */ e(
@@ -754,7 +754,7 @@ const $ = x(
754
754
  ) : /* @__PURE__ */ e("h3", { className: "wrap-break-word text-base font-medium text-card-foreground", children: r }),
755
755
  n && /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-[var(--muted-foreground)]", children: n }),
756
756
  l !== void 0 && /* @__PURE__ */ i("div", { className: "mt-2 flex items-center gap-2", children: [
757
- /* @__PURE__ */ e(L, { value: l, size: "sm", readonly: !0 }),
757
+ /* @__PURE__ */ e(E, { value: l, size: "sm", readonly: !0 }),
758
758
  u !== void 0 && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
759
759
  "(",
760
760
  u,
@@ -779,7 +779,7 @@ const $ = x(
779
779
  variant: "primary",
780
780
  size: "md",
781
781
  fullWidth: !0,
782
- leftIcon: /* @__PURE__ */ e(B, { className: "h-4 w-4" }),
782
+ leftIcon: /* @__PURE__ */ e(R, { className: "h-4 w-4" }),
783
783
  className: o(
784
784
  "mt-4 transition-all duration-200",
785
785
  "opacity-0 translate-y-2",
@@ -794,8 +794,8 @@ const $ = x(
794
794
  }
795
795
  )
796
796
  );
797
- $.displayName = "ProductCard";
798
- const Ae = x(
797
+ T.displayName = "ProductCard";
798
+ const Be = N(
799
799
  ({
800
800
  className: a,
801
801
  onSearch: t,
@@ -807,13 +807,13 @@ const Ae = x(
807
807
  onChange: u,
808
808
  ...m
809
809
  }, g) => {
810
- const [v, f] = k(""), b = l !== void 0 ? l : v, N = {
810
+ const [v, f] = k(""), b = l !== void 0 ? l : v, x = {
811
811
  sm: "h-9 text-sm",
812
812
  md: "h-11 text-base",
813
813
  lg: "h-14 text-lg"
814
814
  }, h = (y) => {
815
- const D = y.target.value;
816
- l === void 0 && f(D), u == null || u(y);
815
+ const j = y.target.value;
816
+ l === void 0 && f(j), u == null || u(y);
817
817
  }, d = () => {
818
818
  l === void 0 && f(""), r == null || r();
819
819
  }, p = (y) => {
@@ -835,7 +835,7 @@ const Ae = x(
835
835
  "placeholder:text-[var(--muted-foreground)]",
836
836
  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
837
837
  "disabled:cursor-not-allowed disabled:opacity-50",
838
- N[s]
838
+ x[s]
839
839
  ),
840
840
  ...m
841
841
  }
@@ -856,8 +856,8 @@ const Ae = x(
856
856
  ] }) });
857
857
  }
858
858
  );
859
- Ae.displayName = "SearchBar";
860
- const _e = x(
859
+ Be.displayName = "SearchBar";
860
+ const Ee = N(
861
861
  ({
862
862
  className: a,
863
863
  price: t,
@@ -920,8 +920,8 @@ const _e = x(
920
920
  ] });
921
921
  }
922
922
  );
923
- _e.displayName = "PriceDisplay";
924
- const Re = x(
923
+ Ee.displayName = "PriceDisplay";
924
+ const Te = N(
925
925
  ({
926
926
  className: a,
927
927
  value: t,
@@ -940,7 +940,7 @@ const Re = x(
940
940
  }, b = (d) => {
941
941
  const p = parseInt(d.target.value);
942
942
  !isNaN(p) && p >= r && p <= n && s(p);
943
- }, N = {
943
+ }, x = {
944
944
  sm: "h-8 w-8",
945
945
  md: "h-10 w-10",
946
946
  lg: "h-12 w-12"
@@ -960,7 +960,7 @@ const Re = x(
960
960
  size: "sm",
961
961
  onClick: f,
962
962
  disabled: l || t <= r,
963
- className: o(N[c], "p-0"),
963
+ className: o(x[c], "p-0"),
964
964
  "aria-label": "Decrease quantity",
965
965
  children: /* @__PURE__ */ e(ne, { className: "h-4 w-4" })
966
966
  }
@@ -992,7 +992,7 @@ const Re = x(
992
992
  size: "sm",
993
993
  onClick: v,
994
994
  disabled: l || t >= n,
995
- className: o(N[c], "p-0"),
995
+ className: o(x[c], "p-0"),
996
996
  "aria-label": "Increase quantity",
997
997
  children: /* @__PURE__ */ e(se, { className: "h-4 w-4" })
998
998
  }
@@ -1001,8 +1001,8 @@ const Re = x(
1001
1001
  ] });
1002
1002
  }
1003
1003
  );
1004
- Re.displayName = "QuantitySelector";
1005
- const Be = x(
1004
+ Te.displayName = "QuantitySelector";
1005
+ const $e = N(
1006
1006
  ({ className: a, label: t, htmlFor: r, required: n, error: s, helperText: c, children: l, ...u }, m) => /* @__PURE__ */ i("div", { ref: m, className: o("flex flex-col gap-1.5", a), ...u, children: [
1007
1007
  t && /* @__PURE__ */ i(
1008
1008
  "label",
@@ -1028,11 +1028,11 @@ const Be = x(
1028
1028
  )
1029
1029
  ] })
1030
1030
  );
1031
- Be.displayName = "FormGroup";
1032
- function jt({ ...a }) {
1031
+ $e.displayName = "FormGroup";
1032
+ function Lt({ ...a }) {
1033
1033
  return /* @__PURE__ */ e("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...a });
1034
1034
  }
1035
- function Mt({ className: a, ...t }) {
1035
+ function Rt({ className: a, ...t }) {
1036
1036
  return /* @__PURE__ */ e(
1037
1037
  "ol",
1038
1038
  {
@@ -1045,7 +1045,7 @@ function Mt({ className: a, ...t }) {
1045
1045
  }
1046
1046
  );
1047
1047
  }
1048
- function Pt({ className: a, ...t }) {
1048
+ function Bt({ className: a, ...t }) {
1049
1049
  return /* @__PURE__ */ e(
1050
1050
  "li",
1051
1051
  {
@@ -1055,13 +1055,13 @@ function Pt({ className: a, ...t }) {
1055
1055
  }
1056
1056
  );
1057
1057
  }
1058
- function At({
1058
+ function Et({
1059
1059
  asChild: a,
1060
1060
  className: t,
1061
1061
  ...r
1062
1062
  }) {
1063
1063
  return /* @__PURE__ */ e(
1064
- a ? we : "a",
1064
+ a ? Ce : "a",
1065
1065
  {
1066
1066
  "data-slot": "breadcrumb-link",
1067
1067
  className: o("hover:text-foreground transition-colors", t),
@@ -1069,7 +1069,7 @@ function At({
1069
1069
  }
1070
1070
  );
1071
1071
  }
1072
- function _t({ className: a, ...t }) {
1072
+ function Tt({ className: a, ...t }) {
1073
1073
  return /* @__PURE__ */ e(
1074
1074
  "span",
1075
1075
  {
@@ -1082,7 +1082,7 @@ function _t({ className: a, ...t }) {
1082
1082
  }
1083
1083
  );
1084
1084
  }
1085
- function Rt({
1085
+ function $t({
1086
1086
  children: a,
1087
1087
  className: t,
1088
1088
  ...r
@@ -1099,12 +1099,12 @@ function Rt({
1099
1099
  }
1100
1100
  );
1101
1101
  }
1102
- function Bt({
1102
+ function Vt({
1103
1103
  ...a
1104
1104
  }) {
1105
1105
  return /* @__PURE__ */ e(M.Root, { "data-slot": "accordion", ...a });
1106
1106
  }
1107
- function Et({
1107
+ function Ft({
1108
1108
  className: a,
1109
1109
  ...t
1110
1110
  }) {
@@ -1117,7 +1117,7 @@ function Et({
1117
1117
  }
1118
1118
  );
1119
1119
  }
1120
- function Lt({
1120
+ function qt({
1121
1121
  className: a,
1122
1122
  children: t,
1123
1123
  ...r
@@ -1133,12 +1133,12 @@ function Lt({
1133
1133
  ...r,
1134
1134
  children: [
1135
1135
  t,
1136
- /* @__PURE__ */ e(R, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
1136
+ /* @__PURE__ */ e(L, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
1137
1137
  ]
1138
1138
  }
1139
1139
  ) });
1140
1140
  }
1141
- function $t({
1141
+ function Gt({
1142
1142
  className: a,
1143
1143
  children: t,
1144
1144
  ...r
@@ -1153,7 +1153,7 @@ function $t({
1153
1153
  }
1154
1154
  );
1155
1155
  }
1156
- function Ee({
1156
+ function Ve({
1157
1157
  delayDuration: a = 0,
1158
1158
  ...t
1159
1159
  }) {
@@ -1166,17 +1166,17 @@ function Ee({
1166
1166
  }
1167
1167
  );
1168
1168
  }
1169
- function Tt({
1169
+ function Ht({
1170
1170
  ...a
1171
1171
  }) {
1172
- return /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(I.Root, { "data-slot": "tooltip", ...a }) });
1172
+ return /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(I.Root, { "data-slot": "tooltip", ...a }) });
1173
1173
  }
1174
- function Vt({
1174
+ function Ut({
1175
1175
  ...a
1176
1176
  }) {
1177
1177
  return /* @__PURE__ */ e(I.Trigger, { "data-slot": "tooltip-trigger", ...a });
1178
1178
  }
1179
- function Ft({
1179
+ function Qt({
1180
1180
  className: a,
1181
1181
  sideOffset: t = 0,
1182
1182
  children: r,
@@ -1199,7 +1199,7 @@ function Ft({
1199
1199
  }
1200
1200
  ) });
1201
1201
  }
1202
- const Le = x(
1202
+ const Fe = N(
1203
1203
  ({
1204
1204
  className: a,
1205
1205
  variant: t = "default",
@@ -1306,8 +1306,8 @@ const Le = x(
1306
1306
  }
1307
1307
  )
1308
1308
  );
1309
- Le.displayName = "Hero";
1310
- const X = x(
1309
+ Fe.displayName = "Hero";
1310
+ const X = N(
1311
1311
  ({
1312
1312
  className: a,
1313
1313
  variant: t = "default",
@@ -1320,7 +1320,7 @@ const X = x(
1320
1320
  const g = r || {
1321
1321
  default: /* @__PURE__ */ e(de, { className: "h-16 w-16" }),
1322
1322
  search: /* @__PURE__ */ e(Q, { className: "h-16 w-16" }),
1323
- cart: /* @__PURE__ */ e(B, { className: "h-16 w-16" }),
1323
+ cart: /* @__PURE__ */ e(R, { className: "h-16 w-16" }),
1324
1324
  error: /* @__PURE__ */ e(le, { className: "h-16 w-16" })
1325
1325
  }[t];
1326
1326
  return /* @__PURE__ */ i(
@@ -1352,7 +1352,7 @@ const X = x(
1352
1352
  }
1353
1353
  );
1354
1354
  X.displayName = "EmptyState";
1355
- const $e = x(
1355
+ const qe = N(
1356
1356
  ({
1357
1357
  className: a,
1358
1358
  type: t = "generic",
@@ -1385,7 +1385,7 @@ const $e = x(
1385
1385
  message: "Ocorreu um erro inesperado. Por favor, tente novamente.",
1386
1386
  code: ""
1387
1387
  }
1388
- }[t], b = r || f.title, N = n || f.message;
1388
+ }[t], b = r || f.title, x = n || f.message;
1389
1389
  return /* @__PURE__ */ i(
1390
1390
  "div",
1391
1391
  {
@@ -1403,7 +1403,7 @@ const $e = x(
1403
1403
  /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--destructive)]/10 p-6 text-[var(--destructive)]", children: /* @__PURE__ */ e(ce, { className: "h-16 w-16" }) })
1404
1404
  ] }),
1405
1405
  /* @__PURE__ */ e("h2", { className: "mt-6 text-2xl font-bold text-[var(--foreground)]", children: b }),
1406
- /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: N }),
1406
+ /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: x }),
1407
1407
  /* @__PURE__ */ i("div", { className: "mt-8 flex flex-wrap gap-4 justify-center", children: [
1408
1408
  l && s && /* @__PURE__ */ e(
1409
1409
  C,
@@ -1431,8 +1431,8 @@ const $e = x(
1431
1431
  );
1432
1432
  }
1433
1433
  );
1434
- $e.displayName = "ErrorState";
1435
- const Te = x(
1434
+ qe.displayName = "ErrorState";
1435
+ const Ge = N(
1436
1436
  ({
1437
1437
  className: a,
1438
1438
  products: t,
@@ -1460,7 +1460,7 @@ const Te = x(
1460
1460
  ),
1461
1461
  ...m,
1462
1462
  children: Array.from({ length: c }).map((f, b) => /* @__PURE__ */ e(
1463
- $,
1463
+ T,
1464
1464
  {
1465
1465
  image: "",
1466
1466
  title: "",
@@ -1491,28 +1491,28 @@ const Te = x(
1491
1491
  a
1492
1492
  ),
1493
1493
  ...m,
1494
- children: t.map((f, b) => /* @__PURE__ */ e($, { ...f }, b))
1494
+ children: t.map((f, b) => /* @__PURE__ */ e(T, { ...f }, b))
1495
1495
  }
1496
1496
  );
1497
1497
  }
1498
1498
  );
1499
- Te.displayName = "ProductGrid";
1500
- function qt({
1499
+ Ge.displayName = "ProductGrid";
1500
+ function Wt({
1501
1501
  ...a
1502
1502
  }) {
1503
1503
  return /* @__PURE__ */ e(w.Root, { "data-slot": "dialog", ...a });
1504
1504
  }
1505
- function Gt({
1505
+ function Kt({
1506
1506
  ...a
1507
1507
  }) {
1508
1508
  return /* @__PURE__ */ e(w.Trigger, { "data-slot": "dialog-trigger", ...a });
1509
1509
  }
1510
- function Ve({
1510
+ function He({
1511
1511
  ...a
1512
1512
  }) {
1513
1513
  return /* @__PURE__ */ e(w.Portal, { "data-slot": "dialog-portal", ...a });
1514
1514
  }
1515
- function Fe({
1515
+ function Ue({
1516
1516
  className: a,
1517
1517
  ...t
1518
1518
  }) {
@@ -1528,13 +1528,13 @@ function Fe({
1528
1528
  }
1529
1529
  );
1530
1530
  }
1531
- function Ht({
1531
+ function Ot({
1532
1532
  className: a,
1533
1533
  children: t,
1534
1534
  ...r
1535
1535
  }) {
1536
- return /* @__PURE__ */ i(Ve, { "data-slot": "dialog-portal", children: [
1537
- /* @__PURE__ */ e(Fe, {}),
1536
+ return /* @__PURE__ */ i(He, { "data-slot": "dialog-portal", children: [
1537
+ /* @__PURE__ */ e(Ue, {}),
1538
1538
  /* @__PURE__ */ i(
1539
1539
  w.Content,
1540
1540
  {
@@ -1555,7 +1555,7 @@ function Ht({
1555
1555
  )
1556
1556
  ] });
1557
1557
  }
1558
- function Ut({ className: a, ...t }) {
1558
+ function Xt({ className: a, ...t }) {
1559
1559
  return /* @__PURE__ */ e(
1560
1560
  "div",
1561
1561
  {
@@ -1565,7 +1565,7 @@ function Ut({ className: a, ...t }) {
1565
1565
  }
1566
1566
  );
1567
1567
  }
1568
- function Qt({ className: a, ...t }) {
1568
+ function Yt({ className: a, ...t }) {
1569
1569
  return /* @__PURE__ */ e(
1570
1570
  "div",
1571
1571
  {
@@ -1578,7 +1578,7 @@ function Qt({ className: a, ...t }) {
1578
1578
  }
1579
1579
  );
1580
1580
  }
1581
- function Wt({
1581
+ function Zt({
1582
1582
  className: a,
1583
1583
  ...t
1584
1584
  }) {
@@ -1591,7 +1591,7 @@ function Wt({
1591
1591
  }
1592
1592
  );
1593
1593
  }
1594
- function Kt({
1594
+ function Jt({
1595
1595
  className: a,
1596
1596
  ...t
1597
1597
  }) {
@@ -1604,25 +1604,25 @@ function Kt({
1604
1604
  }
1605
1605
  );
1606
1606
  }
1607
- function qe({ ...a }) {
1607
+ function Qe({ ...a }) {
1608
1608
  return /* @__PURE__ */ e(w.Root, { "data-slot": "sheet", ...a });
1609
1609
  }
1610
- function Ge({
1610
+ function We({
1611
1611
  ...a
1612
1612
  }) {
1613
1613
  return /* @__PURE__ */ e(w.Trigger, { "data-slot": "sheet-trigger", ...a });
1614
1614
  }
1615
- function He({
1615
+ function Ke({
1616
1616
  ...a
1617
1617
  }) {
1618
1618
  return /* @__PURE__ */ e(w.Close, { "data-slot": "sheet-close", ...a });
1619
1619
  }
1620
- function Ue({
1620
+ function Oe({
1621
1621
  ...a
1622
1622
  }) {
1623
1623
  return /* @__PURE__ */ e(w.Portal, { "data-slot": "sheet-portal", ...a });
1624
1624
  }
1625
- function Qe({
1625
+ function Xe({
1626
1626
  className: a,
1627
1627
  ...t
1628
1628
  }) {
@@ -1638,14 +1638,14 @@ function Qe({
1638
1638
  }
1639
1639
  );
1640
1640
  }
1641
- function We({
1641
+ function Ye({
1642
1642
  className: a,
1643
1643
  children: t,
1644
1644
  side: r = "right",
1645
1645
  ...n
1646
1646
  }) {
1647
- return /* @__PURE__ */ i(Ue, { children: [
1648
- /* @__PURE__ */ e(Qe, {}),
1647
+ return /* @__PURE__ */ i(Oe, { children: [
1648
+ /* @__PURE__ */ e(Xe, {}),
1649
1649
  /* @__PURE__ */ i(
1650
1650
  w.Content,
1651
1651
  {
@@ -1670,7 +1670,7 @@ function We({
1670
1670
  )
1671
1671
  ] });
1672
1672
  }
1673
- function Ke({ className: a, ...t }) {
1673
+ function Ze({ className: a, ...t }) {
1674
1674
  return /* @__PURE__ */ e(
1675
1675
  "div",
1676
1676
  {
@@ -1680,7 +1680,7 @@ function Ke({ className: a, ...t }) {
1680
1680
  }
1681
1681
  );
1682
1682
  }
1683
- function Ot({ className: a, ...t }) {
1683
+ function ea({ className: a, ...t }) {
1684
1684
  return /* @__PURE__ */ e(
1685
1685
  "div",
1686
1686
  {
@@ -1690,7 +1690,7 @@ function Ot({ className: a, ...t }) {
1690
1690
  }
1691
1691
  );
1692
1692
  }
1693
- function Oe({
1693
+ function Je({
1694
1694
  className: a,
1695
1695
  ...t
1696
1696
  }) {
@@ -1703,7 +1703,7 @@ function Oe({
1703
1703
  }
1704
1704
  );
1705
1705
  }
1706
- function Xt({
1706
+ function ta({
1707
1707
  className: a,
1708
1708
  ...t
1709
1709
  }) {
@@ -1716,7 +1716,7 @@ function Xt({
1716
1716
  }
1717
1717
  );
1718
1718
  }
1719
- function Xe({ children: a, as: t = "div", className: r }) {
1719
+ function et({ children: a, as: t = "div", className: r }) {
1720
1720
  return /* @__PURE__ */ e(
1721
1721
  t,
1722
1722
  {
@@ -1727,15 +1727,15 @@ function Xe({ children: a, as: t = "div", className: r }) {
1727
1727
  }
1728
1728
  );
1729
1729
  }
1730
- const Ze = x(
1730
+ const tt = N(
1731
1731
  ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: n = !1, ...s }, c) => {
1732
1732
  const [l, u] = k("light"), [m, g] = k(16), [v, f] = k(!1);
1733
- j(() => {
1733
+ D(() => {
1734
1734
  const p = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
1735
1735
  u(p);
1736
1736
  const y = Number(localStorage.getItem("a11y-font-size"));
1737
1737
  Number.isFinite(y) && y > 0 && g(y);
1738
- }, []), j(() => {
1738
+ }, []), D(() => {
1739
1739
  if (!v && typeof window < "u" && !document.querySelector('script[src*="vlibras"]')) {
1740
1740
  const p = document.createElement("script");
1741
1741
  p.src = "https://vlibras.gov.br/app/vlibras-plugin.js", p.async = !0, p.onload = () => {
@@ -1746,7 +1746,7 @@ const Ze = x(
1746
1746
  const b = () => {
1747
1747
  const d = l === "light" ? "dark" : "light";
1748
1748
  u(d), document.documentElement.setAttribute("data-theme", d), localStorage.setItem("a11y-theme", d), t == null || t(d);
1749
- }, N = () => {
1749
+ }, x = () => {
1750
1750
  const d = Math.min(m + 2, 24);
1751
1751
  g(d), document.documentElement.style.setProperty("--font-size", `${d}px`), document.documentElement.style.fontSize = `${d}px`, localStorage.setItem("a11y-font-size", d.toString()), r == null || r(d);
1752
1752
  }, h = () => {
@@ -1764,7 +1764,7 @@ const Ze = x(
1764
1764
  role: "toolbar",
1765
1765
  "aria-label": "Ferramentas de acessibilidade",
1766
1766
  ...s,
1767
- children: /* @__PURE__ */ i(Xe, { className: "py-2 flex items-center justify-between", children: [
1767
+ children: /* @__PURE__ */ i(et, { className: "py-2 flex items-center justify-between", children: [
1768
1768
  /* @__PURE__ */ i("div", { className: "flex items-center gap-2 text-sm text-[var(--muted-foreground)]", children: [
1769
1769
  /* @__PURE__ */ e(fe, { className: "h-4 w-4 flex-shrink-0", "aria-hidden": "true" }),
1770
1770
  /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: "Ferramentas de Acessibilidade" })
@@ -1799,7 +1799,7 @@ const Ze = x(
1799
1799
  "button",
1800
1800
  {
1801
1801
  type: "button",
1802
- onClick: N,
1802
+ onClick: x,
1803
1803
  disabled: m >= 24,
1804
1804
  "aria-label": "Aumentar tamanho da fonte",
1805
1805
  className: o(
@@ -1849,8 +1849,8 @@ const Ze = x(
1849
1849
  );
1850
1850
  }
1851
1851
  );
1852
- Ze.displayName = "TopAccessibilityBar";
1853
- const Ye = x(
1852
+ tt.displayName = "TopAccessibilityBar";
1853
+ const at = N(
1854
1854
  ({
1855
1855
  className: a,
1856
1856
  slides: t,
@@ -1859,14 +1859,14 @@ const Ye = x(
1859
1859
  ...s
1860
1860
  }, c) => {
1861
1861
  const [l, u] = k(0), [m, g] = k(!1), [v, f] = k(!1);
1862
- j(() => {
1862
+ D(() => {
1863
1863
  const d = window.matchMedia("(prefers-reduced-motion: reduce)");
1864
1864
  f(d.matches);
1865
1865
  const p = (y) => {
1866
1866
  f(y.matches);
1867
1867
  };
1868
1868
  return d.addEventListener("change", p), () => d.removeEventListener("change", p);
1869
- }, []), j(() => {
1869
+ }, []), D(() => {
1870
1870
  if (!n || m || v) return;
1871
1871
  const d = setInterval(() => {
1872
1872
  u((p) => (p + 1) % t.length);
@@ -1875,7 +1875,7 @@ const Ye = x(
1875
1875
  }, [n, r, t.length, m, v]);
1876
1876
  const b = (d) => {
1877
1877
  u(d), g(!0), setTimeout(() => g(!1), r);
1878
- }, N = () => {
1878
+ }, x = () => {
1879
1879
  b((l - 1 + t.length) % t.length);
1880
1880
  }, h = () => {
1881
1881
  b((l + 1) % t.length);
@@ -1944,7 +1944,7 @@ const Ye = x(
1944
1944
  /* @__PURE__ */ e(
1945
1945
  "button",
1946
1946
  {
1947
- onClick: N,
1947
+ onClick: x,
1948
1948
  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]",
1949
1949
  "aria-label": "Slide anterior",
1950
1950
  children: /* @__PURE__ */ e(he, { className: "h-6 w-6 text-gray-900" })
@@ -1984,8 +1984,8 @@ const Ye = x(
1984
1984
  ));
1985
1985
  }
1986
1986
  );
1987
- Ye.displayName = "HeroCarousel";
1988
- function Je({
1987
+ at.displayName = "HeroCarousel";
1988
+ function rt({
1989
1989
  className: a,
1990
1990
  children: t,
1991
1991
  viewport: r = !0,
@@ -2003,12 +2003,12 @@ function Je({
2003
2003
  ...n,
2004
2004
  children: [
2005
2005
  t,
2006
- r && /* @__PURE__ */ e(ot, {})
2006
+ r && /* @__PURE__ */ e(lt, {})
2007
2007
  ]
2008
2008
  }
2009
2009
  );
2010
2010
  }
2011
- function et({
2011
+ function ot({
2012
2012
  className: a,
2013
2013
  ...t
2014
2014
  }) {
@@ -2037,10 +2037,10 @@ function H({
2037
2037
  }
2038
2038
  );
2039
2039
  }
2040
- const tt = P(
2040
+ const it = P(
2041
2041
  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
2042
2042
  );
2043
- function at({
2043
+ function nt({
2044
2044
  className: a,
2045
2045
  children: t,
2046
2046
  ...r
@@ -2049,13 +2049,13 @@ function at({
2049
2049
  S.Trigger,
2050
2050
  {
2051
2051
  "data-slot": "navigation-menu-trigger",
2052
- className: o(tt(), "group", a),
2052
+ className: o(it(), "group", a),
2053
2053
  ...r,
2054
2054
  children: [
2055
2055
  t,
2056
2056
  " ",
2057
2057
  /* @__PURE__ */ e(
2058
- R,
2058
+ L,
2059
2059
  {
2060
2060
  className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
2061
2061
  "aria-hidden": "true"
@@ -2065,7 +2065,7 @@ function at({
2065
2065
  }
2066
2066
  );
2067
2067
  }
2068
- function rt({
2068
+ function st({
2069
2069
  className: a,
2070
2070
  ...t
2071
2071
  }) {
@@ -2082,7 +2082,7 @@ function rt({
2082
2082
  }
2083
2083
  );
2084
2084
  }
2085
- function ot({
2085
+ function lt({
2086
2086
  className: a,
2087
2087
  ...t
2088
2088
  }) {
@@ -2106,7 +2106,7 @@ function ot({
2106
2106
  }
2107
2107
  );
2108
2108
  }
2109
- function T({
2109
+ function $({
2110
2110
  className: a,
2111
2111
  ...t
2112
2112
  }) {
@@ -2122,7 +2122,7 @@ function T({
2122
2122
  }
2123
2123
  );
2124
2124
  }
2125
- function it({ items: a }) {
2125
+ function dt({ items: a }) {
2126
2126
  return /* @__PURE__ */ e("ul", { className: "grid gap-0.5 p-2 min-w-[180px]", role: "none", children: a.map(
2127
2127
  (t) => {
2128
2128
  var r;
@@ -2136,7 +2136,7 @@ function it({ items: a }) {
2136
2136
  }
2137
2137
  ),
2138
2138
  /* @__PURE__ */ e("ul", { className: "ml-1", role: "none", children: t.children.map((n) => /* @__PURE__ */ e("li", { role: "none", children: /* @__PURE__ */ e(
2139
- T,
2139
+ $,
2140
2140
  {
2141
2141
  href: n.href ?? "#",
2142
2142
  className: "block rounded px-3 py-1.5 text-sm text-[var(--foreground)] hover:bg-[var(--accent)] transition-colors",
@@ -2144,7 +2144,7 @@ function it({ items: a }) {
2144
2144
  }
2145
2145
  ) }, n.id)) })
2146
2146
  ] }, t.id) : /* @__PURE__ */ e("li", { role: "none", children: /* @__PURE__ */ e(
2147
- T,
2147
+ $,
2148
2148
  {
2149
2149
  href: t.href ?? "#",
2150
2150
  className: "block rounded px-3 py-1.5 text-sm text-[var(--foreground)] hover:bg-[var(--accent)] transition-colors",
@@ -2154,10 +2154,10 @@ function it({ items: a }) {
2154
2154
  }
2155
2155
  ) });
2156
2156
  }
2157
- function Z({ item: a, depth: t = 0 }) {
2157
+ function Y({ item: a, depth: t = 0 }) {
2158
2158
  var c;
2159
2159
  const [r, n] = k(!1);
2160
- return !((c = a.children) != null && c.length) ? /* @__PURE__ */ e(He, { asChild: !0, children: /* @__PURE__ */ e(
2160
+ return !((c = a.children) != null && c.length) ? /* @__PURE__ */ e(Ke, { asChild: !0, children: /* @__PURE__ */ e(
2161
2161
  "a",
2162
2162
  {
2163
2163
  href: a.href ?? "#",
@@ -2199,12 +2199,12 @@ function Z({ item: a, depth: t = 0 }) {
2199
2199
  {
2200
2200
  id: `mobile-nav-${a.id}`,
2201
2201
  className: "mb-1 ml-2 border-l-2 border-[var(--border)] pl-3",
2202
- children: a.children.map((l) => /* @__PURE__ */ e(Z, { item: l, depth: t + 1 }, l.id))
2202
+ children: a.children.map((l) => /* @__PURE__ */ e(Y, { item: l, depth: t + 1 }, l.id))
2203
2203
  }
2204
2204
  )
2205
2205
  ] });
2206
2206
  }
2207
- const nt = x(
2207
+ const ct = N(
2208
2208
  ({ items: a, logo: t, rightSlot: r, searchSlot: n, drawerFooter: s, className: c, ...l }, u) => /* @__PURE__ */ e(
2209
2209
  "header",
2210
2210
  {
@@ -2220,8 +2220,8 @@ const nt = x(
2220
2220
  n && /* @__PURE__ */ e("div", { className: "hidden flex-1 md:flex", children: n }),
2221
2221
  /* @__PURE__ */ e("div", { className: "flex-1 md:hidden", "aria-hidden": "true" }),
2222
2222
  r && /* @__PURE__ */ e("div", { className: "flex items-center", children: r }),
2223
- /* @__PURE__ */ i(qe, { children: [
2224
- /* @__PURE__ */ e(Ge, { asChild: !0, children: /* @__PURE__ */ e(
2223
+ /* @__PURE__ */ i(Qe, { children: [
2224
+ /* @__PURE__ */ e(We, { asChild: !0, children: /* @__PURE__ */ e(
2225
2225
  "button",
2226
2226
  {
2227
2227
  type: "button",
@@ -2230,9 +2230,9 @@ const nt = x(
2230
2230
  children: /* @__PURE__ */ e(xe, { className: "h-5 w-5", "aria-hidden": "true" })
2231
2231
  }
2232
2232
  ) }),
2233
- /* @__PURE__ */ i(We, { side: "left", className: "flex flex-col p-0", children: [
2234
- /* @__PURE__ */ i(Ke, { className: "border-b border-[var(--border)] px-5 py-4", children: [
2235
- /* @__PURE__ */ e(Oe, { className: "sr-only", children: "Menu de navegação" }),
2233
+ /* @__PURE__ */ i(Ye, { side: "left", className: "flex flex-col p-0", children: [
2234
+ /* @__PURE__ */ i(Ze, { className: "border-b border-[var(--border)] px-5 py-4", children: [
2235
+ /* @__PURE__ */ e(Je, { className: "sr-only", children: "Menu de navegação" }),
2236
2236
  t && /* @__PURE__ */ e("div", { className: "flex items-center", children: t })
2237
2237
  ] }),
2238
2238
  n && /* @__PURE__ */ e("div", { className: "border-b border-[var(--border)] px-5 py-4", children: n }),
@@ -2241,7 +2241,7 @@ const nt = x(
2241
2241
  {
2242
2242
  "aria-label": "Menu principal",
2243
2243
  className: "flex-1 overflow-y-auto px-5 py-3",
2244
- children: /* @__PURE__ */ e("div", { className: "divide-y divide-[var(--border)]", children: a.map((m) => /* @__PURE__ */ e("div", { className: "py-0.5", children: /* @__PURE__ */ e(Z, { item: m }) }, m.id)) })
2244
+ children: /* @__PURE__ */ e("div", { className: "divide-y divide-[var(--border)]", children: a.map((m) => /* @__PURE__ */ e("div", { className: "py-0.5", children: /* @__PURE__ */ e(Y, { item: m }) }, m.id)) })
2245
2245
  }
2246
2246
  ),
2247
2247
  s && /* @__PURE__ */ e("div", { className: "border-t border-[var(--border)] px-5 py-4", children: s })
@@ -2253,14 +2253,14 @@ const nt = x(
2253
2253
  {
2254
2254
  "aria-label": "Menu principal",
2255
2255
  className: "hidden border-t border-[var(--border)] py-2 md:flex",
2256
- children: /* @__PURE__ */ e(Je, { children: /* @__PURE__ */ e(et, { children: a.map(
2256
+ children: /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(ot, { children: a.map(
2257
2257
  (m) => {
2258
2258
  var g;
2259
2259
  return (g = m.children) != null && g.length ? /* @__PURE__ */ i(H, { children: [
2260
- /* @__PURE__ */ e(at, { className: "h-9 bg-transparent text-sm text-[var(--foreground)] hover:bg-[var(--accent)]", children: m.label }),
2261
- /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(it, { items: m.children }) })
2260
+ /* @__PURE__ */ e(nt, { className: "h-9 bg-transparent text-sm text-[var(--foreground)] hover:bg-[var(--accent)]", children: m.label }),
2261
+ /* @__PURE__ */ e(st, { children: /* @__PURE__ */ e(dt, { items: m.children }) })
2262
2262
  ] }, m.id) : /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(
2263
- T,
2263
+ $,
2264
2264
  {
2265
2265
  href: m.href ?? "#",
2266
2266
  className: "inline-flex h-9 items-center rounded-md px-4 text-sm font-medium text-[var(--foreground)] transition-colors hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
@@ -2275,8 +2275,8 @@ const nt = x(
2275
2275
  }
2276
2276
  )
2277
2277
  );
2278
- nt.displayName = "MegaMenu";
2279
- const st = [
2278
+ ct.displayName = "MegaMenu";
2279
+ const ut = [
2280
2280
  {
2281
2281
  id: "catalogo",
2282
2282
  title: "Catálogo",
@@ -2309,11 +2309,16 @@ const st = [
2309
2309
  { label: "Sobre o APP", href: "/sobre-app" }
2310
2310
  ]
2311
2311
  }
2312
+ ], mt = [
2313
+ { label: "Instagram", href: "https://instagram.com/eloeditora", Icon: Ne },
2314
+ { label: "Facebook", href: "https://facebook.com/eloeditora", Icon: we },
2315
+ { label: "YouTube", href: "https://youtube.com/@eloeditora", Icon: ye },
2316
+ { label: "LinkedIn", href: "https://linkedin.com/company/eloeditora", Icon: ke }
2312
2317
  ];
2313
- function lt({ onSubmit: a }) {
2318
+ function ft({ onSubmit: a }) {
2314
2319
  const [t, r] = k(""), [n, s] = k(!1);
2315
2320
  return /* @__PURE__ */ e("div", { className: "mx-auto w-full bg-[var(--brand-primary)] py-8 md:py-10 lg:py-12", style: { maxWidth: "var(--container-max)" }, children: /* @__PURE__ */ i("div", { className: "mx-auto max-w-lg px-[var(--container-px)] text-center", children: [
2316
- /* @__PURE__ */ e(Ne, { className: "mx-auto mb-4 h-10 w-10 text-white", "aria-hidden": "true" }),
2321
+ /* @__PURE__ */ e(ze, { className: "mx-auto mb-4 h-10 w-10 text-white", "aria-hidden": "true" }),
2317
2322
  /* @__PURE__ */ e("h2", { className: "text-xl font-semibold text-white sm:text-2xl", children: "Receba novidades e ofertas exclusivas" }),
2318
2323
  /* @__PURE__ */ e("p", { className: "mt-2 text-sm", style: { color: "rgba(255,255,255,0.85)" }, children: "Cadastre-se e fique por dentro dos lançamentos. Sem spam." }),
2319
2324
  n ? /* @__PURE__ */ e("p", { className: "mt-6 text-sm font-medium text-white", children: "Obrigado! Você está na lista. ✓" }) : /* @__PURE__ */ i("form", { onSubmit: (l) => {
@@ -2344,7 +2349,7 @@ function lt({ onSubmit: a }) {
2344
2349
  ] })
2345
2350
  ] }) });
2346
2351
  }
2347
- function dt({ title: a, links: t }) {
2352
+ function gt({ title: a, links: t }) {
2348
2353
  const [r, n] = k(!1);
2349
2354
  return /* @__PURE__ */ i("div", { className: "border-b border-[var(--border)] md:border-none", children: [
2350
2355
  /* @__PURE__ */ i(
@@ -2387,9 +2392,9 @@ function dt({ title: a, links: t }) {
2387
2392
  )
2388
2393
  ] });
2389
2394
  }
2390
- const ct = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, playStoreUrl: n, appStoreUrl: s, className: c, ...l }) => {
2395
+ const pt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, playStoreUrl: n, appStoreUrl: s, className: c, ...l }) => {
2391
2396
  const [u, m] = k("light");
2392
- j(() => {
2397
+ D(() => {
2393
2398
  const f = document.documentElement;
2394
2399
  m(f.getAttribute("data-theme") ?? "light");
2395
2400
  const b = new MutationObserver(() => {
@@ -2405,7 +2410,7 @@ const ct = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
2405
2410
  "aria-label": "Rodapé do site",
2406
2411
  ...l,
2407
2412
  children: [
2408
- r !== void 0 ? r : /* @__PURE__ */ e(lt, { onSubmit: t }),
2413
+ r !== void 0 ? r : /* @__PURE__ */ e(ft, { onSubmit: t }),
2409
2414
  /* @__PURE__ */ i("div", { className: "mx-auto max-w-screen-xl px-4", children: [
2410
2415
  /* @__PURE__ */ i("div", { className: "py-10 md:grid md:grid-cols-5 md:gap-8", children: [
2411
2416
  /* @__PURE__ */ i("div", { className: "mb-8 md:mb-0", children: [
@@ -2425,7 +2430,7 @@ const ct = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
2425
2430
  /* @__PURE__ */ e("p", { className: "font-medium text-[var(--foreground)]", children: "(11) 3000-0000" })
2426
2431
  ] })
2427
2432
  ] }),
2428
- st.map((f) => /* @__PURE__ */ e(dt, { title: f.title, links: f.links }, f.id)),
2433
+ ut.map((f) => /* @__PURE__ */ e(gt, { title: f.title, links: f.links }, f.id)),
2429
2434
  /* @__PURE__ */ i("div", { className: "mb-8 md:mb-0", children: [
2430
2435
  /* @__PURE__ */ e("p", { className: "text-sm font-semibold uppercase tracking-wide text-[var(--foreground)]", children: "Baixe nosso app" }),
2431
2436
  /* @__PURE__ */ i("div", { className: "mt-3 flex flex-col gap-2", children: [
@@ -2469,7 +2474,20 @@ const ct = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
2469
2474
  )
2470
2475
  }
2471
2476
  )
2472
- ] })
2477
+ ] }),
2478
+ /* @__PURE__ */ e("p", { className: "mt-6 text-sm font-semibold uppercase tracking-wide text-[var(--foreground)]", children: "Compartilhe" }),
2479
+ /* @__PURE__ */ e("div", { className: "mt-3 flex flex-wrap gap-2", "aria-label": "Compartilhe nas redes sociais", children: mt.map(({ label: f, href: b, Icon: x }) => /* @__PURE__ */ e(
2480
+ "a",
2481
+ {
2482
+ href: b,
2483
+ target: "_blank",
2484
+ rel: "noopener noreferrer",
2485
+ "aria-label": f,
2486
+ className: "flex h-9 w-9 items-center justify-center rounded-full border border-[var(--border)] text-[var(--muted-foreground)] transition-colors hover:border-[var(--brand-primary)] hover:bg-[var(--brand-primary)] hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
2487
+ children: /* @__PURE__ */ e(x, { className: "h-4 w-4", "aria-hidden": "true" })
2488
+ },
2489
+ f
2490
+ )) })
2473
2491
  ] })
2474
2492
  ] }),
2475
2493
  /* @__PURE__ */ i("div", { className: "flex flex-col gap-2 border-t border-[var(--border)] py-6 text-xs text-[var(--muted-foreground)] sm:flex-row sm:items-center sm:justify-between", children: [
@@ -2489,8 +2507,8 @@ const ct = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
2489
2507
  }
2490
2508
  );
2491
2509
  };
2492
- ct.displayName = "Footer";
2493
- function Zt({ children: a, className: t }) {
2510
+ pt.displayName = "Footer";
2511
+ function aa({ children: a, className: t }) {
2494
2512
  return /* @__PURE__ */ e(
2495
2513
  "div",
2496
2514
  {
@@ -2503,7 +2521,7 @@ function Zt({ children: a, className: t }) {
2503
2521
  }
2504
2522
  );
2505
2523
  }
2506
- const ut = {
2524
+ const vt = {
2507
2525
  1: "col-span-1",
2508
2526
  2: "col-span-2",
2509
2527
  3: "col-span-3",
@@ -2511,77 +2529,77 @@ const ut = {
2511
2529
  5: "col-span-5",
2512
2530
  6: "col-span-6"
2513
2531
  };
2514
- function Yt({ children: a, span: t, className: r }) {
2515
- return /* @__PURE__ */ e("div", { "data-slot": "col", className: o("min-w-0", t && ut[t], r), children: a });
2532
+ function ra({ children: a, span: t, className: r }) {
2533
+ return /* @__PURE__ */ e("div", { "data-slot": "col", className: o("min-w-0", t && vt[t], r), children: a });
2516
2534
  }
2517
2535
  export {
2518
- Bt as Accordion,
2519
- $t as AccordionContent,
2520
- Et as AccordionItem,
2521
- Lt as AccordionTrigger,
2522
- Se as Avatar,
2536
+ Vt as Accordion,
2537
+ Gt as AccordionContent,
2538
+ Ft as AccordionItem,
2539
+ qt as AccordionTrigger,
2540
+ Me as Avatar,
2523
2541
  _ as Badge,
2524
- jt as Breadcrumb,
2525
- Pt as BreadcrumbItem,
2526
- At as BreadcrumbLink,
2527
- Mt as BreadcrumbList,
2528
- _t as BreadcrumbPage,
2529
- Rt as BreadcrumbSeparator,
2542
+ Lt as Breadcrumb,
2543
+ Bt as BreadcrumbItem,
2544
+ Et as BreadcrumbLink,
2545
+ Rt as BreadcrumbList,
2546
+ Tt as BreadcrumbPage,
2547
+ $t as BreadcrumbSeparator,
2530
2548
  C as Button,
2531
- Ct as Checkbox,
2532
- Yt as Col,
2533
- Xe as Container,
2534
- Ht as DialogContent,
2535
- Kt as DialogDescription,
2536
- Qt as DialogFooter,
2537
- Ut as DialogHeader,
2538
- Wt as DialogTitle,
2539
- Gt as DialogTrigger,
2540
- je as Divider,
2541
- qe as Drawer,
2549
+ Mt as Checkbox,
2550
+ ra as Col,
2551
+ et as Container,
2552
+ Ot as DialogContent,
2553
+ Jt as DialogDescription,
2554
+ Yt as DialogFooter,
2555
+ Xt as DialogHeader,
2556
+ Zt as DialogTitle,
2557
+ Kt as DialogTrigger,
2558
+ _e as Divider,
2559
+ Qe as Drawer,
2542
2560
  X as EmptyState,
2543
- $e as ErrorState,
2544
- ct as Footer,
2545
- Be as FormGroup,
2546
- Zt as Grid,
2547
- Le as Hero,
2548
- Ye as HeroCarousel,
2549
- xt as Input,
2550
- nt as MegaMenu,
2551
- qt as Modal,
2552
- _e as PriceDisplay,
2553
- $ as ProductCard,
2554
- Te as ProductGrid,
2555
- ra as ProgressBar,
2556
- Re as QuantitySelector,
2557
- St as RadioGroup,
2558
- It as RadioGroupItem,
2559
- L as Rating,
2560
- Ae as SearchBar,
2561
- Nt as Select,
2562
- kt as SelectContent,
2563
- zt as SelectItem,
2564
- yt as SelectTrigger,
2565
- wt as SelectValue,
2566
- We as SheetContent,
2567
- Xt as SheetDescription,
2568
- Ot as SheetFooter,
2569
- Ke as SheetHeader,
2570
- Oe as SheetTitle,
2571
- Ge as SheetTrigger,
2572
- De as Spinner,
2573
- ke as Textarea,
2574
- Dt as Toggle,
2575
- Tt as Tooltip,
2576
- Ft as TooltipContent,
2577
- Ee as TooltipProvider,
2578
- Vt as TooltipTrigger,
2579
- Ze as TopAccessibilityBar,
2580
- Ce as avatarVariants,
2581
- ze as badgeVariants,
2582
- ye as buttonVariants,
2561
+ qe as ErrorState,
2562
+ pt as Footer,
2563
+ $e as FormGroup,
2564
+ aa as Grid,
2565
+ Fe as Hero,
2566
+ at as HeroCarousel,
2567
+ zt as Input,
2568
+ ct as MegaMenu,
2569
+ Wt as Modal,
2570
+ Ee as PriceDisplay,
2571
+ T as ProductCard,
2572
+ Ge as ProductGrid,
2573
+ la as ProgressBar,
2574
+ Te as QuantitySelector,
2575
+ Pt as RadioGroup,
2576
+ At as RadioGroupItem,
2577
+ E as Rating,
2578
+ Be as SearchBar,
2579
+ Ct as Select,
2580
+ jt as SelectContent,
2581
+ Dt as SelectItem,
2582
+ It as SelectTrigger,
2583
+ St as SelectValue,
2584
+ Ye as SheetContent,
2585
+ ta as SheetDescription,
2586
+ ea as SheetFooter,
2587
+ Ze as SheetHeader,
2588
+ Je as SheetTitle,
2589
+ We as SheetTrigger,
2590
+ Ae as Spinner,
2591
+ Ie as Textarea,
2592
+ _t as Toggle,
2593
+ Ht as Tooltip,
2594
+ Qt as TooltipContent,
2595
+ Ve as TooltipProvider,
2596
+ Ut as TooltipTrigger,
2597
+ tt as TopAccessibilityBar,
2598
+ De as avatarVariants,
2599
+ je as badgeVariants,
2600
+ Se as buttonVariants,
2583
2601
  o as cn,
2584
- Ie as spinnerVariants,
2585
- ta as toast
2602
+ Pe as spinnerVariants,
2603
+ na as toast
2586
2604
  };
2587
2605
  //# sourceMappingURL=index.js.map