@grupo-elo-editorial/shared-ui-react 1.0.0 → 1.2.0

package/dist/index.js

@@ -1,23 +1,25 @@
-import { clsx as K } from "clsx";
-import { twMerge as J } from "tailwind-merge";
-import { jsx as e, jsxs as s, Fragment as j } from "react/jsx-runtime";
-import { forwardRef as N, useState as k, useEffect as D } from "react";
-import { Loader2 as E, User as Y, Star as Z, CheckIcon as V, ChevronDownIcon as B, ChevronUpIcon as O, CircleIcon as ee, Heart as te, ShoppingCart as _, Search as L, X as ae, Minus as H, Plus as q, ChevronRight as F, FileX as re, Package as ie, AlertCircle as se, RefreshCw as oe, Home as ne, XIcon as G, Eye as le, Moon as de, Sun as ce, ChevronLeft as ue } from "lucide-react";
-import { cva as $ } from "class-variance-authority";
-import * as y from "@radix-ui/react-select";
-import * as A from "@radix-ui/react-checkbox";
+"use client";
+import { clsx as J } from "clsx";
+import { twMerge as ee } from "tailwind-merge";
+import { jsx as e, jsxs as i, Fragment as A } from "react/jsx-runtime";
+import { forwardRef as N, useState as k, useEffect as M } from "react";
+import { Loader2 as V, User as te, Star as ae, CheckIcon as U, ChevronDownIcon as E, ChevronUpIcon as re, CircleIcon as oe, ShoppingCart as L, Heart as ie, Search as Q, X as ne, Minus as se, Plus as le, ChevronRight as W, FileX as de, Package as ce, AlertCircle as ue, RefreshCw as me, Home as fe, XIcon as K, Accessibility as ge, ZoomOut as ve, ZoomIn as pe, Moon as be, Sun as he, ChevronLeft as xe, Menu as Ne, ChevronDown as O, Instagram as we, Facebook as ye, Youtube as ke, Linkedin as ze, Mail as Ce } from "lucide-react";
+import { cva as P } from "class-variance-authority";
+import * as z from "@radix-ui/react-select";
+import * as F from "@radix-ui/react-checkbox";
 import * as T from "@radix-ui/react-radio-group";
-import * as M from "@radix-ui/react-switch";
-import { Slot as me } from "@radix-ui/react-slot";
-import * as I from "@radix-ui/react-accordion";
-import * as C from "@radix-ui/react-tooltip";
-import { toast as jt } from "sonner";
-import { Progress as Pt } from "@radix-ui/react-progress";
+import * as q from "@radix-ui/react-switch";
+import { Slot as Se } from "@radix-ui/react-slot";
+import * as _ from "@radix-ui/react-accordion";
+import * as I from "@radix-ui/react-tooltip";
+import { toast as na } from "sonner";
+import { Progress as la } from "@radix-ui/react-progress";
 import * as w from "@radix-ui/react-dialog";
-function i(...a) {
-  return J(K(a));
+import * as S from "@radix-ui/react-navigation-menu";
+function o(...a) {
+  return ee(J(a));
 }
-const Q = $(
+const X = P(
   "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",
   {
     variants: {
@@ -43,43 +45,43 @@ const Q = $(
       size: "md"
     }
   }
-), z = N(
+), C = N(
   ({
     className: a,
     variant: t,
     size: r,
-    fullWidth: o,
-    isLoading: n,
-    leftIcon: d,
+    fullWidth: n,
+    isLoading: s,
+    leftIcon: c,
     rightIcon: l,
-    children: c,
-    disabled: g,
-    ...f
-  }, p) => /* @__PURE__ */ e(
+    children: m,
+    disabled: f,
+    ...u
+  }, v) => /* @__PURE__ */ e(
     "button",
     {
-      className: i(Q({ variant: t, size: r, fullWidth: o, className: a })),
-      ref: p,
-      disabled: g || n,
-      ...f,
-      children: n ? /* @__PURE__ */ s(j, { children: [
-        /* @__PURE__ */ e(E, { className: "h-4 w-4 animate-spin" }),
-        c && /* @__PURE__ */ e("span", { children: c })
-      ] }) : /* @__PURE__ */ s(j, { children: [
-        d && /* @__PURE__ */ e("span", { className: "inline-flex", children: d }),
-        c,
+      className: o(X({ variant: t, size: r, fullWidth: n, className: a })),
+      ref: v,
+      disabled: f || s,
+      ...u,
+      children: s ? /* @__PURE__ */ i(A, { children: [
+        /* @__PURE__ */ e(V, { className: "h-4 w-4 animate-spin" }),
+        m && /* @__PURE__ */ e("span", { children: m })
+      ] }) : /* @__PURE__ */ i(A, { children: [
+        c && /* @__PURE__ */ e("span", { className: "inline-flex", children: c }),
+        m,
         l && /* @__PURE__ */ e("span", { className: "inline-flex", children: l })
       ] })
     }
   )
 );
-z.displayName = "Button";
-const fe = N(
-  ({ className: a, error: t, helperText: r, ...o }, n) => /* @__PURE__ */ s("div", { className: "w-full", children: [
+C.displayName = "Button";
+const Ie = N(
+  ({ className: a, error: t, helperText: r, ...n }, s) => /* @__PURE__ */ i("div", { className: "w-full", children: [
     /* @__PURE__ */ e(
       "textarea",
       {
-        className: i(
+        className: o(
           "flex min-h-[80px] w-full rounded-lg border-2 border-[var(--border)] bg-[var(--input-background)] px-3 py-2 text-base transition-colors",
           "placeholder:text-[var(--muted-foreground)]",
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
@@ -88,14 +90,14 @@ const fe = N(
           t && "border-[var(--destructive)] focus-visible:ring-[var(--destructive)]",
           a
         ),
-        ref: n,
-        ...o
+        ref: s,
+        ...n
       }
     ),
     r && /* @__PURE__ */ e(
       "p",
       {
-        className: i(
+        className: o(
           "mt-1.5 text-sm",
           t ? "text-[var(--destructive)]" : "text-[var(--muted-foreground)]"
         ),
@@ -104,8 +106,8 @@ const fe = N(
     )
   ] })
 );
-fe.displayName = "Textarea";
-const ge = $(
+Ie.displayName = "Textarea";
+const je = P(
   "inline-flex items-center rounded-full font-medium transition-colors whitespace-nowrap",
   {
     variants: {
@@ -129,20 +131,20 @@ const ge = $(
       size: "md"
     }
   }
-), P = N(
-  ({ className: a, variant: t, size: r, icon: o, onRemove: n, children: d, ...l }, c) => /* @__PURE__ */ s(
+), D = N(
+  ({ className: a, variant: t, size: r, icon: n, onRemove: s, children: c, ...l }, m) => /* @__PURE__ */ i(
     "div",
     {
-      ref: c,
-      className: i(ge({ variant: t, size: r }), a),
+      ref: m,
+      className: o(je({ variant: t, size: r }), a),
       ...l,
       children: [
-        o && /* @__PURE__ */ e("span", { className: "mr-1 inline-flex", children: o }),
-        d,
-        n && /* @__PURE__ */ e(
+        n && /* @__PURE__ */ e("span", { className: "mr-1 inline-flex", children: n }),
+        c,
+        s && /* @__PURE__ */ e(
           "button",
           {
-            onClick: n,
+            onClick: s,
             className: "ml-1 inline-flex hover:opacity-70 focus:outline-none focus:ring-1 focus:ring-[var(--ring)] rounded-full",
             "aria-label": "Remove",
             children: "×"
@@ -152,8 +154,8 @@ const ge = $(
     }
   )
 );
-P.displayName = "Badge";
-const pe = $(
+D.displayName = "Badge";
+const Me = P(
   "relative inline-flex items-center justify-center overflow-hidden rounded-full bg-[var(--muted)] text-[var(--muted-foreground)] flex-shrink-0",
   {
     variants: {
@@ -168,9 +170,9 @@ const pe = $(
       size: "md"
     }
   }
-), ve = N(
-  ({ className: a, size: t, src: r, alt: o, name: n, showStatus: d, statusType: l = "online", ...c }, g) => {
-    const [f, p] = k(!1), v = (m) => m.split(" ").map((u) => u[0]).join("").toUpperCase().slice(0, 2), b = {
+), _e = N(
+  ({ className: a, size: t, src: r, alt: n, name: s, showStatus: c, statusType: l = "online", ...m }, f) => {
+    const [u, v] = k(!1), g = (x) => x.split(" ").map((d) => d[0]).join("").toUpperCase().slice(0, 2), b = {
       online: "bg-[var(--success)]",
       offline: "bg-[var(--muted-foreground)]",
       away: "bg-[var(--warning)]",
@@ -181,21 +183,21 @@ const pe = $(
       lg: "h-3 w-3 border-2",
       xl: "h-4 w-4 border-2"
     };
-    return /* @__PURE__ */ s("div", { ref: g, className: i(pe({ size: t }), "relative", a), children: [
-      r && !f ? /* @__PURE__ */ e(
+    return /* @__PURE__ */ i("div", { ref: f, className: o(Me({ size: t }), "relative", a), children: [
+      r && !u ? /* @__PURE__ */ e(
         "img",
         {
           src: r,
-          alt: o || n || "Avatar",
-          onError: () => p(!0),
+          alt: n || s || "Avatar",
+          onError: () => v(!0),
           className: "h-full w-full object-cover",
-          ...c
+          ...m
         }
-      ) : n ? /* @__PURE__ */ e("span", { className: "font-medium", children: v(n) }) : /* @__PURE__ */ e(Y, { className: "h-1/2 w-1/2" }),
-      d && /* @__PURE__ */ e(
+      ) : s ? /* @__PURE__ */ e("span", { className: "font-medium", children: g(s) }) : /* @__PURE__ */ e(te, { className: "h-1/2 w-1/2" }),
+      c && /* @__PURE__ */ e(
         "span",
         {
-          className: i(
+          className: o(
             "absolute bottom-0 right-0 rounded-full border-[var(--background)]",
             b[l],
             h[t || "md"]
@@ -206,8 +208,8 @@ const pe = $(
     ] });
   }
 );
-ve.displayName = "Avatar";
-const be = $("animate-spin text-[var(--brand-primary)]", {
+_e.displayName = "Avatar";
+const Pe = P("animate-spin text-[var(--brand-primary)]", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -219,47 +221,47 @@ const be = $("animate-spin text-[var(--brand-primary)]", {
   defaultVariants: {
     size: "md"
   }
-}), he = N(
-  ({ className: a, size: t, label: r, ...o }, n) => /* @__PURE__ */ s(
+}), Ae = N(
+  ({ className: a, size: t, label: r, ...n }, s) => /* @__PURE__ */ i(
     "div",
     {
-      ref: n,
+      ref: s,
       role: "status",
       "aria-label": r || "Loading",
-      className: i("inline-flex items-center justify-center", a),
-      ...o,
+      className: o("inline-flex items-center justify-center", a),
+      ...n,
       children: [
-        /* @__PURE__ */ e(E, { className: i(be({ size: t })) }),
+        /* @__PURE__ */ e(V, { className: o(Pe({ size: t })) }),
         /* @__PURE__ */ e("span", { className: "sr-only", children: r || "Loading" })
       ]
     }
   )
 );
-he.displayName = "Spinner";
-const xe = N(
-  ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: o, ...n }, d) => {
+Ae.displayName = "Spinner";
+const De = N(
+  ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: n, ...s }, c) => {
     const l = {
       solid: "border-solid",
       dashed: "border-dashed",
       dotted: "border-dotted"
     };
-    return o && t === "horizontal" ? /* @__PURE__ */ s("div", { className: i("flex items-center gap-4 my-4", a), role: "separator", children: [
+    return n && t === "horizontal" ? /* @__PURE__ */ i("div", { className: o("flex items-center gap-4 my-4", a), role: "separator", children: [
       /* @__PURE__ */ e(
         "hr",
         {
-          ref: d,
-          className: i(
+          ref: c,
+          className: o(
             "flex-1 border-[var(--border)]",
             l[r]
           ),
-          ...n
+          ...s
         }
       ),
-      /* @__PURE__ */ e("span", { className: "text-sm text-[var(--muted-foreground)]", children: o }),
+      /* @__PURE__ */ e("span", { className: "text-sm text-[var(--muted-foreground)]", children: n }),
       /* @__PURE__ */ e(
         "hr",
         {
-          className: i(
+          className: o(
             "flex-1 border-[var(--border)]",
             l[r]
           )
@@ -268,75 +270,75 @@ const xe = N(
     ] }) : /* @__PURE__ */ e(
       "hr",
       {
-        ref: d,
+        ref: c,
         role: "separator",
         "aria-orientation": t,
-        className: i(
+        className: o(
           "border-[var(--border)]",
           l[r],
           t === "vertical" ? "h-full w-px border-l" : "w-full border-t my-4",
           a
         ),
-        ...n
+        ...s
       }
     );
   }
 );
-xe.displayName = "Divider";
-const U = N(
+De.displayName = "Divider";
+const $ = N(
   ({
     className: a,
     value: t = 0,
     maxRating: r = 5,
-    size: o = "md",
-    readonly: n = !1,
-    onChange: d,
+    size: n = "md",
+    readonly: s = !1,
+    onChange: c,
     showValue: l = !1,
-    ...c
-  }, g) => {
-    const [f, p] = k(0), v = {
+    ...m
+  }, f) => {
+    const [u, v] = k(0), g = {
       sm: "h-4 w-4",
       md: "h-5 w-5",
       lg: "h-6 w-6"
-    }, b = (m) => {
-      !n && d && d(m);
-    }, h = f || t;
-    return /* @__PURE__ */ s(
+    }, b = (x) => {
+      !s && c && c(x);
+    }, h = u || t;
+    return /* @__PURE__ */ i(
       "div",
       {
-        ref: g,
-        className: i("inline-flex items-center gap-1", a),
+        ref: f,
+        className: o("inline-flex items-center gap-1", a),
         role: "group",
         "aria-label": `Rating: ${t} out of ${r}`,
-        ...c,
+        ...m,
         children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: Array.from({ length: r }, (m, u) => u + 1).map((m) => {
-            const u = m <= h;
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: Array.from({ length: r }, (x, d) => d + 1).map((x) => {
+            const d = x <= h;
             return /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                disabled: n,
-                onClick: () => b(m),
-                onMouseEnter: () => !n && p(m),
-                onMouseLeave: () => !n && p(0),
-                className: i(
+                disabled: s,
+                onClick: () => b(x),
+                onMouseEnter: () => !s && v(x),
+                onMouseLeave: () => !s && v(0),
+                className: o(
                   "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-1 rounded",
-                  n ? "cursor-default" : "cursor-pointer hover:scale-110"
+                  s ? "cursor-default" : "cursor-pointer hover:scale-110"
                 ),
-                "aria-label": `Rate ${m} out of ${r}`,
+                "aria-label": `Rate ${x} out of ${r}`,
                 children: /* @__PURE__ */ e(
-                  Z,
+                  ae,
                   {
-                    className: i(
-                      v[o],
+                    className: o(
+                      g[n],
                       "transition-all",
-                      u ? "fill-[var(--warning)] text-[var(--warning)]" : "fill-none text-[var(--muted-foreground)]"
+                      d ? "fill-[var(--warning)] text-[var(--warning)]" : "fill-none text-[var(--muted-foreground)]"
                     )
                   }
                 )
               },
-              m
+              x
             );
           }) }),
           l && /* @__PURE__ */ e("span", { className: "ml-1 text-sm font-medium text-[var(--foreground)]", children: t.toFixed(1) })
@@ -345,14 +347,14 @@ const U = N(
     );
   }
 );
-U.displayName = "Rating";
-function Fe({ className: a, type: t, ...r }) {
+$.displayName = "Rating";
+function kt({ className: a, type: t, ...r }) {
   return /* @__PURE__ */ e(
     "input",
     {
       type: t,
       "data-slot": "input",
-      className: i(
+      className: o(
         "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base bg-input-background transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
         "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
@@ -362,153 +364,153 @@ function Fe({ className: a, type: t, ...r }) {
     }
   );
 }
-function Ge({
+function zt({
   ...a
 }) {
-  return /* @__PURE__ */ e(y.Root, { "data-slot": "select", ...a });
+  return /* @__PURE__ */ e(z.Root, { "data-slot": "select", ...a });
 }
-function Qe({
+function Ct({
   ...a
 }) {
-  return /* @__PURE__ */ e(y.Value, { "data-slot": "select-value", ...a });
+  return /* @__PURE__ */ e(z.Value, { "data-slot": "select-value", ...a });
 }
-function Ue({
+function St({
   className: a,
   size: t = "default",
   children: r,
-  ...o
+  ...n
 }) {
-  return /* @__PURE__ */ s(
-    y.Trigger,
+  return /* @__PURE__ */ i(
+    z.Trigger,
     {
       "data-slot": "select-trigger",
       "data-size": t,
-      className: i(
+      className: o(
         "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-full items-center justify-between gap-2 rounded-md border bg-input-background px-3 py-2 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         a
       ),
-      ...o,
+      ...n,
       children: [
         r,
-        /* @__PURE__ */ e(y.Icon, { asChild: !0, children: /* @__PURE__ */ e(B, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ e(z.Icon, { asChild: !0, children: /* @__PURE__ */ e(E, { className: "size-4 opacity-50" }) })
       ]
     }
   );
 }
-function We({
+function It({
   className: a,
   children: t,
   position: r = "popper",
-  ...o
+  ...n
 }) {
-  return /* @__PURE__ */ e(y.Portal, { children: /* @__PURE__ */ s(
-    y.Content,
+  return /* @__PURE__ */ e(z.Portal, { children: /* @__PURE__ */ i(
+    z.Content,
     {
       "data-slot": "select-content",
-      className: i(
+      className: o(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
         r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         a
       ),
       position: r,
-      ...o,
+      ...n,
       children: [
-        /* @__PURE__ */ e(Ne, {}),
+        /* @__PURE__ */ e(Ee, {}),
         /* @__PURE__ */ e(
-          y.Viewport,
+          z.Viewport,
           {
-            className: i(
+            className: o(
               "p-1",
               r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
             ),
             children: t
           }
         ),
-        /* @__PURE__ */ e(we, {})
+        /* @__PURE__ */ e(Le, {})
       ]
     }
   ) });
 }
-function Xe({
+function jt({
   className: a,
   children: t,
   ...r
 }) {
-  return /* @__PURE__ */ s(
-    y.Item,
+  return /* @__PURE__ */ i(
+    z.Item,
     {
       "data-slot": "select-item",
-      className: i(
+      className: o(
         "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         a
       ),
       ...r,
       children: [
-        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(y.ItemIndicator, { children: /* @__PURE__ */ e(V, { className: "size-4" }) }) }),
-        /* @__PURE__ */ e(y.ItemText, { children: t })
+        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(z.ItemIndicator, { children: /* @__PURE__ */ e(U, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e(z.ItemText, { children: t })
       ]
     }
   );
 }
-function Ne({
+function Ee({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    y.ScrollUpButton,
+    z.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: i(
+      className: o(
         "flex cursor-default items-center justify-center py-1",
         a
       ),
       ...t,
-      children: /* @__PURE__ */ e(O, { className: "size-4" })
+      children: /* @__PURE__ */ e(re, { className: "size-4" })
     }
   );
 }
-function we({
+function Le({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    y.ScrollDownButton,
+    z.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: i(
+      className: o(
         "flex cursor-default items-center justify-center py-1",
         a
       ),
       ...t,
-      children: /* @__PURE__ */ e(B, { className: "size-4" })
+      children: /* @__PURE__ */ e(E, { className: "size-4" })
     }
   );
 }
-function Ke({
+function Mt({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    A.Root,
+    F.Root,
     {
       "data-slot": "checkbox",
-      className: i(
+      className: o(
         "peer border bg-input-background dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         a
       ),
       ...t,
       children: /* @__PURE__ */ e(
-        A.Indicator,
+        F.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ e(V, { className: "size-3.5" })
+          children: /* @__PURE__ */ e(U, { className: "size-3.5" })
         }
       )
     }
   );
 }
-function Je({
+function _t({
   className: a,
   ...t
 }) {
@@ -516,12 +518,12 @@ function Je({
     T.Root,
     {
       "data-slot": "radio-group",
-      className: i("grid gap-3", a),
+      className: o("grid gap-3", a),
       ...t
     }
   );
 }
-function Ye({
+function Pt({
   className: a,
   ...t
 }) {
@@ -529,7 +531,7 @@ function Ye({
     T.Item,
     {
       "data-slot": "radio-group-item",
-      className: i(
+      className: o(
         "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         a
       ),
@@ -539,30 +541,30 @@ function Ye({
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ e(ee, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ e(oe, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
         }
       )
     }
   );
 }
-function Ze({
+function At({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    M.Root,
+    q.Root,
     {
       "data-slot": "switch",
-      className: i(
+      className: o(
         "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-switch-background focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         a
       ),
       ...t,
       children: /* @__PURE__ */ e(
-        M.Thumb,
+        q.Thumb,
         {
           "data-slot": "switch-thumb",
-          className: i(
+          className: o(
             "bg-card dark:data-[state=unchecked]:bg-card-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
           )
         }
@@ -570,110 +572,221 @@ function Ze({
     }
   );
 }
+function H({
+  href: a,
+  className: t,
+  children: r
+}) {
+  return a ? /* @__PURE__ */ e("a", { href: a, className: t, tabIndex: -1, "aria-hidden": "true", children: r }) : /* @__PURE__ */ e("div", { className: t, children: r });
+}
 const R = N(
   ({
     className: a,
     image: t,
     title: r,
-    price: o,
-    originalPrice: n,
-    rating: d,
-    reviewCount: l,
-    badge: c,
-    badgeVariant: g = "default",
-    isSkeleton: f = !1,
-    isOutOfStock: p = !1,
-    onAddToCart: v,
-    onToggleFavorite: b,
-    isFavorite: h = !1,
-    ...m
-  }, u) => f ? /* @__PURE__ */ s(
+    author: n,
+    price: s,
+    originalPrice: c,
+    rating: l,
+    reviewCount: m,
+    badge: f,
+    badgeVariant: u = "default",
+    isSkeleton: v = !1,
+    isOutOfStock: g = !1,
+    onAddToCart: b,
+    onToggleFavorite: h,
+    isFavorite: x = !1,
+    href: d,
+    orientation: p = "vertical",
+    ...y
+  }, j) => v ? /* @__PURE__ */ i(
     "div",
     {
-      ref: u,
-      className: i(
-        "flex flex-col rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-4 animate-pulse",
+      ref: j,
+      className: o(
+        "flex rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-4 animate-pulse",
+        p === "horizontal" ? "flex-row gap-3" : "flex-col",
         a
       ),
-      ...m,
+      ...y,
       children: [
-        /* @__PURE__ */ e("div", { className: "aspect-square w-full rounded-lg bg-[var(--muted)]" }),
-        /* @__PURE__ */ e("div", { className: "mt-3 h-4 w-3/4 rounded bg-[var(--muted)]" }),
-        /* @__PURE__ */ e("div", { className: "mt-2 h-4 w-1/2 rounded bg-[var(--muted)]" }),
-        /* @__PURE__ */ e("div", { className: "mt-3 h-10 w-full rounded bg-[var(--muted)]" })
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: o(
+              "rounded-lg bg-[var(--muted)]",
+              p === "horizontal" ? "h-24 w-20 shrink-0" : "aspect-square w-full"
+            )
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: o("flex flex-col gap-2", p === "horizontal" ? "flex-1" : "mt-3"), children: [
+          /* @__PURE__ */ e("div", { className: "h-4 w-3/4 rounded bg-[var(--muted)]" }),
+          /* @__PURE__ */ e("div", { className: "h-4 w-1/2 rounded bg-[var(--muted)]" }),
+          /* @__PURE__ */ e("div", { className: "h-10 w-full rounded bg-[var(--muted)]" })
+        ] })
       ]
     }
-  ) : /* @__PURE__ */ s(
+  ) : p === "horizontal" ? /* @__PURE__ */ i(
     "div",
     {
-      ref: u,
-      className: i(
-        "group relative flex flex-col rounded-lg border-2 border-[var(--border)] bg-[var(--card)] transition-all hover:shadow-lg",
-        p && "opacity-60",
+      ref: j,
+      className: o(
+        "group relative flex flex-row gap-3 rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-3 transition-all hover:shadow-md",
+        g && "opacity-60",
         a
       ),
-      ...m,
+      ...y,
       children: [
-        /* @__PURE__ */ s("div", { className: "relative aspect-square w-full overflow-hidden rounded-t-lg", children: [
-          /* @__PURE__ */ e(
-            "img",
+        /* @__PURE__ */ e(
+          H,
+          {
+            href: d,
+            className: "block h-24 w-20 shrink-0 overflow-hidden rounded-lg",
+            children: /* @__PURE__ */ e(
+              "img",
+              {
+                src: t,
+                alt: r,
+                className: "h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+          d ? /* @__PURE__ */ e(
+            "a",
             {
-              src: t,
-              alt: r,
-              className: "h-full w-full object-cover transition-transform group-hover:scale-105"
+              href: d,
+              className: "line-clamp-2 text-sm font-medium text-[var(--card-foreground)] hover:text-[var(--brand-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded",
+              children: r
             }
-          ),
-          c && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ e(P, { variant: g, children: c }) }),
-          p && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(P, { variant: "danger", size: "lg", children: "Esgotado" }) }),
+          ) : /* @__PURE__ */ e("h3", { className: "line-clamp-2 text-sm font-medium text-[var(--card-foreground)]", children: r }),
+          n && /* @__PURE__ */ e("p", { className: "text-xs text-[var(--muted-foreground)]", children: n }),
+          l !== void 0 && /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ e($, { value: l, size: "sm", readonly: !0 }),
+            m !== void 0 && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)]", children: [
+              "(",
+              m,
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "flex items-baseline gap-2", children: [
+            /* @__PURE__ */ i("span", { className: "text-base font-bold text-[var(--foreground)]", children: [
+              "R$ ",
+              s.toFixed(2)
+            ] }),
+            c && c > s && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)] line-through", children: [
+              "R$ ",
+              c.toFixed(2)
+            ] })
+          ] }),
           b && /* @__PURE__ */ e(
-            "button",
+            C,
             {
               onClick: b,
-              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)]",
-              "aria-label": h ? "Remove from favorites" : "Add to favorites",
-              children: /* @__PURE__ */ e(
-                te,
+              disabled: g,
+              variant: "primary",
+              size: "sm",
+              fullWidth: !0,
+              leftIcon: /* @__PURE__ */ e(L, { className: "h-3.5 w-3.5" }),
+              className: "mt-auto",
+              children: g ? "Indisponível" : "Adicionar"
+            }
+          )
+        ] })
+      ]
+    }
+  ) : /* @__PURE__ */ i(
+    "div",
+    {
+      ref: j,
+      className: o(
+        "group relative flex flex-col rounded-lg border-2 border-[var(--border)] bg-[var(--card)] transition-all hover:shadow-lg",
+        g && "opacity-60",
+        a
+      ),
+      ...y,
+      children: [
+        /* @__PURE__ */ i(
+          H,
+          {
+            href: d,
+            className: "relative block aspect-[3/4] w-full overflow-hidden rounded-t-lg",
+            children: [
+              /* @__PURE__ */ e(
+                "img",
                 {
-                  className: i(
-                    "h-5 w-5",
-                    h ? "fill-[var(--destructive)] text-[var(--destructive)]" : "text-[var(--foreground)]"
-                  )
+                  src: t,
+                  alt: r,
+                  className: "h-full w-full object-cover transition-transform group-hover:scale-105"
                 }
-              )
+              ),
+              f && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ e(D, { variant: u, children: f }) }),
+              g && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(D, { variant: "danger", size: "lg", children: "Esgotado" }) })
+            ]
+          }
+        ),
+        h && /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: h,
+            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)]",
+            "aria-label": x ? "Remover dos favoritos" : "Adicionar aos favoritos",
+            children: /* @__PURE__ */ e(
+              ie,
+              {
+                className: o(
+                  "h-5 w-5",
+                  x ? "fill-[var(--destructive)] text-[var(--destructive)]" : "text-[var(--foreground)]"
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: "flex flex-1 flex-col p-4", children: [
+          d ? /* @__PURE__ */ e(
+            "a",
+            {
+              href: d,
+              className: "line-clamp-2 text-base font-medium text-[var(--card-foreground)] hover:text-[var(--brand-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded",
+              children: r
             }
-          )
-        ] }),
-        /* @__PURE__ */ s("div", { className: "flex flex-1 flex-col p-4", children: [
-          /* @__PURE__ */ e("h3", { className: "line-clamp-2 text-base font-medium text-[var(--card-foreground)]", children: r }),
-          d !== void 0 && /* @__PURE__ */ s("div", { className: "mt-2 flex items-center gap-2", children: [
-            /* @__PURE__ */ e(U, { value: d, size: "sm", readonly: !0 }),
-            l !== void 0 && /* @__PURE__ */ s("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
+          ) : /* @__PURE__ */ e("h3", { className: "line-clamp-2 text-base font-medium text-[var(--card-foreground)]", children: r }),
+          n && /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-[var(--muted-foreground)]", children: n }),
+          l !== void 0 && /* @__PURE__ */ i("div", { className: "mt-2 flex items-center gap-2", children: [
+            /* @__PURE__ */ e($, { value: l, size: "sm", readonly: !0 }),
+            m !== void 0 && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
               "(",
-              l,
+              m,
               ")"
             ] })
           ] }),
-          /* @__PURE__ */ s("div", { className: "mt-3 flex items-baseline gap-2", children: [
-            /* @__PURE__ */ s("span", { className: "text-xl font-bold text-[var(--foreground)]", children: [
+          /* @__PURE__ */ i("div", { className: "mt-3 flex items-baseline gap-2", children: [
+            /* @__PURE__ */ i("span", { className: "text-xl font-bold text-[var(--foreground)]", children: [
               "R$ ",
-              o.toFixed(2)
+              s.toFixed(2)
             ] }),
-            n && n > o && /* @__PURE__ */ s("span", { className: "text-sm text-[var(--muted-foreground)] line-through", children: [
+            c && c > s && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)] line-through", children: [
               "R$ ",
-              n.toFixed(2)
+              c.toFixed(2)
             ] })
           ] }),
-          v && /* @__PURE__ */ e(
-            z,
+          b && /* @__PURE__ */ e(
+            C,
             {
-              onClick: v,
-              disabled: p,
+              onClick: b,
+              disabled: g,
               variant: "primary",
               size: "md",
               fullWidth: !0,
-              leftIcon: /* @__PURE__ */ e(_, { className: "h-4 w-4" }),
-              className: "mt-4",
-              children: p ? "Indisponível" : "Adicionar"
+              leftIcon: /* @__PURE__ */ e(L, { className: "h-4 w-4" }),
+              className: o(
+                "mt-4 transition-all duration-200",
+                "opacity-0 translate-y-2",
+                "group-hover:opacity-100 group-hover:translate-y-0",
+                "focus-visible:opacity-100 focus-visible:translate-y-0"
+              ),
+              children: g ? "Indisponível" : "Adicionar"
             }
           )
         ] })
@@ -682,124 +795,124 @@ const R = N(
   )
 );
 R.displayName = "ProductCard";
-const ye = N(
+const Te = N(
   ({
     className: a,
     onSearch: t,
     onClear: r,
-    isLoading: o = !1,
-    size: n = "md",
-    placeholder: d = "Buscar...",
+    isLoading: n = !1,
+    size: s = "md",
+    placeholder: c = "Buscar...",
     value: l,
-    onChange: c,
-    ...g
-  }, f) => {
-    const [p, v] = k(""), b = l !== void 0 ? l : p, h = {
+    onChange: m,
+    ...f
+  }, u) => {
+    const [v, g] = k(""), b = l !== void 0 ? l : v, h = {
       sm: "h-9 text-sm",
       md: "h-11 text-base",
       lg: "h-14 text-lg"
-    }, m = (S) => {
-      const X = S.target.value;
-      l === void 0 && v(X), c == null || c(S);
-    }, u = () => {
-      l === void 0 && v(""), r == null || r();
-    }, x = (S) => {
-      S.key === "Enter" && t && t(b);
+    }, x = (y) => {
+      const j = y.target.value;
+      l === void 0 && g(j), m == null || m(y);
+    }, d = () => {
+      l === void 0 && g(""), r == null || r();
+    }, p = (y) => {
+      y.key === "Enter" && t && t(b);
     };
-    return /* @__PURE__ */ e("div", { className: i("relative w-full", a), children: /* @__PURE__ */ s("div", { className: "relative flex items-center", children: [
-      /* @__PURE__ */ e(L, { className: "absolute left-3 h-5 w-5 text-[var(--muted-foreground)] pointer-events-none" }),
+    return /* @__PURE__ */ e("div", { className: o("relative w-full", a), children: /* @__PURE__ */ i("div", { className: "relative flex items-center", children: [
+      /* @__PURE__ */ e(Q, { className: "absolute left-3 h-5 w-5 text-[var(--muted-foreground)] pointer-events-none" }),
       /* @__PURE__ */ e(
         "input",
         {
-          ref: f,
+          ref: u,
           type: "search",
           value: b,
-          onChange: m,
-          onKeyDown: x,
-          placeholder: d,
-          className: i(
+          onChange: x,
+          onKeyDown: p,
+          placeholder: c,
+          className: o(
             "w-full rounded-lg border-2 border-[var(--border)] bg-[var(--input-background)] pl-10 pr-10 font-normal transition-colors",
             "placeholder:text-[var(--muted-foreground)]",
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
             "disabled:cursor-not-allowed disabled:opacity-50",
-            h[n]
+            h[s]
           ),
-          ...g
+          ...f
         }
       ),
-      /* @__PURE__ */ s("div", { className: "absolute right-3 flex items-center gap-1", children: [
-        o && /* @__PURE__ */ e(E, { className: "h-5 w-5 animate-spin text-[var(--muted-foreground)]" }),
-        b && !o && /* @__PURE__ */ e(
+      /* @__PURE__ */ i("div", { className: "absolute right-3 flex items-center gap-1", children: [
+        n && /* @__PURE__ */ e(V, { className: "h-5 w-5 animate-spin text-[var(--muted-foreground)]" }),
+        b && !n && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: u,
+            onClick: d,
             className: "rounded-full p-1 hover:bg-[var(--muted)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
             "aria-label": "Clear search",
-            children: /* @__PURE__ */ e(ae, { className: "h-4 w-4 text-[var(--muted-foreground)]" })
+            children: /* @__PURE__ */ e(ne, { className: "h-4 w-4 text-[var(--muted-foreground)]" })
           }
         )
       ] })
     ] }) });
   }
 );
-ye.displayName = "SearchBar";
-const ke = N(
+Te.displayName = "SearchBar";
+const $e = N(
   ({
     className: a,
     price: t,
     originalPrice: r,
-    currency: o = "R$",
-    size: n = "md",
-    showDiscount: d = !0,
+    currency: n = "R$",
+    size: s = "md",
+    showDiscount: c = !0,
     installments: l,
-    ...c
-  }, g) => {
-    const f = r && r > t ? Math.round((r - t) / r * 100) : 0, p = {
+    ...m
+  }, f) => {
+    const u = r && r > t ? Math.round((r - t) / r * 100) : 0, v = {
       sm: "text-base",
       md: "text-xl",
       lg: "text-2xl",
       xl: "text-4xl"
-    }, v = {
+    }, g = {
       sm: "text-xs",
       md: "text-sm",
       lg: "text-base",
       xl: "text-xl"
     };
-    return /* @__PURE__ */ s("div", { ref: g, className: i("flex flex-col gap-1", a), ...c, children: [
-      /* @__PURE__ */ s("div", { className: "flex items-center gap-2 flex-wrap", children: [
-        /* @__PURE__ */ s("div", { className: "flex items-baseline gap-2", children: [
-          /* @__PURE__ */ s("span", { className: i("font-bold text-[var(--foreground)]", p[n]), children: [
-            o,
+    return /* @__PURE__ */ i("div", { ref: f, className: o("flex flex-col gap-1", a), ...m, children: [
+      /* @__PURE__ */ i("div", { className: "flex items-center gap-2 flex-wrap", children: [
+        /* @__PURE__ */ i("div", { className: "flex items-baseline gap-2", children: [
+          /* @__PURE__ */ i("span", { className: o("font-bold text-[var(--foreground)]", v[s]), children: [
+            n,
             " ",
             t.toFixed(2)
           ] }),
-          r && r > t && /* @__PURE__ */ s(
+          r && r > t && /* @__PURE__ */ i(
             "span",
             {
-              className: i(
+              className: o(
                 "text-[var(--muted-foreground)] line-through",
-                v[n]
+                g[s]
               ),
               children: [
-                o,
+                n,
                 " ",
                 r.toFixed(2)
               ]
             }
           )
         ] }),
-        d && f > 0 && /* @__PURE__ */ s(P, { variant: "success", size: "sm", children: [
+        c && u > 0 && /* @__PURE__ */ i(D, { variant: "success", size: "sm", children: [
           "-",
-          f,
+          u,
           "%"
         ] })
       ] }),
-      l && /* @__PURE__ */ s("p", { className: "text-sm text-[var(--muted-foreground)]", children: [
+      l && /* @__PURE__ */ i("p", { className: "text-sm text-[var(--muted-foreground)]", children: [
         "ou ",
         l.count,
         "x de ",
-        o,
+        n,
         " ",
         l.value.toFixed(2),
         " sem juros"
@@ -807,49 +920,49 @@ const ke = N(
     ] });
   }
 );
-ke.displayName = "PriceDisplay";
-const ze = N(
+$e.displayName = "PriceDisplay";
+const Re = N(
   ({
     className: a,
     value: t,
     min: r = 1,
-    max: o = 99,
-    onChange: n,
-    size: d = "md",
+    max: n = 99,
+    onChange: s,
+    size: c = "md",
     disabled: l = !1,
-    showLabel: c = !1,
-    ...g
-  }, f) => {
-    const p = () => {
-      t < o && n(t + 1);
-    }, v = () => {
-      t > r && n(t - 1);
-    }, b = (u) => {
-      const x = parseInt(u.target.value);
-      !isNaN(x) && x >= r && x <= o && n(x);
+    showLabel: m = !1,
+    ...f
+  }, u) => {
+    const v = () => {
+      t < n && s(t + 1);
+    }, g = () => {
+      t > r && s(t - 1);
+    }, b = (d) => {
+      const p = parseInt(d.target.value);
+      !isNaN(p) && p >= r && p <= n && s(p);
     }, h = {
       sm: "h-8 w-8",
       md: "h-10 w-10",
       lg: "h-12 w-12"
-    }, m = {
+    }, x = {
       sm: "h-8 w-12 text-sm",
       md: "h-10 w-14 text-base",
       lg: "h-12 w-16 text-lg"
     };
-    return /* @__PURE__ */ s("div", { ref: f, className: i("inline-flex flex-col gap-1", a), ...g, children: [
-      c && /* @__PURE__ */ e("label", { className: "text-sm font-medium text-[var(--foreground)]", children: "Quantidade" }),
-      /* @__PURE__ */ s("div", { className: "inline-flex items-center gap-2", children: [
+    return /* @__PURE__ */ i("div", { ref: u, className: o("inline-flex flex-col gap-1", a), ...f, children: [
+      m && /* @__PURE__ */ e("label", { className: "text-sm font-medium text-[var(--foreground)]", children: "Quantidade" }),
+      /* @__PURE__ */ i("div", { className: "inline-flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          z,
+          C,
           {
             type: "button",
             variant: "secondary",
             size: "sm",
-            onClick: v,
+            onClick: g,
             disabled: l || t <= r,
-            className: i(h[d], "p-0"),
+            className: o(h[c], "p-0"),
             "aria-label": "Decrease quantity",
-            children: /* @__PURE__ */ e(H, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ e(se, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ e(
@@ -859,72 +972,72 @@ const ze = N(
             value: t,
             onChange: b,
             min: r,
-            max: o,
+            max: n,
             disabled: l,
-            className: i(
+            className: o(
               "rounded-lg border-2 border-[var(--border)] bg-[var(--input-background)] text-center font-medium transition-colors",
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
               "disabled:cursor-not-allowed disabled:opacity-50",
               "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
-              m[d]
+              x[c]
             ),
             "aria-label": "Quantity"
           }
         ),
         /* @__PURE__ */ e(
-          z,
+          C,
           {
             type: "button",
             variant: "secondary",
             size: "sm",
-            onClick: p,
-            disabled: l || t >= o,
-            className: i(h[d], "p-0"),
+            onClick: v,
+            disabled: l || t >= n,
+            className: o(h[c], "p-0"),
             "aria-label": "Increase quantity",
-            children: /* @__PURE__ */ e(q, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ e(le, { className: "h-4 w-4" })
           }
         )
       ] })
     ] });
   }
 );
-ze.displayName = "QuantitySelector";
-const Se = N(
-  ({ className: a, label: t, htmlFor: r, required: o, error: n, helperText: d, children: l, ...c }, g) => /* @__PURE__ */ s("div", { ref: g, className: i("flex flex-col gap-1.5", a), ...c, children: [
-    t && /* @__PURE__ */ s(
+Re.displayName = "QuantitySelector";
+const Be = N(
+  ({ className: a, label: t, htmlFor: r, required: n, error: s, helperText: c, children: l, ...m }, f) => /* @__PURE__ */ i("div", { ref: f, className: o("flex flex-col gap-1.5", a), ...m, children: [
+    t && /* @__PURE__ */ i(
       "label",
       {
         htmlFor: r,
         className: "text-sm font-medium text-[var(--foreground)]",
         children: [
           t,
-          o && /* @__PURE__ */ e("span", { className: "ml-1 text-[var(--destructive)]", children: "*" })
+          n && /* @__PURE__ */ e("span", { className: "ml-1 text-[var(--destructive)]", children: "*" })
         ]
       }
     ),
     l,
-    (n || d) && /* @__PURE__ */ e(
+    (s || c) && /* @__PURE__ */ e(
       "p",
       {
-        className: i(
+        className: o(
           "text-sm",
-          n ? "text-[var(--destructive)]" : "text-[var(--muted-foreground)]"
+          s ? "text-[var(--destructive)]" : "text-[var(--muted-foreground)]"
         ),
-        children: n || d
+        children: s || c
       }
     )
   ] })
 );
-Se.displayName = "FormGroup";
-function Oe({ ...a }) {
+Be.displayName = "FormGroup";
+function Dt({ ...a }) {
   return /* @__PURE__ */ e("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...a });
 }
-function et({ className: a, ...t }) {
+function Et({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "ol",
     {
       "data-slot": "breadcrumb-list",
-      className: i(
+      className: o(
         "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
         a
       ),
@@ -932,31 +1045,31 @@ function et({ className: a, ...t }) {
     }
   );
 }
-function tt({ className: a, ...t }) {
+function Lt({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "li",
     {
       "data-slot": "breadcrumb-item",
-      className: i("inline-flex items-center gap-1.5", a),
+      className: o("inline-flex items-center gap-1.5", a),
       ...t
     }
   );
 }
-function at({
+function Tt({
   asChild: a,
   className: t,
   ...r
 }) {
   return /* @__PURE__ */ e(
-    a ? me : "a",
+    a ? Se : "a",
     {
       "data-slot": "breadcrumb-link",
-      className: i("hover:text-foreground transition-colors", t),
+      className: o("hover:text-foreground transition-colors", t),
       ...r
     }
   );
 }
-function rt({ className: a, ...t }) {
+function $t({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "span",
     {
@@ -964,12 +1077,12 @@ function rt({ className: a, ...t }) {
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
-      className: i("text-foreground font-normal", a),
+      className: o("text-foreground font-normal", a),
       ...t
     }
   );
 }
-function it({
+function Rt({
   children: a,
   className: t,
   ...r
@@ -980,72 +1093,72 @@ function it({
       "data-slot": "breadcrumb-separator",
       role: "presentation",
       "aria-hidden": "true",
-      className: i("[&>svg]:size-3.5", t),
+      className: o("[&>svg]:size-3.5", t),
       ...r,
-      children: a ?? /* @__PURE__ */ e(F, {})
+      children: a ?? /* @__PURE__ */ e(W, {})
     }
   );
 }
-function st({
+function Bt({
   ...a
 }) {
-  return /* @__PURE__ */ e(I.Root, { "data-slot": "accordion", ...a });
+  return /* @__PURE__ */ e(_.Root, { "data-slot": "accordion", ...a });
 }
-function ot({
+function Vt({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    I.Item,
+    _.Item,
     {
       "data-slot": "accordion-item",
-      className: i("border-b last:border-b-0", a),
+      className: o("border-b last:border-b-0", a),
       ...t
     }
   );
 }
-function nt({
+function Ft({
   className: a,
   children: t,
   ...r
 }) {
-  return /* @__PURE__ */ e(I.Header, { className: "flex", children: /* @__PURE__ */ s(
-    I.Trigger,
+  return /* @__PURE__ */ e(_.Header, { className: "flex", children: /* @__PURE__ */ i(
+    _.Trigger,
     {
       "data-slot": "accordion-trigger",
-      className: i(
+      className: o(
         "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
         a
       ),
       ...r,
       children: [
         t,
-        /* @__PURE__ */ e(B, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+        /* @__PURE__ */ e(E, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
       ]
     }
   ) });
 }
-function lt({
+function qt({
   className: a,
   children: t,
   ...r
 }) {
   return /* @__PURE__ */ e(
-    I.Content,
+    _.Content,
     {
       "data-slot": "accordion-content",
       className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
       ...r,
-      children: /* @__PURE__ */ e("div", { className: i("pt-0 pb-4", a), children: t })
+      children: /* @__PURE__ */ e("div", { className: o("pt-0 pb-4", a), children: t })
     }
   );
 }
-function Ce({
+function Ve({
   delayDuration: a = 0,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    C.Provider,
+    I.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration: a,
@@ -1053,57 +1166,57 @@ function Ce({
     }
   );
 }
-function dt({
+function Ht({
   ...a
 }) {
-  return /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(C.Root, { "data-slot": "tooltip", ...a }) });
+  return /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(I.Root, { "data-slot": "tooltip", ...a }) });
 }
-function ct({
+function Gt({
   ...a
 }) {
-  return /* @__PURE__ */ e(C.Trigger, { "data-slot": "tooltip-trigger", ...a });
+  return /* @__PURE__ */ e(I.Trigger, { "data-slot": "tooltip-trigger", ...a });
 }
-function ut({
+function Ut({
   className: a,
   sideOffset: t = 0,
   children: r,
-  ...o
+  ...n
 }) {
-  return /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ s(
-    C.Content,
+  return /* @__PURE__ */ e(I.Portal, { children: /* @__PURE__ */ i(
+    I.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset: t,
-      className: i(
+      className: o(
         "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
         a
       ),
-      ...o,
+      ...n,
       children: [
         r,
-        /* @__PURE__ */ e(C.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ e(I.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     }
   ) });
 }
-const Ie = N(
+const Fe = N(
   ({
     className: a,
     variant: t = "default",
     title: r,
-    subtitle: o,
-    description: n,
-    primaryCTA: d,
+    subtitle: n,
+    description: s,
+    primaryCTA: c,
     secondaryCTA: l,
-    backgroundImage: c,
-    overlay: g = !0,
-    children: f,
-    ...p
-  }, v) => /* @__PURE__ */ s(
+    backgroundImage: m,
+    overlay: f = !0,
+    children: u,
+    ...v
+  }, g) => /* @__PURE__ */ i(
     "section",
     {
-      ref: v,
-      className: i(
+      ref: g,
+      className: o(
         "relative flex min-h-[400px] w-full flex-col justify-center px-6 py-16 lg:px-12 lg:py-24",
         {
           default: "items-start text-left",
@@ -1112,69 +1225,69 @@ const Ie = N(
         }[t],
         a
       ),
-      ...p,
+      ...v,
       children: [
-        c && /* @__PURE__ */ s(j, { children: [
+        m && /* @__PURE__ */ i(A, { children: [
           /* @__PURE__ */ e(
             "div",
             {
               className: "absolute inset-0 bg-cover bg-center bg-no-repeat",
-              style: { backgroundImage: `url(${c})` }
+              style: { backgroundImage: `url(${m})` }
             }
           ),
-          g && /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/70 to-black/30" })
+          f && /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/70 to-black/30" })
         ] }),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ i(
           "div",
           {
-            className: i(
+            className: o(
               "relative z-10 max-w-7xl mx-auto w-full",
               t === "centered" && "flex flex-col items-center"
             ),
             children: [
-              /* @__PURE__ */ s("div", { className: i("max-w-3xl", t === "split" && "max-w-none"), children: [
-                o && /* @__PURE__ */ e(
+              /* @__PURE__ */ i("div", { className: o("max-w-3xl", t === "split" && "max-w-none"), children: [
+                n && /* @__PURE__ */ e(
                   "p",
                   {
-                    className: i(
+                    className: o(
                       "mb-4 text-sm font-semibold uppercase tracking-wider",
-                      c ? "text-[var(--warning)]" : "text-[var(--brand-primary)]"
+                      m ? "text-[var(--warning)]" : "text-[var(--brand-primary)]"
                     ),
-                    children: o
+                    children: n
                   }
                 ),
                 /* @__PURE__ */ e(
                   "h1",
                   {
-                    className: i(
+                    className: o(
                       "text-4xl font-bold leading-tight lg:text-5xl xl:text-6xl",
-                      c ? "text-white" : "text-[var(--foreground)]"
+                      m ? "text-white" : "text-[var(--foreground)]"
                     ),
                     children: r
                   }
                 ),
-                n && /* @__PURE__ */ e(
+                s && /* @__PURE__ */ e(
                   "p",
                   {
-                    className: i(
+                    className: o(
                       "mt-6 text-lg lg:text-xl",
-                      c ? "text-gray-200" : "text-[var(--muted-foreground)]"
+                      m ? "text-gray-200" : "text-[var(--muted-foreground)]"
                     ),
-                    children: n
+                    children: s
                   }
                 ),
-                (d || l) && /* @__PURE__ */ s("div", { className: "mt-8 flex flex-wrap gap-4", children: [
-                  d && /* @__PURE__ */ e(
-                    z,
+                (c || l) && /* @__PURE__ */ i("div", { className: "mt-8 flex flex-wrap gap-4", children: [
+                  c && /* @__PURE__ */ e(
+                    C,
                     {
                       size: "lg",
-                      onClick: d.onClick,
+                      onClick: c.onClick,
                       variant: "primary",
-                      children: d.label
+                      children: c.label
                     }
                   ),
                   l && /* @__PURE__ */ e(
-                    z,
+                    C,
                     {
                       size: "lg",
                       onClick: l.onClick,
@@ -1184,53 +1297,53 @@ const Ie = N(
                   )
                 ] })
               ] }),
-              t === "split" && f && /* @__PURE__ */ e("div", { className: "mt-8 lg:mt-0", children: f })
+              t === "split" && u && /* @__PURE__ */ e("div", { className: "mt-8 lg:mt-0", children: u })
             ]
           }
         ),
-        t !== "split" && f && /* @__PURE__ */ e("div", { className: "relative z-10 mt-12 w-full max-w-7xl mx-auto", children: f })
+        t !== "split" && u && /* @__PURE__ */ e("div", { className: "relative z-10 mt-12 w-full max-w-7xl mx-auto", children: u })
       ]
     }
   )
 );
-Ie.displayName = "Hero";
-const W = N(
+Fe.displayName = "Hero";
+const Y = N(
   ({
     className: a,
     variant: t = "default",
     icon: r,
-    title: o,
-    description: n,
-    action: d,
+    title: n,
+    description: s,
+    action: c,
     ...l
-  }, c) => {
-    const f = r || {
-      default: /* @__PURE__ */ e(ie, { className: "h-16 w-16" }),
-      search: /* @__PURE__ */ e(L, { className: "h-16 w-16" }),
-      cart: /* @__PURE__ */ e(_, { className: "h-16 w-16" }),
-      error: /* @__PURE__ */ e(re, { className: "h-16 w-16" })
+  }, m) => {
+    const u = r || {
+      default: /* @__PURE__ */ e(ce, { className: "h-16 w-16" }),
+      search: /* @__PURE__ */ e(Q, { className: "h-16 w-16" }),
+      cart: /* @__PURE__ */ e(L, { className: "h-16 w-16" }),
+      error: /* @__PURE__ */ e(de, { className: "h-16 w-16" })
     }[t];
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ i(
       "div",
       {
-        ref: c,
-        className: i(
+        ref: m,
+        className: o(
           "flex flex-col items-center justify-center py-16 px-6 text-center",
           a
         ),
         ...l,
         children: [
-          /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--muted)] p-6 text-[var(--muted-foreground)]", children: f }),
-          /* @__PURE__ */ e("h3", { className: "mt-6 text-xl font-semibold text-[var(--foreground)]", children: o }),
-          n && /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: n }),
-          d && /* @__PURE__ */ e(
-            z,
+          /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--muted)] p-6 text-[var(--muted-foreground)]", children: u }),
+          /* @__PURE__ */ e("h3", { className: "mt-6 text-xl font-semibold text-[var(--foreground)]", children: n }),
+          s && /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: s }),
+          c && /* @__PURE__ */ e(
+            C,
             {
-              onClick: d.onClick,
+              onClick: c.onClick,
               variant: "primary",
               size: "lg",
               className: "mt-6",
-              children: d.label
+              children: c.label
             }
           )
         ]
@@ -1238,20 +1351,20 @@ const W = N(
     );
   }
 );
-W.displayName = "EmptyState";
-const je = N(
+Y.displayName = "EmptyState";
+const qe = N(
   ({
     className: a,
     type: t = "generic",
     title: r,
-    message: o,
-    onRetry: n,
-    onGoHome: d,
+    message: n,
+    onRetry: s,
+    onGoHome: c,
     showRetry: l = !0,
-    showHome: c = !0,
-    ...g
-  }, f) => {
-    const v = {
+    showHome: m = !0,
+    ...f
+  }, u) => {
+    const g = {
       404: {
         title: "Página não encontrada",
         message: "A página que você está procurando não existe ou foi movida.",
@@ -1272,43 +1385,43 @@ const je = N(
         message: "Ocorreu um erro inesperado. Por favor, tente novamente.",
         code: ""
       }
-    }[t], b = r || v.title, h = o || v.message;
-    return /* @__PURE__ */ s(
+    }[t], b = r || g.title, h = n || g.message;
+    return /* @__PURE__ */ i(
       "div",
       {
-        ref: f,
-        className: i(
+        ref: u,
+        className: o(
           "flex min-h-[500px] flex-col items-center justify-center py-16 px-6 text-center",
           a
         ),
         role: "alert",
         "aria-live": "assertive",
-        ...g,
+        ...f,
         children: [
-          /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-4", children: [
-            v.code && /* @__PURE__ */ e("h1", { className: "text-9xl font-bold text-[var(--muted)] opacity-40", children: v.code }),
-            /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--destructive)]/10 p-6 text-[var(--destructive)]", children: /* @__PURE__ */ e(se, { className: "h-16 w-16" }) })
+          /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-4", children: [
+            g.code && /* @__PURE__ */ e("h1", { className: "text-9xl font-bold text-[var(--muted)] opacity-40", children: g.code }),
+            /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--destructive)]/10 p-6 text-[var(--destructive)]", children: /* @__PURE__ */ e(ue, { className: "h-16 w-16" }) })
           ] }),
           /* @__PURE__ */ e("h2", { className: "mt-6 text-2xl font-bold text-[var(--foreground)]", children: b }),
           /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: h }),
-          /* @__PURE__ */ s("div", { className: "mt-8 flex flex-wrap gap-4 justify-center", children: [
-            l && n && /* @__PURE__ */ e(
-              z,
+          /* @__PURE__ */ i("div", { className: "mt-8 flex flex-wrap gap-4 justify-center", children: [
+            l && s && /* @__PURE__ */ e(
+              C,
               {
-                onClick: n,
+                onClick: s,
                 variant: "primary",
                 size: "lg",
-                leftIcon: /* @__PURE__ */ e(oe, { className: "h-5 w-5" }),
+                leftIcon: /* @__PURE__ */ e(me, { className: "h-5 w-5" }),
                 children: "Tentar novamente"
               }
             ),
-            c && d && /* @__PURE__ */ e(
-              z,
+            m && c && /* @__PURE__ */ e(
+              C,
               {
-                onClick: d,
+                onClick: c,
                 variant: "secondary",
                 size: "lg",
-                leftIcon: /* @__PURE__ */ e(ne, { className: "h-5 w-5" }),
+                leftIcon: /* @__PURE__ */ e(fe, { className: "h-5 w-5" }),
                 children: "Voltar ao início"
               }
             )
@@ -1318,41 +1431,41 @@ const je = N(
     );
   }
 );
-je.displayName = "ErrorState";
-const De = N(
+qe.displayName = "ErrorState";
+const He = N(
   ({
     className: a,
     products: t,
     columns: r = 4,
-    gap: o = "md",
-    isLoading: n = !1,
-    skeletonCount: d = 8,
+    gap: n = "md",
+    isLoading: s = !1,
+    skeletonCount: c = 8,
     emptyStateMessage: l = "Nenhum produto encontrado",
-    onEmptyAction: c,
-    ...g
-  }, f) => {
-    const p = {
+    onEmptyAction: m,
+    ...f
+  }, u) => {
+    const v = {
       2: "grid-cols-1 sm:grid-cols-2",
       3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
       4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
       5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5"
-    }, v = {
+    }, g = {
       sm: "gap-4",
       md: "gap-6",
       lg: "gap-8"
     };
-    return n ? /* @__PURE__ */ e(
+    return s ? /* @__PURE__ */ e(
       "div",
       {
-        ref: f,
-        className: i(
+        ref: u,
+        className: o(
           "grid",
-          p[r],
-          v[o],
+          v[r],
+          g[n],
           a
         ),
-        ...g,
-        children: Array.from({ length: d }).map((b, h) => /* @__PURE__ */ e(
+        ...f,
+        children: Array.from({ length: c }).map((b, h) => /* @__PURE__ */ e(
           R,
           {
             image: "",
@@ -1364,49 +1477,49 @@ const De = N(
         ))
       }
     ) : t.length === 0 ? /* @__PURE__ */ e(
-      W,
+      Y,
       {
         variant: "search",
         title: l,
         description: "Tente ajustar seus filtros ou realizar uma nova busca",
-        action: c ? {
+        action: m ? {
           label: "Limpar filtros",
-          onClick: c
+          onClick: m
         } : void 0
       }
     ) : /* @__PURE__ */ e(
       "div",
       {
-        ref: f,
-        className: i(
+        ref: u,
+        className: o(
           "grid",
-          p[r],
-          v[o],
+          v[r],
+          g[n],
           a
         ),
-        ...g,
+        ...f,
         children: t.map((b, h) => /* @__PURE__ */ e(R, { ...b }, h))
       }
     );
   }
 );
-De.displayName = "ProductGrid";
-function mt({
+He.displayName = "ProductGrid";
+function Qt({
   ...a
 }) {
   return /* @__PURE__ */ e(w.Root, { "data-slot": "dialog", ...a });
 }
-function ft({
+function Wt({
   ...a
 }) {
   return /* @__PURE__ */ e(w.Trigger, { "data-slot": "dialog-trigger", ...a });
 }
-function Pe({
+function Ge({
   ...a
 }) {
   return /* @__PURE__ */ e(w.Portal, { "data-slot": "dialog-portal", ...a });
 }
-function $e({
+function Ue({
   className: a,
   ...t
 }) {
@@ -1414,7 +1527,7 @@ function $e({
     w.Overlay,
     {
       "data-slot": "dialog-overlay",
-      className: i(
+      className: o(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
         a
       ),
@@ -1422,26 +1535,26 @@ function $e({
     }
   );
 }
-function gt({
+function Kt({
   className: a,
   children: t,
   ...r
 }) {
-  return /* @__PURE__ */ s(Pe, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ e($e, {}),
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ i(Ge, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ e(Ue, {}),
+    /* @__PURE__ */ i(
       w.Content,
       {
         "data-slot": "dialog-content",
-        className: i(
+        className: o(
           "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
           a
         ),
         ...r,
         children: [
           t,
-          /* @__PURE__ */ s(w.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
-            /* @__PURE__ */ e(G, {}),
+          /* @__PURE__ */ i(w.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
+            /* @__PURE__ */ e(K, {}),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
           ] })
         ]
@@ -1449,22 +1562,22 @@ function gt({
     )
   ] });
 }
-function pt({ className: a, ...t }) {
+function Ot({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "dialog-header",
-      className: i("flex flex-col gap-2 text-center sm:text-left", a),
+      className: o("flex flex-col gap-2 text-center sm:text-left", a),
       ...t
     }
   );
 }
-function vt({ className: a, ...t }) {
+function Xt({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "dialog-footer",
-      className: i(
+      className: o(
         "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
         a
       ),
@@ -1472,7 +1585,7 @@ function vt({ className: a, ...t }) {
     }
   );
 }
-function bt({
+function Yt({
   className: a,
   ...t
 }) {
@@ -1480,12 +1593,12 @@ function bt({
     w.Title,
     {
       "data-slot": "dialog-title",
-      className: i("text-lg leading-none font-semibold", a),
+      className: o("text-lg leading-none font-semibold", a),
       ...t
     }
   );
 }
-function ht({
+function Zt({
   className: a,
   ...t
 }) {
@@ -1493,25 +1606,30 @@ function ht({
     w.Description,
     {
       "data-slot": "dialog-description",
-      className: i("text-muted-foreground text-sm", a),
+      className: o("text-muted-foreground text-sm", a),
       ...t
     }
   );
 }
-function xt({ ...a }) {
+function Qe({ ...a }) {
   return /* @__PURE__ */ e(w.Root, { "data-slot": "sheet", ...a });
 }
-function Nt({
+function We({
   ...a
 }) {
   return /* @__PURE__ */ e(w.Trigger, { "data-slot": "sheet-trigger", ...a });
 }
-function Te({
+function Ke({
+  ...a
+}) {
+  return /* @__PURE__ */ e(w.Close, { "data-slot": "sheet-close", ...a });
+}
+function Oe({
   ...a
 }) {
   return /* @__PURE__ */ e(w.Portal, { "data-slot": "sheet-portal", ...a });
 }
-function Re({
+function Xe({
   className: a,
   ...t
 }) {
@@ -1519,7 +1637,7 @@ function Re({
     w.Overlay,
     {
       "data-slot": "sheet-overlay",
-      className: i(
+      className: o(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
         a
       ),
@@ -1527,19 +1645,19 @@ function Re({
     }
   );
 }
-function wt({
+function Ye({
   className: a,
   children: t,
   side: r = "right",
-  ...o
+  ...n
 }) {
-  return /* @__PURE__ */ s(Te, { children: [
-    /* @__PURE__ */ e(Re, {}),
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ i(Oe, { children: [
+    /* @__PURE__ */ e(Xe, {}),
+    /* @__PURE__ */ i(
       w.Content,
       {
         "data-slot": "sheet-content",
-        className: i(
+        className: o(
           "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
           r === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
           r === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
@@ -1547,11 +1665,11 @@ function wt({
           r === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
           a
         ),
-        ...o,
+        ...n,
         children: [
           t,
-          /* @__PURE__ */ s(w.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ e(G, { className: "size-4" }),
+          /* @__PURE__ */ i(w.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ e(K, { className: "size-4" }),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
           ] })
         ]
@@ -1559,27 +1677,27 @@ function wt({
     )
   ] });
 }
-function yt({ className: a, ...t }) {
+function Ze({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "sheet-header",
-      className: i("flex flex-col gap-1.5 p-4", a),
+      className: o("flex flex-col gap-1.5 p-4", a),
       ...t
     }
   );
 }
-function kt({ className: a, ...t }) {
+function Jt({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "sheet-footer",
-      className: i("mt-auto flex flex-col gap-2 p-4", a),
+      className: o("mt-auto flex flex-col gap-2 p-4", a),
       ...t
     }
   );
 }
-function zt({
+function Je({
   className: a,
   ...t
 }) {
@@ -1587,12 +1705,12 @@ function zt({
     w.Title,
     {
       "data-slot": "sheet-title",
-      className: i("text-foreground font-semibold", a),
+      className: o("text-foreground font-semibold", a),
       ...t
     }
   );
 }
-function St({
+function ea({
   className: a,
   ...t
 }) {
@@ -1600,315 +1718,844 @@ function St({
     w.Description,
     {
       "data-slot": "sheet-description",
-      className: i("text-muted-foreground text-sm", a),
+      className: o("text-muted-foreground text-sm", a),
       ...t
     }
   );
 }
-const Ee = N(
-  ({ className: a, onThemeChange: t, onFontSizeChange: r, ...o }, n) => {
-    const [d, l] = k("light"), [c, g] = k(16), [f, p] = k(!1);
-    D(() => {
-      const m = document.documentElement.classList.contains("dark");
-      l(m ? "dark" : "light");
-      const u = getComputedStyle(document.documentElement).getPropertyValue("--font-size");
-      u && g(parseInt(u));
-    }, []), D(() => {
-      if (!f && typeof window < "u" && !document.querySelector('script[src*="vlibras"]')) {
-        const u = document.createElement("script");
-        u.src = "https://vlibras.gov.br/app/vlibras-plugin.js", u.async = !0, u.onload = () => {
-          p(!0), window.VLibras && new window.VLibras.Widget("https://vlibras.gov.br/app");
-        }, document.body.appendChild(u);
+const et = N(
+  ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: n = !1, ...s }, c) => {
+    const [l, m] = k("light"), [f, u] = k(16), [v, g] = k(!1);
+    M(() => {
+      const p = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
+      m(p);
+      const y = Number(localStorage.getItem("a11y-font-size"));
+      Number.isFinite(y) && y > 0 && u(y);
+    }, []), M(() => {
+      if (!v && typeof window < "u" && !document.querySelector('script[src*="vlibras"]')) {
+        const p = document.createElement("script");
+        p.src = "https://vlibras.gov.br/app/vlibras-plugin.js", p.async = !0, p.onload = () => {
+          g(!0), window.VLibras && new window.VLibras.Widget("https://vlibras.gov.br/app");
+        }, document.body.appendChild(p);
       }
-    }, [f]);
-    const v = () => {
-      const m = d === "light" ? "dark" : "light";
-      l(m), document.documentElement.classList.toggle("dark"), t == null || t(m), localStorage.setItem("theme", m);
-    }, b = () => {
-      const m = Math.min(c + 2, 24);
-      g(m), document.documentElement.style.setProperty("--font-size", `${m}px`), r == null || r(m), localStorage.setItem("fontSize", m.toString());
+    }, [v]);
+    const b = () => {
+      const d = l === "light" ? "dark" : "light";
+      m(d), document.documentElement.setAttribute("data-theme", d), localStorage.setItem("a11y-theme", d), t == null || t(d);
     }, h = () => {
-      const m = Math.max(c - 2, 12);
-      g(m), document.documentElement.style.setProperty("--font-size", `${m}px`), r == null || r(m), localStorage.setItem("fontSize", m.toString());
+      const d = Math.min(f + 2, 24);
+      u(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);
+    }, x = () => {
+      const d = Math.max(f - 2, 12);
+      u(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);
     };
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ e(
       "div",
       {
-        ref: n,
-        className: i(
-          "flex items-center justify-end gap-2 bg-[var(--secondary)] px-4 py-2 border-b border-[var(--border)]",
+        ref: c,
+        className: o(
+          "w-full border-b border-[var(--border)] bg-[var(--card)] sticky top-0 z-50",
           a
         ),
         role: "toolbar",
-        "aria-label": "Barra de acessibilidade",
-        ...o,
-        children: [
-          /* @__PURE__ */ s(
-            "a",
-            {
-              href: "/acessibilidade",
-              className: "flex items-center gap-1.5 text-sm text-[var(--foreground)] hover:text-[var(--brand-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded px-2 py-1 min-h-[44px]",
-              children: [
-                /* @__PURE__ */ e(le, { className: "h-4 w-4" }),
-                /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: "Acessibilidade" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ s("div", { className: "flex items-center gap-1 border-l border-[var(--border)] pl-2", children: [
+        "aria-label": "Ferramentas de acessibilidade",
+        ...s,
+        children: /* @__PURE__ */ i("div", { className: "mx-auto max-w-7xl px-4 py-2 flex items-center justify-between", children: [
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-2 text-sm text-[var(--muted-foreground)]", children: [
+            /* @__PURE__ */ e(ge, { className: "h-4 w-4 flex-shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: "Ferramentas de Acessibilidade" })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-2 md:gap-4", children: [
+            n && /* @__PURE__ */ e(
+              "a",
+              {
+                href: "/acessibilidade",
+                className: "flex items-center gap-1.5 text-sm text-[var(--muted-foreground)] hover:text-[var(--primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded px-2 py-1 min-h-[44px]",
+                children: /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: "Acessibilidade" })
+              }
+            ),
+            /* @__PURE__ */ i("div", { role: "group", "aria-label": "Tamanho da fonte", className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: x,
+                  disabled: f <= 12,
+                  "aria-label": "Diminuir tamanho da fonte",
+                  className: o(
+                    "p-2 rounded-md transition-colors text-[var(--muted-foreground)] hover:bg-[var(--muted)]",
+                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
+                    "disabled:opacity-40 disabled:cursor-not-allowed"
+                  ),
+                  children: /* @__PURE__ */ e(ve, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "text-xs text-[var(--muted-foreground)] w-3 text-center select-none", "aria-hidden": "true", children: "A" }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: h,
+                  disabled: f >= 24,
+                  "aria-label": "Aumentar tamanho da fonte",
+                  className: o(
+                    "p-2 rounded-md transition-colors text-[var(--muted-foreground)] hover:bg-[var(--muted)]",
+                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
+                    "disabled:opacity-40 disabled:cursor-not-allowed"
+                  ),
+                  children: /* @__PURE__ */ e(pe, { className: "h-4 w-4" })
+                }
+              )
+            ] }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: h,
-                disabled: c <= 12,
-                "aria-label": "Diminuir tamanho da fonte",
-                title: "Diminuir fonte (A-)",
-                className: i(
-                  "inline-flex items-center justify-center rounded-lg min-w-[44px] min-h-[44px] px-3 text-[var(--foreground)] hover:bg-[var(--accent)] transition-colors",
-                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
-                  "disabled:opacity-50 disabled:cursor-not-allowed"
+                onClick: b,
+                "aria-label": l === "light" ? "Ativar modo escuro" : "Ativar modo claro",
+                className: o(
+                  "p-2 rounded-md transition-colors text-[var(--muted-foreground)] hover:bg-[var(--muted)]",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
                 ),
-                children: /* @__PURE__ */ e(H, { className: "h-4 w-4" })
+                children: l === "light" ? /* @__PURE__ */ e(be, { className: "h-4 w-4" }) : /* @__PURE__ */ e(he, { className: "h-4 w-4" })
               }
             ),
-            /* @__PURE__ */ s("span", { className: "text-xs text-[var(--muted-foreground)] min-w-[32px] text-center font-medium", children: [
-              "A",
-              c > 16 && "+",
-              c < 16 && "-"
-            ] }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: b,
-                disabled: c >= 24,
-                "aria-label": "Aumentar tamanho da fonte",
-                title: "Aumentar fonte (A+)",
-                className: i(
-                  "inline-flex items-center justify-center rounded-lg min-w-[44px] min-h-[44px] px-3 text-[var(--foreground)] hover:bg-[var(--accent)] transition-colors",
-                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
-                  "disabled:opacity-50 disabled:cursor-not-allowed"
+                onClick: () => g((d) => !d),
+                "aria-label": "Ativar VLibras",
+                "aria-pressed": v,
+                className: o(
+                  "px-3 py-1 text-xs font-medium rounded-md transition-colors",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
                 ),
-                children: /* @__PURE__ */ e(q, { className: "h-4 w-4" })
+                style: {
+                  backgroundColor: v ? "var(--primary)" : "transparent",
+                  color: v ? "var(--primary-foreground)" : "var(--muted-foreground)",
+                  border: v ? "none" : "1px solid var(--border)"
+                },
+                children: "VLibras"
               }
             )
-          ] }),
-          /* @__PURE__ */ e("div", { className: "border-l border-[var(--border)] pl-2", children: /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              onClick: v,
-              "aria-label": `Alternar para modo ${d === "light" ? "escuro" : "claro"}`,
-              title: `Modo ${d === "light" ? "escuro" : "claro"}`,
-              className: i(
-                "inline-flex items-center justify-center rounded-lg min-w-[44px] min-h-[44px] px-3 text-[var(--foreground)] hover:bg-[var(--accent)] transition-colors",
-                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2"
-              ),
-              children: d === "light" ? /* @__PURE__ */ e(de, { className: "h-4 w-4" }) : /* @__PURE__ */ e(ce, { className: "h-4 w-4" })
-            }
-          ) }),
-          f && /* @__PURE__ */ s("div", { vw: "true", className: "enabled", children: [
-            /* @__PURE__ */ e("div", { "vw-access-button": "true", className: "active" }),
-            /* @__PURE__ */ e("div", { "vw-plugin-wrapper": "true", children: /* @__PURE__ */ e("div", { className: "vw-plugin-top-wrapper" }) })
           ] })
-        ]
+        ] })
       }
     );
   }
 );
-Ee.displayName = "TopAccessibilityBar";
-const Be = N(
+et.displayName = "TopAccessibilityBar";
+const tt = N(
   ({
     className: a,
     slides: t,
     autoplayDelay: r = 5e3,
-    autoplay: o = !0,
-    ...n
-  }, d) => {
-    const [l, c] = k(0), [g, f] = k(!1), [p, v] = k(!1);
-    D(() => {
-      const u = window.matchMedia("(prefers-reduced-motion: reduce)");
-      v(u.matches);
-      const x = (S) => {
-        v(S.matches);
+    autoplay: n = !0,
+    ...s
+  }, c) => {
+    const [l, m] = k(0), [f, u] = k(!1), [v, g] = k(!1);
+    M(() => {
+      const d = window.matchMedia("(prefers-reduced-motion: reduce)");
+      g(d.matches);
+      const p = (y) => {
+        g(y.matches);
       };
-      return u.addEventListener("change", x), () => u.removeEventListener("change", x);
-    }, []), D(() => {
-      if (!o || g || p) return;
-      const u = setInterval(() => {
-        c((x) => (x + 1) % t.length);
+      return d.addEventListener("change", p), () => d.removeEventListener("change", p);
+    }, []), M(() => {
+      if (!n || f || v) return;
+      const d = setInterval(() => {
+        m((p) => (p + 1) % t.length);
       }, r);
-      return () => clearInterval(u);
-    }, [o, r, t.length, g, p]);
-    const b = (u) => {
-      c(u), f(!0), setTimeout(() => f(!1), r);
+      return () => clearInterval(d);
+    }, [n, r, t.length, f, v]);
+    const b = (d) => {
+      m(d), u(!0), setTimeout(() => u(!1), r);
     }, h = () => {
       b((l - 1 + t.length) % t.length);
-    }, m = () => {
+    }, x = () => {
       b((l + 1) % t.length);
     };
-    return t.length === 0 ? null : (t[l], /* @__PURE__ */ s(
+    return t.length === 0 ? null : (t[l], /* @__PURE__ */ i(
       "div",
       {
-        ref: d,
-        className: i("relative w-full overflow-hidden", a),
-        onMouseEnter: () => f(!0),
-        onMouseLeave: () => f(!1),
-        ...n,
+        ref: c,
+        className: o("relative w-full overflow-hidden", a),
+        onMouseEnter: () => u(!0),
+        onMouseLeave: () => u(!1),
+        ...s,
         children: [
-          /* @__PURE__ */ e("div", { className: "relative", children: t.map((u, x) => /* @__PURE__ */ s(
+          /* @__PURE__ */ e("div", { className: "relative", children: t.map((d, p) => /* @__PURE__ */ i(
             "div",
             {
-              className: i(
+              className: o(
                 "w-full transition-opacity duration-700",
-                x === l ? "block" : "hidden"
+                p === l ? "block" : "hidden"
               ),
-              "aria-hidden": x !== l,
+              "aria-hidden": p !== l,
               children: [
-                /* @__PURE__ */ s("picture", { children: [
+                /* @__PURE__ */ i("picture", { children: [
                   /* @__PURE__ */ e(
                     "source",
                     {
                       media: "(min-width: 1024px)",
-                      srcSet: `${u.imageDesktop} 1x, ${u.imageDesktop.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
+                      srcSet: `${d.imageDesktop} 1x, ${d.imageDesktop.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
                     }
                   ),
                   /* @__PURE__ */ e(
                     "source",
                     {
                       media: "(min-width: 768px)",
-                      srcSet: `${u.imageTablet} 1x, ${u.imageTablet.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
+                      srcSet: `${d.imageTablet} 1x, ${d.imageTablet.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
                     }
                   ),
                   /* @__PURE__ */ e(
                     "img",
                     {
-                      src: u.imageMobile,
-                      srcSet: `${u.imageMobile} 1x, ${u.imageMobile.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`,
-                      alt: u.title,
-                      className: "w-full object-cover aspect-[3/4] md:aspect-video",
-                      loading: x === 0 ? "eager" : "lazy"
+                      src: d.imageMobile,
+                      srcSet: `${d.imageMobile} 1x, ${d.imageMobile.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`,
+                      alt: d.title,
+                      className: "w-full object-cover aspect-[5/6] md:aspect-video lg:aspect-[1920/700]",
+                      loading: p === 0 ? "eager" : "lazy"
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center md:justify-start bg-gradient-to-t from-black/70 via-black/30 to-transparent md:bg-gradient-to-r md:from-black/80 md:via-black/50 md:to-transparent", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 lg:px-12 w-full", children: /* @__PURE__ */ s("div", { className: "max-w-2xl text-center md:text-left", children: [
-                  /* @__PURE__ */ e("h2", { className: "text-3xl md:text-4xl lg:text-5xl font-bold text-white mb-4", children: u.title }),
-                  /* @__PURE__ */ e("p", { className: "text-lg md:text-xl text-gray-200 mb-6", children: u.description }),
-                  u.cta && /* @__PURE__ */ e(
+                /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center md:justify-start bg-gradient-to-t from-black/70 via-black/30 to-transparent md:bg-gradient-to-r md:from-black/80 md:via-black/50 md:to-transparent", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 lg:px-12 w-full", children: /* @__PURE__ */ i("div", { className: "max-w-2xl text-center md:text-left", children: [
+                  /* @__PURE__ */ e("h2", { className: "text-3xl md:text-4xl lg:text-5xl font-bold text-white mb-4", children: d.title }),
+                  /* @__PURE__ */ e("p", { className: "text-lg md:text-xl text-gray-200 mb-6", children: d.description }),
+                  d.cta && /* @__PURE__ */ e(
                     "a",
                     {
-                      href: u.cta.href,
-                      className: Q({ variant: "primary", size: "lg" }),
-                      children: u.cta.label
+                      href: d.cta.href,
+                      className: X({ variant: "primary", size: "lg" }),
+                      children: d.cta.label
                     }
                   )
                 ] }) }) })
               ]
             },
-            u.id
+            d.id
           )) }),
-          t.length > 1 && /* @__PURE__ */ s(j, { children: [
+          t.length > 1 && /* @__PURE__ */ i(A, { children: [
             /* @__PURE__ */ e(
               "button",
               {
                 onClick: h,
                 className: "absolute left-4 top-1/2 -translate-y-1/2 rounded-full bg-white/90 p-2 shadow-lg transition-all hover:bg-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] min-w-[44px] min-h-[44px]",
                 "aria-label": "Slide anterior",
-                children: /* @__PURE__ */ e(ue, { className: "h-6 w-6 text-gray-900" })
+                children: /* @__PURE__ */ e(xe, { className: "h-6 w-6 text-gray-900" })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: m,
+                onClick: x,
                 className: "absolute right-4 top-1/2 -translate-y-1/2 rounded-full bg-white/90 p-2 shadow-lg transition-all hover:bg-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] min-w-[44px] min-h-[44px]",
                 "aria-label": "Próximo slide",
-                children: /* @__PURE__ */ e(F, { className: "h-6 w-6 text-gray-900" })
+                children: /* @__PURE__ */ e(W, { className: "h-6 w-6 text-gray-900" })
               }
             )
           ] }),
-          t.length > 1 && /* @__PURE__ */ e("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: t.map((u, x) => /* @__PURE__ */ e(
+          t.length > 1 && /* @__PURE__ */ e("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: t.map((d, p) => /* @__PURE__ */ e(
             "button",
             {
-              onClick: () => b(x),
-              className: i(
+              onClick: () => b(p),
+              className: o(
                 "h-2 rounded-full transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] min-w-[44px] min-h-[24px] flex items-center justify-center",
-                x === l ? "w-8 bg-white" : "w-2 bg-white/50 hover:bg-white/70"
+                p === l ? "w-8 bg-white" : "w-2 bg-white/50 hover:bg-white/70"
               ),
-              "aria-label": `Ir para slide ${x + 1}`,
-              "aria-current": x === l
+              "aria-label": `Ir para slide ${p + 1}`,
+              "aria-current": p === l
             },
-            x
+            p
           )) })
         ]
       }
     ));
   }
 );
-Be.displayName = "HeroCarousel";
+tt.displayName = "HeroCarousel";
+function at({
+  className: a,
+  children: t,
+  viewport: r = !0,
+  ...n
+}) {
+  return /* @__PURE__ */ i(
+    S.Root,
+    {
+      "data-slot": "navigation-menu",
+      "data-viewport": r,
+      className: o(
+        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+        a
+      ),
+      ...n,
+      children: [
+        t,
+        r && /* @__PURE__ */ e(st, {})
+      ]
+    }
+  );
+}
+function rt({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    S.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: o(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function G({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    S.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: o("relative", a),
+      ...t
+    }
+  );
+}
+const ot = P(
+  "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"
+);
+function it({
+  className: a,
+  children: t,
+  ...r
+}) {
+  return /* @__PURE__ */ i(
+    S.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: o(ot(), "group", a),
+      ...r,
+      children: [
+        t,
+        " ",
+        /* @__PURE__ */ e(
+          E,
+          {
+            className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function nt({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    S.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: o(
+        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
+        "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function st({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: o(
+        "absolute top-full left-0 isolate z-50 flex justify-center"
+      ),
+      children: /* @__PURE__ */ e(
+        S.Viewport,
+        {
+          "data-slot": "navigation-menu-viewport",
+          className: o(
+            "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+            a
+          ),
+          ...t
+        }
+      )
+    }
+  );
+}
+function B({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    S.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: o(
+        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function lt({ items: a }) {
+  return /* @__PURE__ */ e("ul", { className: "grid gap-0.5 p-2 min-w-[180px]", role: "none", children: a.map(
+    (t) => {
+      var r;
+      return (r = t.children) != null && r.length ? /* @__PURE__ */ i("li", { role: "none", children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: "block px-3 py-1 text-xs font-semibold uppercase tracking-wider text-[var(--muted-foreground)]",
+            role: "presentation",
+            children: t.label
+          }
+        ),
+        /* @__PURE__ */ e("ul", { className: "ml-1", role: "none", children: t.children.map((n) => /* @__PURE__ */ e("li", { role: "none", children: /* @__PURE__ */ e(
+          B,
+          {
+            href: n.href ?? "#",
+            className: "block rounded px-3 py-1.5 text-sm text-[var(--foreground)] hover:bg-[var(--accent)] transition-colors",
+            children: n.label
+          }
+        ) }, n.id)) })
+      ] }, t.id) : /* @__PURE__ */ e("li", { role: "none", children: /* @__PURE__ */ e(
+        B,
+        {
+          href: t.href ?? "#",
+          className: "block rounded px-3 py-1.5 text-sm text-[var(--foreground)] hover:bg-[var(--accent)] transition-colors",
+          children: t.label
+        }
+      ) }, t.id);
+    }
+  ) });
+}
+function Z({ item: a, depth: t = 0 }) {
+  var c;
+  const [r, n] = k(!1);
+  return !((c = a.children) != null && c.length) ? /* @__PURE__ */ e(Ke, { asChild: !0, children: /* @__PURE__ */ e(
+    "a",
+    {
+      href: a.href ?? "#",
+      className: o(
+        "flex min-h-[44px] items-center rounded py-2 text-sm text-[var(--foreground)] hover:text-[var(--brand-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
+        t > 0 && "pl-4 text-xs text-[var(--muted-foreground)]"
+      ),
+      children: a.label
+    }
+  ) }) : /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": r,
+        "aria-controls": `mobile-nav-${a.id}`,
+        onClick: () => n((l) => !l),
+        className: o(
+          "flex min-h-[44px] w-full items-center justify-between rounded py-2 text-sm font-medium text-[var(--foreground)] hover:text-[var(--brand-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
+          t > 0 && "pl-4"
+        ),
+        children: [
+          /* @__PURE__ */ e("span", { children: a.label }),
+          /* @__PURE__ */ e(
+            O,
+            {
+              "aria-hidden": "true",
+              className: o(
+                "h-4 w-4 text-[var(--muted-foreground)] transition-transform duration-200",
+                r && "rotate-180"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    r && /* @__PURE__ */ e(
+      "div",
+      {
+        id: `mobile-nav-${a.id}`,
+        className: "mb-1 ml-2 border-l-2 border-[var(--border)] pl-3",
+        children: a.children.map((l) => /* @__PURE__ */ e(Z, { item: l, depth: t + 1 }, l.id))
+      }
+    )
+  ] });
+}
+const dt = N(
+  ({ items: a, logo: t, rightSlot: r, searchSlot: n, drawerFooter: s, className: c, ...l }, m) => /* @__PURE__ */ e(
+    "header",
+    {
+      ref: m,
+      className: o(
+        "sticky top-0 z-40 border-b border-[var(--border)] bg-[var(--card)]",
+        c
+      ),
+      ...l,
+      children: /* @__PURE__ */ i("div", { className: "px-4", children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center py-3 gap-4", children: [
+          t && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: t }),
+          n && /* @__PURE__ */ e("div", { className: "hidden flex-1 md:flex", children: n }),
+          /* @__PURE__ */ e("div", { className: "flex-1 md:hidden", "aria-hidden": "true" }),
+          r && /* @__PURE__ */ e("div", { className: "flex items-center", children: r }),
+          /* @__PURE__ */ i(Qe, { children: [
+            /* @__PURE__ */ e(We, { asChild: !0, children: /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Abrir menu de navegação",
+                className: "inline-flex min-h-[44px] min-w-[44px] items-center justify-center rounded-lg text-[var(--foreground)] transition-colors hover:bg-[var(--accent)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] md:hidden",
+                children: /* @__PURE__ */ e(Ne, { className: "h-5 w-5", "aria-hidden": "true" })
+              }
+            ) }),
+            /* @__PURE__ */ i(Ye, { side: "left", className: "flex flex-col p-0", children: [
+              /* @__PURE__ */ i(Ze, { className: "border-b border-[var(--border)] px-5 py-4", children: [
+                /* @__PURE__ */ e(Je, { className: "sr-only", children: "Menu de navegação" }),
+                t && /* @__PURE__ */ e("div", { className: "flex items-center", children: t })
+              ] }),
+              n && /* @__PURE__ */ e("div", { className: "border-b border-[var(--border)] px-5 py-4", children: n }),
+              /* @__PURE__ */ e(
+                "nav",
+                {
+                  "aria-label": "Menu principal",
+                  className: "flex-1 overflow-y-auto px-5 py-3",
+                  children: /* @__PURE__ */ e("div", { className: "divide-y divide-[var(--border)]", children: a.map((f) => /* @__PURE__ */ e("div", { className: "py-0.5", children: /* @__PURE__ */ e(Z, { item: f }) }, f.id)) })
+                }
+              ),
+              s && /* @__PURE__ */ e("div", { className: "border-t border-[var(--border)] px-5 py-4", children: s })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          "nav",
+          {
+            "aria-label": "Menu principal",
+            className: "hidden border-t border-[var(--border)] py-2 md:flex",
+            children: /* @__PURE__ */ e(at, { children: /* @__PURE__ */ e(rt, { children: a.map(
+              (f) => {
+                var u;
+                return (u = f.children) != null && u.length ? /* @__PURE__ */ i(G, { children: [
+                  /* @__PURE__ */ e(it, { className: "h-9 bg-transparent text-sm text-[var(--foreground)] hover:bg-[var(--accent)]", children: f.label }),
+                  /* @__PURE__ */ e(nt, { children: /* @__PURE__ */ e(lt, { items: f.children }) })
+                ] }, f.id) : /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
+                  B,
+                  {
+                    href: f.href ?? "#",
+                    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)]",
+                    children: f.label
+                  }
+                ) }, f.id);
+              }
+            ) }) })
+          }
+        )
+      ] })
+    }
+  )
+);
+dt.displayName = "MegaMenu";
+const ct = [
+  {
+    id: "catalogo",
+    title: "Catálogo",
+    links: [
+      { label: "Livros", href: "/livros/catalogo" },
+      { label: "Coleções", href: "/livros/colecoes" },
+      { label: "Lançamentos", href: "/livros/catalogo?ordem=recentes" },
+      { label: "Mais Vendidos", href: "/livros/catalogo?ordem=mais_vendidos" },
+      { label: "Vale Presente", href: "/livros/vale-presente" }
+    ]
+  },
+  {
+    id: "editora",
+    title: "Editora",
+    links: [
+      { label: "Autores", href: "/autores" },
+      { label: "LABBOOK", href: "/labbook" },
+      { label: "Projetos", href: "/projetos" },
+      { label: "Fale Conosco", href: "/editora/contato" },
+      { label: "FAQ", href: "/editora/faq" }
+    ]
+  },
+  {
+    id: "institucional",
+    title: "Institucional",
+    links: [
+      { label: "Distribuidores", href: "/distribuidores" },
+      { label: "Como Comprar", href: "/como-comprar" },
+      { label: "Informações de Entrega", href: "/informacoes-entrega" },
+      { label: "Sobre o APP", href: "/sobre-app" }
+    ]
+  }
+], ut = [
+  { label: "Instagram", href: "https://instagram.com/eloeditora", Icon: we },
+  { label: "Facebook", href: "https://facebook.com/eloeditora", Icon: ye },
+  { label: "YouTube", href: "https://youtube.com/@eloeditora", Icon: ke },
+  { label: "LinkedIn", href: "https://linkedin.com/company/eloeditora", Icon: ze }
+];
+function mt({ onSubmit: a }) {
+  const [t, r] = k(""), [n, s] = k(!1);
+  return /* @__PURE__ */ e("div", { className: "bg-[var(--brand-primary)] py-10", children: /* @__PURE__ */ i("div", { className: "mx-auto max-w-lg px-4 text-center", children: [
+    /* @__PURE__ */ e(Ce, { className: "mx-auto mb-4 h-10 w-10 text-white", "aria-hidden": "true" }),
+    /* @__PURE__ */ e("h2", { className: "text-xl font-semibold text-white sm:text-2xl", children: "Receba novidades e ofertas exclusivas" }),
+    /* @__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." }),
+    n ? /* @__PURE__ */ e("p", { className: "mt-6 text-sm font-medium text-white", children: "Obrigado! Você está na lista. ✓" }) : /* @__PURE__ */ i("form", { onSubmit: (l) => {
+      l.preventDefault(), t && (a == null || a(t), s(!0), r(""));
+    }, className: "mt-6 flex flex-col gap-2 sm:flex-row", children: [
+      /* @__PURE__ */ e("label", { htmlFor: "footer-newsletter-email", className: "sr-only", children: "Seu e-mail" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: "footer-newsletter-email",
+          type: "email",
+          required: !0,
+          value: t,
+          onChange: (l) => r(l.target.value),
+          placeholder: "Seu melhor e-mail",
+          className: "min-h-[44px] flex-1 rounded-lg px-4 text-sm text-[#1a1e2e] placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-white"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "submit",
+          className: "min-h-[44px] whitespace-nowrap rounded-lg bg-white px-6 text-sm font-semibold transition-colors hover:bg-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--brand-primary)]",
+          style: { color: "var(--brand-primary)" },
+          children: "Cadastrar"
+        }
+      )
+    ] })
+  ] }) });
+}
+function ft({ title: a, links: t }) {
+  const [r, n] = k(!1);
+  return /* @__PURE__ */ i("div", { className: "border-b border-[var(--border)] md:border-none", children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": r,
+        onClick: () => n((s) => !s),
+        className: "flex w-full items-center justify-between py-4 text-left text-sm font-semibold text-[var(--foreground)] md:hidden",
+        children: [
+          a,
+          /* @__PURE__ */ e(
+            O,
+            {
+              "aria-hidden": "true",
+              className: o("h-4 w-4 text-[var(--muted-foreground)] transition-transform duration-200", r && "rotate-180")
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e("p", { className: "hidden text-sm font-semibold text-[var(--foreground)] md:block", children: a }),
+    /* @__PURE__ */ e(
+      "ul",
+      {
+        className: o(
+          "flex flex-col gap-2 overflow-hidden transition-all duration-200 md:mt-3 md:max-h-none md:pb-0",
+          r ? "max-h-96 pb-4" : "max-h-0 md:max-h-none"
+        ),
+        role: "list",
+        children: t.map((s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+          "a",
+          {
+            href: s.href,
+            className: "text-sm text-[var(--muted-foreground)] transition-colors hover:text-[var(--brand-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded",
+            children: s.label
+          }
+        ) }, s.label))
+      }
+    )
+  ] });
+}
+const gt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, className: r, ...n }) => {
+  const [s, c] = k("light");
+  M(() => {
+    const u = document.documentElement;
+    c(u.getAttribute("data-theme") ?? "light");
+    const v = new MutationObserver(() => {
+      c(u.getAttribute("data-theme") ?? "light");
+    });
+    return v.observe(u, { attributes: !0, attributeFilter: ["data-theme"] }), () => v.disconnect();
+  }, []);
+  const l = a === "perabook" ? s === "dark" ? "/logos/logo_PeraBook_institucional_tarja_branca.png" : "/logos/PeraBook_instituicional.png" : s === "dark" ? "/logos/logo_elo_editora_texto_branco.png" : "/logos/logo_elo_editora_texto_azul.png", m = a === "perabook" ? "PeraBook" : "Elo Editora", f = a === "perabook" ? "Educação socioemocional e diversidade cultural" : "Literatura infantojuvenil que transforma vidas";
+  return /* @__PURE__ */ i(
+    "footer",
+    {
+      className: o("border-t border-[var(--border)] bg-[var(--card)] text-[var(--foreground)]", r),
+      "aria-label": "Rodapé do site",
+      ...n,
+      children: [
+        /* @__PURE__ */ e(mt, { onSubmit: t }),
+        /* @__PURE__ */ i("div", { className: "mx-auto max-w-screen-xl px-4", children: [
+          /* @__PURE__ */ i("div", { className: "py-10 md:grid md:grid-cols-4 md:gap-8", children: [
+            /* @__PURE__ */ i("div", { className: "mb-8 md:mb-0", children: [
+              /* @__PURE__ */ e(
+                "img",
+                {
+                  src: l,
+                  alt: m,
+                  width: 120,
+                  height: 40,
+                  className: "h-10 w-auto object-contain"
+                }
+              ),
+              /* @__PURE__ */ e("p", { className: "mt-3 max-w-xs text-sm text-[var(--muted-foreground)]", children: f }),
+              /* @__PURE__ */ e("div", { className: "mt-6 flex flex-wrap gap-2", "aria-label": "Redes sociais", children: ut.map(({ label: u, href: v, Icon: g }) => /* @__PURE__ */ e(
+                "a",
+                {
+                  href: v,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  "aria-label": u,
+                  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)]",
+                  children: /* @__PURE__ */ e(g, { className: "h-4 w-4", "aria-hidden": "true" })
+                },
+                u
+              )) }),
+              /* @__PURE__ */ i("div", { className: "mt-6 space-y-1 text-sm", children: [
+                /* @__PURE__ */ e("p", { className: "text-[var(--muted-foreground)]", children: "Atendimento:" }),
+                /* @__PURE__ */ e("p", { className: "font-medium text-[var(--foreground)]", children: "contato@grupoeloediorial.com.br" }),
+                /* @__PURE__ */ e("p", { className: "font-medium text-[var(--foreground)]", children: "(11) 3000-0000" })
+              ] })
+            ] }),
+            ct.map((u) => /* @__PURE__ */ e(ft, { title: u.title, links: u.links }, u.id))
+          ] }),
+          /* @__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: [
+            /* @__PURE__ */ i("p", { children: [
+              "© ",
+              (/* @__PURE__ */ new Date()).getFullYear(),
+              " Grupo ELO Editorial. Todos os direitos reservados."
+            ] }),
+            /* @__PURE__ */ i("nav", { "aria-label": "Links legais", className: "flex flex-wrap gap-4", children: [
+              /* @__PURE__ */ e("a", { href: "/editora/privacidade/politica", className: "transition-colors hover:text-[var(--foreground)]", children: "Política de Privacidade" }),
+              /* @__PURE__ */ e("a", { href: "/editora/privacidade/cookies", className: "transition-colors hover:text-[var(--foreground)]", children: "Cookies" }),
+              /* @__PURE__ */ e("a", { href: "/editora/privacidade/demais", className: "transition-colors hover:text-[var(--foreground)]", children: "Termos de Uso" })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+gt.displayName = "Footer";
+function ta({ children: a, as: t = "div", className: r }) {
+  return /* @__PURE__ */ e(
+    t,
+    {
+      "data-slot": "container",
+      className: o("w-full mx-auto px-[var(--container-px)]", r),
+      style: { maxWidth: "var(--container-max)" },
+      children: a
+    }
+  );
+}
+function aa({ children: a, className: t }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "grid",
+      className: o(
+        "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-[var(--grid-gutter)]",
+        t
+      ),
+      children: a
+    }
+  );
+}
+const vt = {
+  1: "col-span-1",
+  2: "col-span-2",
+  3: "col-span-3",
+  4: "col-span-4",
+  5: "col-span-5",
+  6: "col-span-6"
+};
+function ra({ children: a, span: t, className: r }) {
+  return /* @__PURE__ */ e("div", { "data-slot": "col", className: o("min-w-0", t && vt[t], r), children: a });
+}
 export {
-  st as Accordion,
-  lt as AccordionContent,
-  ot as AccordionItem,
-  nt as AccordionTrigger,
-  ve as Avatar,
-  P as Badge,
-  Oe as Breadcrumb,
-  tt as BreadcrumbItem,
-  at as BreadcrumbLink,
-  et as BreadcrumbList,
-  rt as BreadcrumbPage,
-  it as BreadcrumbSeparator,
-  z as Button,
-  Ke as Checkbox,
-  gt as DialogContent,
-  ht as DialogDescription,
-  vt as DialogFooter,
-  pt as DialogHeader,
-  bt as DialogTitle,
-  ft as DialogTrigger,
-  xe as Divider,
-  xt as Drawer,
-  W as EmptyState,
-  je as ErrorState,
-  Se as FormGroup,
-  Ie as Hero,
-  Be as HeroCarousel,
-  Fe as Input,
-  mt as Modal,
-  ke as PriceDisplay,
+  Bt as Accordion,
+  qt as AccordionContent,
+  Vt as AccordionItem,
+  Ft as AccordionTrigger,
+  _e as Avatar,
+  D as Badge,
+  Dt as Breadcrumb,
+  Lt as BreadcrumbItem,
+  Tt as BreadcrumbLink,
+  Et as BreadcrumbList,
+  $t as BreadcrumbPage,
+  Rt as BreadcrumbSeparator,
+  C as Button,
+  Mt as Checkbox,
+  ra as Col,
+  ta as Container,
+  Kt as DialogContent,
+  Zt as DialogDescription,
+  Xt as DialogFooter,
+  Ot as DialogHeader,
+  Yt as DialogTitle,
+  Wt as DialogTrigger,
+  De as Divider,
+  Qe as Drawer,
+  Y as EmptyState,
+  qe as ErrorState,
+  gt as Footer,
+  Be as FormGroup,
+  aa as Grid,
+  Fe as Hero,
+  tt as HeroCarousel,
+  kt as Input,
+  dt as MegaMenu,
+  Qt as Modal,
+  $e as PriceDisplay,
   R as ProductCard,
-  De as ProductGrid,
-  Pt as ProgressBar,
-  ze as QuantitySelector,
-  Je as RadioGroup,
-  Ye as RadioGroupItem,
-  U as Rating,
-  ye as SearchBar,
-  Ge as Select,
-  We as SelectContent,
-  Xe as SelectItem,
-  Ue as SelectTrigger,
-  Qe as SelectValue,
-  wt as SheetContent,
-  St as SheetDescription,
-  kt as SheetFooter,
-  yt as SheetHeader,
-  zt as SheetTitle,
-  Nt as SheetTrigger,
-  he as Spinner,
-  fe as Textarea,
-  Ze as Toggle,
-  dt as Tooltip,
-  ut as TooltipContent,
-  Ce as TooltipProvider,
-  ct as TooltipTrigger,
-  Ee as TopAccessibilityBar,
-  pe as avatarVariants,
-  ge as badgeVariants,
-  Q as buttonVariants,
-  i as cn,
-  be as spinnerVariants,
-  jt as toast
+  He as ProductGrid,
+  la as ProgressBar,
+  Re as QuantitySelector,
+  _t as RadioGroup,
+  Pt as RadioGroupItem,
+  $ as Rating,
+  Te as SearchBar,
+  zt as Select,
+  It as SelectContent,
+  jt as SelectItem,
+  St as SelectTrigger,
+  Ct as SelectValue,
+  Ye as SheetContent,
+  ea as SheetDescription,
+  Jt as SheetFooter,
+  Ze as SheetHeader,
+  Je as SheetTitle,
+  We as SheetTrigger,
+  Ae as Spinner,
+  Ie as Textarea,
+  At as Toggle,
+  Ht as Tooltip,
+  Ut as TooltipContent,
+  Ve as TooltipProvider,
+  Gt as TooltipTrigger,
+  et as TopAccessibilityBar,
+  Me as avatarVariants,
+  je as badgeVariants,
+  X as buttonVariants,
+  o as cn,
+  Pe as spinnerVariants,
+  na as toast
 };
 //# sourceMappingURL=index.js.map