@grupo-elo-editorial/shared-ui-react 1.2.5 → 1.2.6

package/dist/index.js

@@ -285,7 +285,7 @@ const Pe = N(
   }
 );
 Pe.displayName = "Divider";
-const T = N(
+const $ = N(
   ({
     className: a,
     value: t = 0,
@@ -347,7 +347,7 @@ const T = N(
     );
   }
 );
-T.displayName = "Rating";
+$.displayName = "Rating";
 function kt({ className: a, type: t, ...r }) {
   return /* @__PURE__ */ e(
     "input",
@@ -579,7 +579,7 @@ function H({
 }) {
   return a ? /* @__PURE__ */ e("a", { href: a, className: t, tabIndex: -1, "aria-hidden": "true", children: r }) : /* @__PURE__ */ e("div", { className: t, children: r });
 }
-const $ = N(
+const T = N(
   ({
     className: a,
     image: t,
@@ -615,7 +615,7 @@ const $ = N(
           {
             className: o(
               "rounded-lg bg-[var(--muted)]",
-              p === "horizontal" ? "h-24 w-20 shrink-0" : "h-50 sm:h-60 lg:h-65 w-full"
+              p === "horizontal" ? "h-24 w-20 shrink-0" : "w-full aspect-2/3"
             )
           }
         ),
@@ -663,7 +663,7 @@ const $ = N(
           ) : /* @__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(T, { value: l, size: "sm", readonly: !0 }),
+            /* @__PURE__ */ e($, { value: l, size: "sm", readonly: !0 }),
             m !== void 0 && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)]", children: [
               "(",
               m,
@@ -711,18 +711,30 @@ const $ = N(
           H,
           {
             href: d,
-            className: "relative block h-50 sm:h-60 lg:h-65 w-full overflow-hidden rounded-t-lg",
+            className: "relative block w-full aspect-2/3 overflow-hidden rounded-t-lg",
             children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  "aria-hidden": "true",
+                  className: "absolute inset-0 z-0 bg-cover bg-center",
+                  style: {
+                    backgroundImage: `url(${t})`,
+                    filter: "blur(14px) brightness(0.85)",
+                    transform: "scale(1.2)"
+                  }
+                }
+              ),
               /* @__PURE__ */ e(
                 "img",
                 {
                   src: t,
                   alt: r,
-                  className: "h-full w-full object-contain transition-transform group-hover:scale-105"
+                  className: "relative z-10 h-full w-full object-contain transition-transform group-hover:scale-105"
                 }
               ),
-              f && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ e(P, { variant: u, children: f }) }),
-              g && /* @__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" }) })
+              f && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3 z-20", children: /* @__PURE__ */ e(P, { variant: u, children: f }) }),
+              g && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-20 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(P, { variant: "danger", size: "lg", children: "Esgotado" }) })
             ]
           }
         ),
@@ -754,7 +766,7 @@ const $ = N(
           ) : /* @__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(T, { value: l, size: "sm", readonly: !0 }),
+            /* @__PURE__ */ e($, { value: l, size: "sm", readonly: !0 }),
             m !== void 0 && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
               "(",
               m,
@@ -794,7 +806,7 @@ const $ = N(
     }
   )
 );
-$.displayName = "ProductCard";
+T.displayName = "ProductCard";
 const Ee = N(
   ({
     className: a,
@@ -857,7 +869,7 @@ const Ee = N(
   }
 );
 Ee.displayName = "SearchBar";
-const Te = N(
+const $e = N(
   ({
     className: a,
     price: t,
@@ -920,8 +932,8 @@ const Te = N(
     ] });
   }
 );
-Te.displayName = "PriceDisplay";
-const $e = N(
+$e.displayName = "PriceDisplay";
+const Te = N(
   ({
     className: a,
     value: t,
@@ -1001,7 +1013,7 @@ const $e = N(
     ] });
   }
 );
-$e.displayName = "QuantitySelector";
+Te.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(
@@ -1069,7 +1081,7 @@ function Et({
     }
   );
 }
-function Tt({ className: a, ...t }) {
+function $t({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "span",
     {
@@ -1082,7 +1094,7 @@ function Tt({ className: a, ...t }) {
     }
   );
 }
-function $t({
+function Tt({
   children: a,
   className: t,
   ...r
@@ -1466,7 +1478,7 @@ const He = N(
         ),
         ...f,
         children: Array.from({ length: c }).map((b, h) => /* @__PURE__ */ e(
-          $,
+          T,
           {
             image: "",
             title: "",
@@ -1498,7 +1510,7 @@ const He = N(
           a
         ),
         ...f,
-        children: t.map((b, h) => /* @__PURE__ */ e($, { ...b }, h))
+        children: t.map((b, h) => /* @__PURE__ */ e(T, { ...b }, h))
       }
     );
   }
@@ -2499,8 +2511,8 @@ export {
   Rt as BreadcrumbItem,
   Et as BreadcrumbLink,
   At as BreadcrumbList,
-  Tt as BreadcrumbPage,
-  $t as BreadcrumbSeparator,
+  $t as BreadcrumbPage,
+  Tt as BreadcrumbSeparator,
   C as Button,
   Mt as Checkbox,
   ra as Col,
@@ -2523,14 +2535,14 @@ export {
   kt as Input,
   dt as MegaMenu,
   Qt as Modal,
-  Te as PriceDisplay,
-  $ as ProductCard,
+  $e as PriceDisplay,
+  T as ProductCard,
   He as ProductGrid,
   la as ProgressBar,
-  $e as QuantitySelector,
+  Te as QuantitySelector,
   Dt as RadioGroup,
   Lt as RadioGroupItem,
-  T as Rating,
+  $ as Rating,
   Ee as SearchBar,
   zt as Select,
   It as SelectContent,