@grupo-elo-editorial/shared-ui-react 1.2.3 → 1.2.4

package/dist/index.js

@@ -1,16 +1,16 @@
 "use client";
 import { clsx as Z } from "clsx";
 import { twMerge as J } from "tailwind-merge";
-import { jsx as e, jsxs as i, Fragment as A } from "react/jsx-runtime";
+import { jsx as e, jsxs as i, Fragment as _ } from "react/jsx-runtime";
 import { forwardRef as N, useState as k, useEffect as M } from "react";
-import { Loader2 as V, User as ee, Star as te, CheckIcon as U, ChevronDownIcon as E, ChevronUpIcon as ae, CircleIcon as re, ShoppingCart as L, Heart as oe, Search as Q, X as ie, Minus as ne, Plus as se, ChevronRight as W, FileX as le, Package as de, AlertCircle as ce, RefreshCw as ue, Home as me, XIcon as K, Accessibility as fe, ZoomOut as ge, ZoomIn as ve, Moon as pe, Sun as be, ChevronLeft as he, Menu as xe, ChevronDown as O, Instagram as Ne, Facebook as we, Youtube as ye, Linkedin as ke, Mail as ze } from "lucide-react";
-import { cva as P } from "class-variance-authority";
+import { Loader2 as V, User as ee, Star as te, CheckIcon as U, ChevronDownIcon as A, ChevronUpIcon as ae, CircleIcon as re, ShoppingCart as R, Heart as oe, Search as Q, X as ie, Minus as ne, Plus as se, ChevronRight as W, FileX as le, Package as de, AlertCircle as ce, RefreshCw as ue, Home as me, XIcon as K, Accessibility as fe, ZoomOut as ge, ZoomIn as ve, Moon as pe, Sun as be, ChevronLeft as he, Menu as xe, ChevronDown as O, Instagram as Ne, Facebook as we, Youtube as ye, Linkedin as ke, Mail as ze } from "lucide-react";
+import { cva as L } 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 E from "@radix-ui/react-radio-group";
 import * as q from "@radix-ui/react-switch";
 import { Slot as Ce } from "@radix-ui/react-slot";
-import * as _ from "@radix-ui/react-accordion";
+import * as D 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";
@@ -19,7 +19,7 @@ import * as S from "@radix-ui/react-navigation-menu";
 function o(...a) {
   return J(Z(a));
 }
-const Se = P(
+const Se = L(
   "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: {
@@ -64,10 +64,10 @@ const Se = P(
       ref: v,
       disabled: f || s,
       ...u,
-      children: s ? /* @__PURE__ */ i(A, { children: [
+      children: s ? /* @__PURE__ */ i(_, { children: [
         /* @__PURE__ */ e(V, { className: "h-4 w-4 animate-spin" }),
         m && /* @__PURE__ */ e("span", { children: m })
-      ] }) : /* @__PURE__ */ i(A, { children: [
+      ] }) : /* @__PURE__ */ i(_, { children: [
         c && /* @__PURE__ */ e("span", { className: "inline-flex", children: c }),
         m,
         l && /* @__PURE__ */ e("span", { className: "inline-flex", children: l })
@@ -107,7 +107,7 @@ const Ie = N(
   ] })
 );
 Ie.displayName = "Textarea";
-const je = P(
+const je = L(
   "inline-flex items-center rounded-full font-medium transition-colors whitespace-nowrap",
   {
     variants: {
@@ -131,7 +131,7 @@ const je = P(
       size: "md"
     }
   }
-), D = N(
+), P = N(
   ({ className: a, variant: t, size: r, icon: n, onRemove: s, children: c, ...l }, m) => /* @__PURE__ */ i(
     "div",
     {
@@ -154,8 +154,8 @@ const je = P(
     }
   )
 );
-D.displayName = "Badge";
-const Me = P(
+P.displayName = "Badge";
+const Me = L(
   "relative inline-flex items-center justify-center overflow-hidden rounded-full bg-[var(--muted)] text-[var(--muted-foreground)] flex-shrink-0",
   {
     variants: {
@@ -170,7 +170,7 @@ const Me = P(
       size: "md"
     }
   }
-), _e = N(
+), De = 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)]",
@@ -208,8 +208,8 @@ const Me = P(
     ] });
   }
 );
-_e.displayName = "Avatar";
-const Pe = P("animate-spin text-[var(--brand-primary)]", {
+De.displayName = "Avatar";
+const Le = L("animate-spin text-[var(--brand-primary)]", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -221,7 +221,7 @@ const Pe = P("animate-spin text-[var(--brand-primary)]", {
   defaultVariants: {
     size: "md"
   }
-}), Ae = N(
+}), _e = N(
   ({ className: a, size: t, label: r, ...n }, s) => /* @__PURE__ */ i(
     "div",
     {
@@ -231,14 +231,14 @@ const Pe = P("animate-spin text-[var(--brand-primary)]", {
       className: o("inline-flex items-center justify-center", a),
       ...n,
       children: [
-        /* @__PURE__ */ e(V, { className: o(Pe({ size: t })) }),
+        /* @__PURE__ */ e(V, { className: o(Le({ size: t })) }),
         /* @__PURE__ */ e("span", { className: "sr-only", children: r || "Loading" })
       ]
     }
   )
 );
-Ae.displayName = "Spinner";
-const De = N(
+_e.displayName = "Spinner";
+const Pe = N(
   ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: n, ...s }, c) => {
     const l = {
       solid: "border-solid",
@@ -284,8 +284,8 @@ const De = N(
     );
   }
 );
-De.displayName = "Divider";
-const $ = N(
+Pe.displayName = "Divider";
+const T = N(
   ({
     className: a,
     value: t = 0,
@@ -347,7 +347,7 @@ const $ = N(
     );
   }
 );
-$.displayName = "Rating";
+T.displayName = "Rating";
 function kt({ className: a, type: t, ...r }) {
   return /* @__PURE__ */ e(
     "input",
@@ -392,7 +392,7 @@ function St({
       ...n,
       children: [
         r,
-        /* @__PURE__ */ e(z.Icon, { asChild: !0, children: /* @__PURE__ */ e(E, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ e(z.Icon, { asChild: !0, children: /* @__PURE__ */ e(A, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -415,7 +415,7 @@ function It({
       position: r,
       ...n,
       children: [
-        /* @__PURE__ */ e(Ee, {}),
+        /* @__PURE__ */ e(Ae, {}),
         /* @__PURE__ */ e(
           z.Viewport,
           {
@@ -426,7 +426,7 @@ function It({
             children: t
           }
         ),
-        /* @__PURE__ */ e(Le, {})
+        /* @__PURE__ */ e(Re, {})
       ]
     }
   ) });
@@ -452,7 +452,7 @@ function jt({
     }
   );
 }
-function Ee({
+function Ae({
   className: a,
   ...t
 }) {
@@ -469,7 +469,7 @@ function Ee({
     }
   );
 }
-function Le({
+function Re({
   className: a,
   ...t
 }) {
@@ -482,7 +482,7 @@ function Le({
         a
       ),
       ...t,
-      children: /* @__PURE__ */ e(E, { className: "size-4" })
+      children: /* @__PURE__ */ e(A, { className: "size-4" })
     }
   );
 }
@@ -510,12 +510,12 @@ function Mt({
     }
   );
 }
-function _t({
+function Dt({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    T.Root,
+    E.Root,
     {
       "data-slot": "radio-group",
       className: o("grid gap-3", a),
@@ -523,12 +523,12 @@ function _t({
     }
   );
 }
-function Pt({
+function Lt({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    T.Item,
+    E.Item,
     {
       "data-slot": "radio-group-item",
       className: o(
@@ -537,7 +537,7 @@ function Pt({
       ),
       ...t,
       children: /* @__PURE__ */ e(
-        T.Indicator,
+        E.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
@@ -547,7 +547,7 @@ function Pt({
     }
   );
 }
-function At({
+function _t({
   className: a,
   ...t
 }) {
@@ -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 R = N(
+const $ = N(
   ({
     className: a,
     image: t,
@@ -647,7 +647,7 @@ const R = N(
               {
                 src: t,
                 alt: r,
-                className: "h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
+                className: "h-full w-full object-contain transition-transform duration-300 group-hover:scale-105"
               }
             )
           }
@@ -663,7 +663,7 @@ const R = 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($, { value: l, size: "sm", readonly: !0 }),
+            /* @__PURE__ */ e(T, { value: l, size: "sm", readonly: !0 }),
             m !== void 0 && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)]", children: [
               "(",
               m,
@@ -673,11 +673,11 @@ const R = N(
           /* @__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)
+              s.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] }),
             c && c > s && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)] line-through", children: [
               "R$ ",
-              c.toFixed(2)
+              c.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] })
           ] }),
           b && /* @__PURE__ */ e(
@@ -688,7 +688,7 @@ const R = N(
               variant: "primary",
               size: "sm",
               fullWidth: !0,
-              leftIcon: /* @__PURE__ */ e(L, { className: "h-3.5 w-3.5" }),
+              leftIcon: /* @__PURE__ */ e(R, { className: "h-3.5 w-3.5" }),
               className: "mt-auto",
               children: g ? "Indisponível" : "Adicionar"
             }
@@ -718,11 +718,11 @@ const R = N(
                 {
                   src: t,
                   alt: r,
-                  className: "h-full w-full object-cover transition-transform group-hover:scale-105"
+                  className: "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(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" }) })
+              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" }) })
             ]
           }
         ),
@@ -754,7 +754,7 @@ const R = 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($, { value: l, size: "sm", readonly: !0 }),
+            /* @__PURE__ */ e(T, { value: l, size: "sm", readonly: !0 }),
             m !== void 0 && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
               "(",
               m,
@@ -764,11 +764,11 @@ const R = N(
           /* @__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$ ",
-              s.toFixed(2)
+              s.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] }),
             c && c > s && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)] line-through", children: [
               "R$ ",
-              c.toFixed(2)
+              c.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] })
           ] }),
           b && /* @__PURE__ */ e(
@@ -779,7 +779,7 @@ const R = N(
               variant: "primary",
               size: "md",
               fullWidth: !0,
-              leftIcon: /* @__PURE__ */ e(L, { className: "h-4 w-4" }),
+              leftIcon: /* @__PURE__ */ e(R, { className: "h-4 w-4" }),
               className: o(
                 "mt-4 transition-all duration-200",
                 "opacity-0 translate-y-2",
@@ -794,8 +794,8 @@ const R = N(
     }
   )
 );
-R.displayName = "ProductCard";
-const Te = N(
+$.displayName = "ProductCard";
+const Ee = N(
   ({
     className: a,
     onSearch: t,
@@ -856,8 +856,8 @@ const Te = N(
     ] }) });
   }
 );
-Te.displayName = "SearchBar";
-const $e = N(
+Ee.displayName = "SearchBar";
+const Te = N(
   ({
     className: a,
     price: t,
@@ -902,7 +902,7 @@ const $e = N(
             }
           )
         ] }),
-        c && u > 0 && /* @__PURE__ */ i(D, { variant: "success", size: "sm", children: [
+        c && u > 0 && /* @__PURE__ */ i(P, { variant: "success", size: "sm", children: [
           "-",
           u,
           "%"
@@ -920,8 +920,8 @@ const $e = N(
     ] });
   }
 );
-$e.displayName = "PriceDisplay";
-const Re = N(
+Te.displayName = "PriceDisplay";
+const $e = N(
   ({
     className: a,
     value: t,
@@ -1001,7 +1001,7 @@ const Re = N(
     ] });
   }
 );
-Re.displayName = "QuantitySelector";
+$e.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(
@@ -1029,10 +1029,10 @@ const Be = N(
   ] })
 );
 Be.displayName = "FormGroup";
-function Dt({ ...a }) {
+function Pt({ ...a }) {
   return /* @__PURE__ */ e("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...a });
 }
-function Et({ className: a, ...t }) {
+function At({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "ol",
     {
@@ -1045,7 +1045,7 @@ function Et({ className: a, ...t }) {
     }
   );
 }
-function Lt({ className: a, ...t }) {
+function Rt({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "li",
     {
@@ -1055,7 +1055,7 @@ function Lt({ className: a, ...t }) {
     }
   );
 }
-function Tt({
+function Et({
   asChild: a,
   className: t,
   ...r
@@ -1069,7 +1069,7 @@ function Tt({
     }
   );
 }
-function $t({ className: a, ...t }) {
+function Tt({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "span",
     {
@@ -1082,7 +1082,7 @@ function $t({ className: a, ...t }) {
     }
   );
 }
-function Rt({
+function $t({
   children: a,
   className: t,
   ...r
@@ -1102,14 +1102,14 @@ function Rt({
 function Bt({
   ...a
 }) {
-  return /* @__PURE__ */ e(_.Root, { "data-slot": "accordion", ...a });
+  return /* @__PURE__ */ e(D.Root, { "data-slot": "accordion", ...a });
 }
 function Vt({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    _.Item,
+    D.Item,
     {
       "data-slot": "accordion-item",
       className: o("border-b last:border-b-0", a),
@@ -1122,8 +1122,8 @@ function Ft({
   children: t,
   ...r
 }) {
-  return /* @__PURE__ */ e(_.Header, { className: "flex", children: /* @__PURE__ */ i(
-    _.Trigger,
+  return /* @__PURE__ */ e(D.Header, { className: "flex", children: /* @__PURE__ */ i(
+    D.Trigger,
     {
       "data-slot": "accordion-trigger",
       className: o(
@@ -1133,7 +1133,7 @@ function Ft({
       ...r,
       children: [
         t,
-        /* @__PURE__ */ e(E, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+        /* @__PURE__ */ e(A, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
       ]
     }
   ) });
@@ -1144,7 +1144,7 @@ function qt({
   ...r
 }) {
   return /* @__PURE__ */ e(
-    _.Content,
+    D.Content,
     {
       "data-slot": "accordion-content",
       className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
@@ -1227,7 +1227,7 @@ const Fe = N(
       ),
       ...v,
       children: [
-        m && /* @__PURE__ */ i(A, { children: [
+        m && /* @__PURE__ */ i(_, { children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -1320,7 +1320,7 @@ const X = N(
     const u = r || {
       default: /* @__PURE__ */ e(de, { className: "h-16 w-16" }),
       search: /* @__PURE__ */ e(Q, { className: "h-16 w-16" }),
-      cart: /* @__PURE__ */ e(L, { className: "h-16 w-16" }),
+      cart: /* @__PURE__ */ e(R, { className: "h-16 w-16" }),
       error: /* @__PURE__ */ e(le, { className: "h-16 w-16" })
     }[t];
     return /* @__PURE__ */ i(
@@ -1466,7 +1466,7 @@ const He = N(
         ),
         ...f,
         children: Array.from({ length: c }).map((b, h) => /* @__PURE__ */ e(
-          R,
+          $,
           {
             image: "",
             title: "",
@@ -1498,7 +1498,7 @@ const He = N(
           a
         ),
         ...f,
-        children: t.map((b, h) => /* @__PURE__ */ e(R, { ...b }, h))
+        children: t.map((b, h) => /* @__PURE__ */ e($, { ...b }, h))
       }
     );
   }
@@ -1936,7 +1936,7 @@ const tt = N(
             },
             d.id
           )) }),
-          t.length > 1 && /* @__PURE__ */ i(A, { children: [
+          t.length > 1 && /* @__PURE__ */ i(_, { children: [
             /* @__PURE__ */ e(
               "button",
               {
@@ -2027,7 +2027,7 @@ function G({
     }
   );
 }
-const ot = P(
+const ot = L(
   "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({
@@ -2045,7 +2045,7 @@ function it({
         t,
         " ",
         /* @__PURE__ */ e(
-          E,
+          A,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -2493,14 +2493,14 @@ export {
   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,
+  De as Avatar,
+  P as Badge,
+  Pt as Breadcrumb,
+  Rt as BreadcrumbItem,
+  Et as BreadcrumbLink,
+  At as BreadcrumbList,
+  Tt as BreadcrumbPage,
+  $t as BreadcrumbSeparator,
   C as Button,
   Mt as Checkbox,
   ra as Col,
@@ -2511,7 +2511,7 @@ export {
   Ot as DialogHeader,
   Yt as DialogTitle,
   Wt as DialogTrigger,
-  De as Divider,
+  Pe as Divider,
   Qe as Drawer,
   X as EmptyState,
   qe as ErrorState,
@@ -2523,15 +2523,15 @@ export {
   kt as Input,
   dt as MegaMenu,
   Qt as Modal,
-  $e as PriceDisplay,
-  R as ProductCard,
+  Te as PriceDisplay,
+  $ as ProductCard,
   He as ProductGrid,
   la as ProgressBar,
-  Re as QuantitySelector,
-  _t as RadioGroup,
-  Pt as RadioGroupItem,
-  $ as Rating,
-  Te as SearchBar,
+  $e as QuantitySelector,
+  Dt as RadioGroup,
+  Lt as RadioGroupItem,
+  T as Rating,
+  Ee as SearchBar,
   zt as Select,
   It as SelectContent,
   jt as SelectItem,
@@ -2543,9 +2543,9 @@ export {
   Ze as SheetHeader,
   Je as SheetTitle,
   We as SheetTrigger,
-  Ae as Spinner,
+  _e as Spinner,
   Ie as Textarea,
-  At as Toggle,
+  _t as Toggle,
   Ht as Tooltip,
   Ut as TooltipContent,
   Ve as TooltipProvider,
@@ -2555,7 +2555,7 @@ export {
   je as badgeVariants,
   Se as buttonVariants,
   o as cn,
-  Pe as spinnerVariants,
+  Le as spinnerVariants,
   na as toast
 };
 //# sourceMappingURL=index.js.map