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

package/dist/index.js

@@ -0,0 +1,1914 @@
+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";
+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 w from "@radix-ui/react-dialog";
+function i(...a) {
+  return J(K(a));
+}
+const Q = $(
+  "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: {
+      variant: {
+        primary: "bg-[var(--brand-primary)] text-[var(--primary-foreground)] hover:bg-[var(--brand-primary-hover)] active:bg-[var(--brand-primary-active)] shadow-sm",
+        secondary: "border-2 border-[var(--brand-primary)] text-[var(--brand-primary)] bg-transparent hover:bg-[var(--brand-primary)] hover:text-[var(--primary-foreground)] active:bg-[var(--brand-primary-active)]",
+        ghost: "text-[var(--brand-primary)] bg-transparent hover:bg-[var(--accent)] active:bg-[var(--accent)]",
+        danger: "bg-[var(--destructive)] text-[var(--destructive-foreground)] hover:opacity-90 active:opacity-80 shadow-sm",
+        link: "text-[var(--brand-primary)] underline-offset-4 hover:underline p-0 h-auto",
+        success: "bg-[var(--success)] text-[var(--success-foreground)] hover:opacity-90 active:opacity-80 shadow-sm"
+      },
+      size: {
+        sm: "h-9 px-3 text-sm min-w-[44px]",
+        md: "h-11 px-4 text-base min-w-[44px]",
+        lg: "h-14 px-6 text-lg min-w-[44px]"
+      },
+      fullWidth: {
+        true: "w-full"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+), z = N(
+  ({
+    className: a,
+    variant: t,
+    size: r,
+    fullWidth: o,
+    isLoading: n,
+    leftIcon: d,
+    rightIcon: l,
+    children: c,
+    disabled: g,
+    ...f
+  }, p) => /* @__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,
+        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: [
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: i(
+          "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",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "resize-y",
+          t && "border-[var(--destructive)] focus-visible:ring-[var(--destructive)]",
+          a
+        ),
+        ref: n,
+        ...o
+      }
+    ),
+    r && /* @__PURE__ */ e(
+      "p",
+      {
+        className: i(
+          "mt-1.5 text-sm",
+          t ? "text-[var(--destructive)]" : "text-[var(--muted-foreground)]"
+        ),
+        children: r
+      }
+    )
+  ] })
+);
+fe.displayName = "Textarea";
+const ge = $(
+  "inline-flex items-center rounded-full font-medium transition-colors whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--primary)] text-[var(--primary-foreground)]",
+        secondary: "bg-[var(--secondary)] text-[var(--secondary-foreground)]",
+        success: "bg-[var(--success)] text-[var(--success-foreground)]",
+        warning: "bg-[var(--warning)] text-[var(--warning-foreground)]",
+        danger: "bg-[var(--destructive)] text-[var(--destructive-foreground)]",
+        outline: "border-2 border-[var(--brand-primary)] text-[var(--brand-primary)] bg-transparent",
+        info: "bg-[var(--info)] text-[var(--info-foreground)]"
+      },
+      size: {
+        sm: "px-2 py-0.5 text-xs",
+        md: "px-2.5 py-1 text-sm",
+        lg: "px-3 py-1.5 text-base"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+), P = N(
+  ({ className: a, variant: t, size: r, icon: o, onRemove: n, children: d, ...l }, c) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: c,
+      className: i(ge({ variant: t, size: r }), a),
+      ...l,
+      children: [
+        o && /* @__PURE__ */ e("span", { className: "mr-1 inline-flex", children: o }),
+        d,
+        n && /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: n,
+            className: "ml-1 inline-flex hover:opacity-70 focus:outline-none focus:ring-1 focus:ring-[var(--ring)] rounded-full",
+            "aria-label": "Remove",
+            children: "×"
+          }
+        )
+      ]
+    }
+  )
+);
+P.displayName = "Badge";
+const pe = $(
+  "relative inline-flex items-center justify-center overflow-hidden rounded-full bg-[var(--muted)] text-[var(--muted-foreground)] flex-shrink-0",
+  {
+    variants: {
+      size: {
+        sm: "h-8 w-8 text-sm",
+        md: "h-10 w-10 text-base",
+        lg: "h-12 w-12 text-lg",
+        xl: "h-16 w-16 text-xl"
+      }
+    },
+    defaultVariants: {
+      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 = {
+      online: "bg-[var(--success)]",
+      offline: "bg-[var(--muted-foreground)]",
+      away: "bg-[var(--warning)]",
+      busy: "bg-[var(--destructive)]"
+    }, h = {
+      sm: "h-2 w-2 border",
+      md: "h-2.5 w-2.5 border-2",
+      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(
+        "img",
+        {
+          src: r,
+          alt: o || n || "Avatar",
+          onError: () => p(!0),
+          className: "h-full w-full object-cover",
+          ...c
+        }
+      ) : n ? /* @__PURE__ */ e("span", { className: "font-medium", children: v(n) }) : /* @__PURE__ */ e(Y, { className: "h-1/2 w-1/2" }),
+      d && /* @__PURE__ */ e(
+        "span",
+        {
+          className: i(
+            "absolute bottom-0 right-0 rounded-full border-[var(--background)]",
+            b[l],
+            h[t || "md"]
+          ),
+          "aria-label": `Status: ${l}`
+        }
+      )
+    ] });
+  }
+);
+ve.displayName = "Avatar";
+const be = $("animate-spin text-[var(--brand-primary)]", {
+  variants: {
+    size: {
+      sm: "h-4 w-4",
+      md: "h-6 w-6",
+      lg: "h-8 w-8",
+      xl: "h-12 w-12"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), he = N(
+  ({ className: a, size: t, label: r, ...o }, n) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: n,
+      role: "status",
+      "aria-label": r || "Loading",
+      className: i("inline-flex items-center justify-center", a),
+      ...o,
+      children: [
+        /* @__PURE__ */ e(E, { className: i(be({ 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) => {
+    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: [
+      /* @__PURE__ */ e(
+        "hr",
+        {
+          ref: d,
+          className: i(
+            "flex-1 border-[var(--border)]",
+            l[r]
+          ),
+          ...n
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "text-sm text-[var(--muted-foreground)]", children: o }),
+      /* @__PURE__ */ e(
+        "hr",
+        {
+          className: i(
+            "flex-1 border-[var(--border)]",
+            l[r]
+          )
+        }
+      )
+    ] }) : /* @__PURE__ */ e(
+      "hr",
+      {
+        ref: d,
+        role: "separator",
+        "aria-orientation": t,
+        className: i(
+          "border-[var(--border)]",
+          l[r],
+          t === "vertical" ? "h-full w-px border-l" : "w-full border-t my-4",
+          a
+        ),
+        ...n
+      }
+    );
+  }
+);
+xe.displayName = "Divider";
+const U = N(
+  ({
+    className: a,
+    value: t = 0,
+    maxRating: r = 5,
+    size: o = "md",
+    readonly: n = !1,
+    onChange: d,
+    showValue: l = !1,
+    ...c
+  }, g) => {
+    const [f, p] = k(0), v = {
+      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(
+      "div",
+      {
+        ref: g,
+        className: i("inline-flex items-center gap-1", a),
+        role: "group",
+        "aria-label": `Rating: ${t} out of ${r}`,
+        ...c,
+        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;
+            return /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                disabled: n,
+                onClick: () => b(m),
+                onMouseEnter: () => !n && p(m),
+                onMouseLeave: () => !n && p(0),
+                className: i(
+                  "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"
+                ),
+                "aria-label": `Rate ${m} out of ${r}`,
+                children: /* @__PURE__ */ e(
+                  Z,
+                  {
+                    className: i(
+                      v[o],
+                      "transition-all",
+                      u ? "fill-[var(--warning)] text-[var(--warning)]" : "fill-none text-[var(--muted-foreground)]"
+                    )
+                  }
+                )
+              },
+              m
+            );
+          }) }),
+          l && /* @__PURE__ */ e("span", { className: "ml-1 text-sm font-medium text-[var(--foreground)]", children: t.toFixed(1) })
+        ]
+      }
+    );
+  }
+);
+U.displayName = "Rating";
+function Fe({ className: a, type: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "input",
+    {
+      type: t,
+      "data-slot": "input",
+      className: i(
+        "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",
+        a
+      ),
+      ...r
+    }
+  );
+}
+function Ge({
+  ...a
+}) {
+  return /* @__PURE__ */ e(y.Root, { "data-slot": "select", ...a });
+}
+function Qe({
+  ...a
+}) {
+  return /* @__PURE__ */ e(y.Value, { "data-slot": "select-value", ...a });
+}
+function Ue({
+  className: a,
+  size: t = "default",
+  children: r,
+  ...o
+}) {
+  return /* @__PURE__ */ s(
+    y.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": t,
+      className: i(
+        "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,
+      children: [
+        r,
+        /* @__PURE__ */ e(y.Icon, { asChild: !0, children: /* @__PURE__ */ e(B, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function We({
+  className: a,
+  children: t,
+  position: r = "popper",
+  ...o
+}) {
+  return /* @__PURE__ */ e(y.Portal, { children: /* @__PURE__ */ s(
+    y.Content,
+    {
+      "data-slot": "select-content",
+      className: i(
+        "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,
+      children: [
+        /* @__PURE__ */ e(Ne, {}),
+        /* @__PURE__ */ e(
+          y.Viewport,
+          {
+            className: i(
+              "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, {})
+      ]
+    }
+  ) });
+}
+function Xe({
+  className: a,
+  children: t,
+  ...r
+}) {
+  return /* @__PURE__ */ s(
+    y.Item,
+    {
+      "data-slot": "select-item",
+      className: i(
+        "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 })
+      ]
+    }
+  );
+}
+function Ne({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    y.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: i(
+        "flex cursor-default items-center justify-center py-1",
+        a
+      ),
+      ...t,
+      children: /* @__PURE__ */ e(O, { className: "size-4" })
+    }
+  );
+}
+function we({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    y.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: i(
+        "flex cursor-default items-center justify-center py-1",
+        a
+      ),
+      ...t,
+      children: /* @__PURE__ */ e(B, { className: "size-4" })
+    }
+  );
+}
+function Ke({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    A.Root,
+    {
+      "data-slot": "checkbox",
+      className: i(
+        "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,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "flex items-center justify-center text-current transition-none",
+          children: /* @__PURE__ */ e(V, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+function Je({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    T.Root,
+    {
+      "data-slot": "radio-group",
+      className: i("grid gap-3", a),
+      ...t
+    }
+  );
+}
+function Ye({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    T.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: i(
+        "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
+      ),
+      ...t,
+      children: /* @__PURE__ */ e(
+        T.Indicator,
+        {
+          "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" })
+        }
+      )
+    }
+  );
+}
+function Ze({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    M.Root,
+    {
+      "data-slot": "switch",
+      className: i(
+        "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,
+        {
+          "data-slot": "switch-thumb",
+          className: i(
+            "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"
+          )
+        }
+      )
+    }
+  );
+}
+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(
+    "div",
+    {
+      ref: u,
+      className: i(
+        "flex flex-col rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-4 animate-pulse",
+        a
+      ),
+      ...m,
+      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__ */ s(
+    "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",
+        a
+      ),
+      ...m,
+      children: [
+        /* @__PURE__ */ s("div", { className: "relative aspect-square w-full overflow-hidden rounded-t-lg", children: [
+          /* @__PURE__ */ e(
+            "img",
+            {
+              src: t,
+              alt: r,
+              className: "h-full w-full object-cover transition-transform group-hover:scale-105"
+            }
+          ),
+          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" }) }),
+          b && /* @__PURE__ */ e(
+            "button",
+            {
+              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,
+                {
+                  className: i(
+                    "h-5 w-5",
+                    h ? "fill-[var(--destructive)] text-[var(--destructive)]" : "text-[var(--foreground)]"
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__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: [
+              "(",
+              l,
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ s("div", { className: "mt-3 flex items-baseline gap-2", children: [
+            /* @__PURE__ */ s("span", { className: "text-xl font-bold text-[var(--foreground)]", children: [
+              "R$ ",
+              o.toFixed(2)
+            ] }),
+            n && n > o && /* @__PURE__ */ s("span", { className: "text-sm text-[var(--muted-foreground)] line-through", children: [
+              "R$ ",
+              n.toFixed(2)
+            ] })
+          ] }),
+          v && /* @__PURE__ */ e(
+            z,
+            {
+              onClick: v,
+              disabled: p,
+              variant: "primary",
+              size: "md",
+              fullWidth: !0,
+              leftIcon: /* @__PURE__ */ e(_, { className: "h-4 w-4" }),
+              className: "mt-4",
+              children: p ? "Indisponível" : "Adicionar"
+            }
+          )
+        ] })
+      ]
+    }
+  )
+);
+R.displayName = "ProductCard";
+const ye = N(
+  ({
+    className: a,
+    onSearch: t,
+    onClear: r,
+    isLoading: o = !1,
+    size: n = "md",
+    placeholder: d = "Buscar...",
+    value: l,
+    onChange: c,
+    ...g
+  }, f) => {
+    const [p, v] = k(""), b = l !== void 0 ? l : p, 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);
+    };
+    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" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: f,
+          type: "search",
+          value: b,
+          onChange: m,
+          onKeyDown: x,
+          placeholder: d,
+          className: i(
+            "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]
+          ),
+          ...g
+        }
+      ),
+      /* @__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(
+          "button",
+          {
+            type: "button",
+            onClick: u,
+            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)]" })
+          }
+        )
+      ] })
+    ] }) });
+  }
+);
+ye.displayName = "SearchBar";
+const ke = N(
+  ({
+    className: a,
+    price: t,
+    originalPrice: r,
+    currency: o = "R$",
+    size: n = "md",
+    showDiscount: d = !0,
+    installments: l,
+    ...c
+  }, g) => {
+    const f = r && r > t ? Math.round((r - t) / r * 100) : 0, p = {
+      sm: "text-base",
+      md: "text-xl",
+      lg: "text-2xl",
+      xl: "text-4xl"
+    }, v = {
+      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,
+            " ",
+            t.toFixed(2)
+          ] }),
+          r && r > t && /* @__PURE__ */ s(
+            "span",
+            {
+              className: i(
+                "text-[var(--muted-foreground)] line-through",
+                v[n]
+              ),
+              children: [
+                o,
+                " ",
+                r.toFixed(2)
+              ]
+            }
+          )
+        ] }),
+        d && f > 0 && /* @__PURE__ */ s(P, { variant: "success", size: "sm", children: [
+          "-",
+          f,
+          "%"
+        ] })
+      ] }),
+      l && /* @__PURE__ */ s("p", { className: "text-sm text-[var(--muted-foreground)]", children: [
+        "ou ",
+        l.count,
+        "x de ",
+        o,
+        " ",
+        l.value.toFixed(2),
+        " sem juros"
+      ] })
+    ] });
+  }
+);
+ke.displayName = "PriceDisplay";
+const ze = N(
+  ({
+    className: a,
+    value: t,
+    min: r = 1,
+    max: o = 99,
+    onChange: n,
+    size: d = "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);
+    }, h = {
+      sm: "h-8 w-8",
+      md: "h-10 w-10",
+      lg: "h-12 w-12"
+    }, m = {
+      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: [
+        /* @__PURE__ */ e(
+          z,
+          {
+            type: "button",
+            variant: "secondary",
+            size: "sm",
+            onClick: v,
+            disabled: l || t <= r,
+            className: i(h[d], "p-0"),
+            "aria-label": "Decrease quantity",
+            children: /* @__PURE__ */ e(H, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            value: t,
+            onChange: b,
+            min: r,
+            max: o,
+            disabled: l,
+            className: i(
+              "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]
+            ),
+            "aria-label": "Quantity"
+          }
+        ),
+        /* @__PURE__ */ e(
+          z,
+          {
+            type: "button",
+            variant: "secondary",
+            size: "sm",
+            onClick: p,
+            disabled: l || t >= o,
+            className: i(h[d], "p-0"),
+            "aria-label": "Increase quantity",
+            children: /* @__PURE__ */ e(q, { 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(
+      "label",
+      {
+        htmlFor: r,
+        className: "text-sm font-medium text-[var(--foreground)]",
+        children: [
+          t,
+          o && /* @__PURE__ */ e("span", { className: "ml-1 text-[var(--destructive)]", children: "*" })
+        ]
+      }
+    ),
+    l,
+    (n || d) && /* @__PURE__ */ e(
+      "p",
+      {
+        className: i(
+          "text-sm",
+          n ? "text-[var(--destructive)]" : "text-[var(--muted-foreground)]"
+        ),
+        children: n || d
+      }
+    )
+  ] })
+);
+Se.displayName = "FormGroup";
+function Oe({ ...a }) {
+  return /* @__PURE__ */ e("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...a });
+}
+function et({ className: a, ...t }) {
+  return /* @__PURE__ */ e(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: i(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function tt({ className: a, ...t }) {
+  return /* @__PURE__ */ e(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: i("inline-flex items-center gap-1.5", a),
+      ...t
+    }
+  );
+}
+function at({
+  asChild: a,
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    a ? me : "a",
+    {
+      "data-slot": "breadcrumb-link",
+      className: i("hover:text-foreground transition-colors", t),
+      ...r
+    }
+  );
+}
+function rt({ className: a, ...t }) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: i("text-foreground font-normal", a),
+      ...t
+    }
+  );
+}
+function it({
+  children: a,
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: i("[&>svg]:size-3.5", t),
+      ...r,
+      children: a ?? /* @__PURE__ */ e(F, {})
+    }
+  );
+}
+function st({
+  ...a
+}) {
+  return /* @__PURE__ */ e(I.Root, { "data-slot": "accordion", ...a });
+}
+function ot({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    I.Item,
+    {
+      "data-slot": "accordion-item",
+      className: i("border-b last:border-b-0", a),
+      ...t
+    }
+  );
+}
+function nt({
+  className: a,
+  children: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(I.Header, { className: "flex", children: /* @__PURE__ */ s(
+    I.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: i(
+        "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" })
+      ]
+    }
+  ) });
+}
+function lt({
+  className: a,
+  children: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    I.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 })
+    }
+  );
+}
+function Ce({
+  delayDuration: a = 0,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    C.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration: a,
+      ...t
+    }
+  );
+}
+function dt({
+  ...a
+}) {
+  return /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(C.Root, { "data-slot": "tooltip", ...a }) });
+}
+function ct({
+  ...a
+}) {
+  return /* @__PURE__ */ e(C.Trigger, { "data-slot": "tooltip-trigger", ...a });
+}
+function ut({
+  className: a,
+  sideOffset: t = 0,
+  children: r,
+  ...o
+}) {
+  return /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ s(
+    C.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset: t,
+      className: i(
+        "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,
+      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]" })
+      ]
+    }
+  ) });
+}
+const Ie = N(
+  ({
+    className: a,
+    variant: t = "default",
+    title: r,
+    subtitle: o,
+    description: n,
+    primaryCTA: d,
+    secondaryCTA: l,
+    backgroundImage: c,
+    overlay: g = !0,
+    children: f,
+    ...p
+  }, v) => /* @__PURE__ */ s(
+    "section",
+    {
+      ref: v,
+      className: i(
+        "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",
+          centered: "items-center text-center",
+          split: "lg:grid lg:grid-cols-2 lg:gap-12 items-center"
+        }[t],
+        a
+      ),
+      ...p,
+      children: [
+        c && /* @__PURE__ */ s(j, { children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "absolute inset-0 bg-cover bg-center bg-no-repeat",
+              style: { backgroundImage: `url(${c})` }
+            }
+          ),
+          g && /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/70 to-black/30" })
+        ] }),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: i(
+              "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(
+                  "p",
+                  {
+                    className: i(
+                      "mb-4 text-sm font-semibold uppercase tracking-wider",
+                      c ? "text-[var(--warning)]" : "text-[var(--brand-primary)]"
+                    ),
+                    children: o
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "h1",
+                  {
+                    className: i(
+                      "text-4xl font-bold leading-tight lg:text-5xl xl:text-6xl",
+                      c ? "text-white" : "text-[var(--foreground)]"
+                    ),
+                    children: r
+                  }
+                ),
+                n && /* @__PURE__ */ e(
+                  "p",
+                  {
+                    className: i(
+                      "mt-6 text-lg lg:text-xl",
+                      c ? "text-gray-200" : "text-[var(--muted-foreground)]"
+                    ),
+                    children: n
+                  }
+                ),
+                (d || l) && /* @__PURE__ */ s("div", { className: "mt-8 flex flex-wrap gap-4", children: [
+                  d && /* @__PURE__ */ e(
+                    z,
+                    {
+                      size: "lg",
+                      onClick: d.onClick,
+                      variant: "primary",
+                      children: d.label
+                    }
+                  ),
+                  l && /* @__PURE__ */ e(
+                    z,
+                    {
+                      size: "lg",
+                      onClick: l.onClick,
+                      variant: "secondary",
+                      children: l.label
+                    }
+                  )
+                ] })
+              ] }),
+              t === "split" && f && /* @__PURE__ */ e("div", { className: "mt-8 lg:mt-0", children: f })
+            ]
+          }
+        ),
+        t !== "split" && f && /* @__PURE__ */ e("div", { className: "relative z-10 mt-12 w-full max-w-7xl mx-auto", children: f })
+      ]
+    }
+  )
+);
+Ie.displayName = "Hero";
+const W = N(
+  ({
+    className: a,
+    variant: t = "default",
+    icon: r,
+    title: o,
+    description: n,
+    action: d,
+    ...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" })
+    }[t];
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: c,
+        className: i(
+          "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,
+            {
+              onClick: d.onClick,
+              variant: "primary",
+              size: "lg",
+              className: "mt-6",
+              children: d.label
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+W.displayName = "EmptyState";
+const je = N(
+  ({
+    className: a,
+    type: t = "generic",
+    title: r,
+    message: o,
+    onRetry: n,
+    onGoHome: d,
+    showRetry: l = !0,
+    showHome: c = !0,
+    ...g
+  }, f) => {
+    const v = {
+      404: {
+        title: "Página não encontrada",
+        message: "A página que você está procurando não existe ou foi movida.",
+        code: "404"
+      },
+      500: {
+        title: "Erro no servidor",
+        message: "Algo deu errado do nosso lado. Por favor, tente novamente mais tarde.",
+        code: "500"
+      },
+      network: {
+        title: "Erro de conexão",
+        message: "Não foi possível conectar ao servidor. Verifique sua conexão com a internet.",
+        code: ""
+      },
+      generic: {
+        title: "Algo deu errado",
+        message: "Ocorreu um erro inesperado. Por favor, tente novamente.",
+        code: ""
+      }
+    }[t], b = r || v.title, h = o || v.message;
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: f,
+        className: i(
+          "flex min-h-[500px] flex-col items-center justify-center py-16 px-6 text-center",
+          a
+        ),
+        role: "alert",
+        "aria-live": "assertive",
+        ...g,
+        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__ */ 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,
+              {
+                onClick: n,
+                variant: "primary",
+                size: "lg",
+                leftIcon: /* @__PURE__ */ e(oe, { className: "h-5 w-5" }),
+                children: "Tentar novamente"
+              }
+            ),
+            c && d && /* @__PURE__ */ e(
+              z,
+              {
+                onClick: d,
+                variant: "secondary",
+                size: "lg",
+                leftIcon: /* @__PURE__ */ e(ne, { className: "h-5 w-5" }),
+                children: "Voltar ao início"
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+je.displayName = "ErrorState";
+const De = N(
+  ({
+    className: a,
+    products: t,
+    columns: r = 4,
+    gap: o = "md",
+    isLoading: n = !1,
+    skeletonCount: d = 8,
+    emptyStateMessage: l = "Nenhum produto encontrado",
+    onEmptyAction: c,
+    ...g
+  }, f) => {
+    const p = {
+      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 = {
+      sm: "gap-4",
+      md: "gap-6",
+      lg: "gap-8"
+    };
+    return n ? /* @__PURE__ */ e(
+      "div",
+      {
+        ref: f,
+        className: i(
+          "grid",
+          p[r],
+          v[o],
+          a
+        ),
+        ...g,
+        children: Array.from({ length: d }).map((b, h) => /* @__PURE__ */ e(
+          R,
+          {
+            image: "",
+            title: "",
+            price: 0,
+            isSkeleton: !0
+          },
+          h
+        ))
+      }
+    ) : t.length === 0 ? /* @__PURE__ */ e(
+      W,
+      {
+        variant: "search",
+        title: l,
+        description: "Tente ajustar seus filtros ou realizar uma nova busca",
+        action: c ? {
+          label: "Limpar filtros",
+          onClick: c
+        } : void 0
+      }
+    ) : /* @__PURE__ */ e(
+      "div",
+      {
+        ref: f,
+        className: i(
+          "grid",
+          p[r],
+          v[o],
+          a
+        ),
+        ...g,
+        children: t.map((b, h) => /* @__PURE__ */ e(R, { ...b }, h))
+      }
+    );
+  }
+);
+De.displayName = "ProductGrid";
+function mt({
+  ...a
+}) {
+  return /* @__PURE__ */ e(w.Root, { "data-slot": "dialog", ...a });
+}
+function ft({
+  ...a
+}) {
+  return /* @__PURE__ */ e(w.Trigger, { "data-slot": "dialog-trigger", ...a });
+}
+function Pe({
+  ...a
+}) {
+  return /* @__PURE__ */ e(w.Portal, { "data-slot": "dialog-portal", ...a });
+}
+function $e({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    w.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: i(
+        "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
+      ),
+      ...t
+    }
+  );
+}
+function gt({
+  className: a,
+  children: t,
+  ...r
+}) {
+  return /* @__PURE__ */ s(Pe, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ e($e, {}),
+    /* @__PURE__ */ s(
+      w.Content,
+      {
+        "data-slot": "dialog-content",
+        className: i(
+          "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__ */ e("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function pt({ className: a, ...t }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: i("flex flex-col gap-2 text-center sm:text-left", a),
+      ...t
+    }
+  );
+}
+function vt({ className: a, ...t }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: i(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function bt({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    w.Title,
+    {
+      "data-slot": "dialog-title",
+      className: i("text-lg leading-none font-semibold", a),
+      ...t
+    }
+  );
+}
+function ht({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    w.Description,
+    {
+      "data-slot": "dialog-description",
+      className: i("text-muted-foreground text-sm", a),
+      ...t
+    }
+  );
+}
+function xt({ ...a }) {
+  return /* @__PURE__ */ e(w.Root, { "data-slot": "sheet", ...a });
+}
+function Nt({
+  ...a
+}) {
+  return /* @__PURE__ */ e(w.Trigger, { "data-slot": "sheet-trigger", ...a });
+}
+function Te({
+  ...a
+}) {
+  return /* @__PURE__ */ e(w.Portal, { "data-slot": "sheet-portal", ...a });
+}
+function Re({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    w.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: i(
+        "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
+      ),
+      ...t
+    }
+  );
+}
+function wt({
+  className: a,
+  children: t,
+  side: r = "right",
+  ...o
+}) {
+  return /* @__PURE__ */ s(Te, { children: [
+    /* @__PURE__ */ e(Re, {}),
+    /* @__PURE__ */ s(
+      w.Content,
+      {
+        "data-slot": "sheet-content",
+        className: i(
+          "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",
+          r === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          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,
+        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__ */ e("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function yt({ className: a, ...t }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: i("flex flex-col gap-1.5 p-4", a),
+      ...t
+    }
+  );
+}
+function kt({ className: a, ...t }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: i("mt-auto flex flex-col gap-2 p-4", a),
+      ...t
+    }
+  );
+}
+function zt({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    w.Title,
+    {
+      "data-slot": "sheet-title",
+      className: i("text-foreground font-semibold", a),
+      ...t
+    }
+  );
+}
+function St({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    w.Description,
+    {
+      "data-slot": "sheet-description",
+      className: i("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);
+      }
+    }, [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());
+    }, 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());
+    };
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: n,
+        className: i(
+          "flex items-center justify-end gap-2 bg-[var(--secondary)] px-4 py-2 border-b border-[var(--border)]",
+          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: [
+            /* @__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"
+                ),
+                children: /* @__PURE__ */ e(H, { 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"
+                ),
+                children: /* @__PURE__ */ e(q, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          /* @__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(
+  ({
+    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);
+      };
+      return u.addEventListener("change", x), () => u.removeEventListener("change", x);
+    }, []), D(() => {
+      if (!o || g || p) return;
+      const u = setInterval(() => {
+        c((x) => (x + 1) % t.length);
+      }, r);
+      return () => clearInterval(u);
+    }, [o, r, t.length, g, p]);
+    const b = (u) => {
+      c(u), f(!0), setTimeout(() => f(!1), r);
+    }, h = () => {
+      b((l - 1 + t.length) % t.length);
+    }, m = () => {
+      b((l + 1) % t.length);
+    };
+    return t.length === 0 ? null : (t[l], /* @__PURE__ */ s(
+      "div",
+      {
+        ref: d,
+        className: i("relative w-full overflow-hidden", a),
+        onMouseEnter: () => f(!0),
+        onMouseLeave: () => f(!1),
+        ...n,
+        children: [
+          /* @__PURE__ */ e("div", { className: "relative", children: t.map((u, x) => /* @__PURE__ */ s(
+            "div",
+            {
+              className: i(
+                "w-full transition-opacity duration-700",
+                x === l ? "block" : "hidden"
+              ),
+              "aria-hidden": x !== l,
+              children: [
+                /* @__PURE__ */ s("picture", { children: [
+                  /* @__PURE__ */ e(
+                    "source",
+                    {
+                      media: "(min-width: 1024px)",
+                      srcSet: `${u.imageDesktop} 1x, ${u.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`
+                    }
+                  ),
+                  /* @__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"
+                    }
+                  )
+                ] }),
+                /* @__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(
+                    "a",
+                    {
+                      href: u.cta.href,
+                      className: Q({ variant: "primary", size: "lg" }),
+                      children: u.cta.label
+                    }
+                  )
+                ] }) }) })
+              ]
+            },
+            u.id
+          )) }),
+          t.length > 1 && /* @__PURE__ */ s(j, { 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" })
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                onClick: m,
+                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" })
+              }
+            )
+          ] }),
+          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(
+            "button",
+            {
+              onClick: () => b(x),
+              className: i(
+                "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"
+              ),
+              "aria-label": `Ir para slide ${x + 1}`,
+              "aria-current": x === l
+            },
+            x
+          )) })
+        ]
+      }
+    ));
+  }
+);
+Be.displayName = "HeroCarousel";
+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,
+  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
+};
+//# sourceMappingURL=index.js.map