reend-components 1.2.0 → 1.2.2

package/dist/lib/index.mjs

@@ -8,7 +8,7 @@ import * as F from "@radix-ui/react-toast";
 import { cva as O } from "class-variance-authority";
 import { X as dt, Moon as ct, Sun as ut, Crosshair as pt, Terminal as ft, AlertTriangle as mt } from "lucide-react";
 import { Toaster as bt, toast as J } from "sonner";
-import { toast as Cn } from "sonner";
+import { toast as Dn } from "sonner";
 import { Slot as xt } from "@radix-ui/react-slot";
 import * as ge from "@radix-ui/react-checkbox";
 import * as Ve from "@radix-ui/react-radio-group";
@@ -23,13 +23,12 @@ import * as H from "@radix-ui/react-dialog";
 import * as gt from "@radix-ui/react-separator";
 import * as xe from "react-dom";
 import { Separator as ht } from "react-resizable-panels";
-import { Panel as Mn, Group as Ln, Separator as On } from "react-resizable-panels";
-import "recharts";
+import { Panel as An, Group as Mn, Separator as Ln } from "react-resizable-panels";
 import { AnimatePresence as yt, motion as ue, useInView as vt } from "framer-motion";
 function l(...t) {
   return lt(it(t));
 }
-const xn = q.Provider, gn = q.Root, hn = q.Trigger, Nt = s.forwardRef(({ className: t, sideOffset: r = 4, ...a }, o) => /* @__PURE__ */ e(
+const bn = q.Provider, xn = q.Root, gn = q.Trigger, Nt = s.forwardRef(({ className: t, sideOffset: r = 4, ...a }, o) => /* @__PURE__ */ e(
   q.Content,
   {
     ref: o,
@@ -211,7 +210,7 @@ function Dt() {
     dismiss: (a) => W({ type: "DISMISS_TOAST", toastId: a })
   };
 }
-function yn() {
+function hn() {
   const { toasts: t } = Dt();
   return /* @__PURE__ */ u(wt, { children: [
     t.map(function({ id: r, title: a, description: o, action: n, ...i }) {
@@ -227,7 +226,7 @@ function yn() {
     /* @__PURE__ */ e(Be, {})
   ] });
 }
-const vn = ({ theme: t = "dark", ...r }) => /* @__PURE__ */ e(
+const yn = ({ theme: t = "dark", ...r }) => /* @__PURE__ */ e(
   bt,
   {
     theme: t,
@@ -236,7 +235,6 @@ const vn = ({ theme: t = "dark", ...r }) => /* @__PURE__ */ e(
     closeButton: !0,
     duration: 4e3,
     visibleToasts: 3,
-    pauseWhenPageIsHidden: !0,
     toastOptions: {
       classNames: {
         toast: "group toast group-[.toaster]:bg-surface-2 group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg group-[.toaster]:border-l-[3px]",
@@ -253,7 +251,7 @@ const vn = ({ theme: t = "dark", ...r }) => /* @__PURE__ */ e(
     },
     ...r
   }
-), Nn = {
+), vn = {
   info: (t, r) => J(t, { duration: 5e3, ...r }),
   success: (t, r) => J.success(t, { duration: 4e3, ...r }),
   warning: (t, r) => J.warning(t, { duration: 8e3, ...r }),
@@ -472,37 +470,43 @@ const Ft = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
 ));
 Ft.displayName = "CardFooter";
 const zt = s.forwardRef(
-  ({ name: t, faction: r, rarity: a = 5, imageSrc: o, imageAlt: n, selected: i, className: c, ...d }, p) => /* @__PURE__ */ u(
-    "div",
-    {
-      ref: p,
-      className: l(
-        "relative bg-surface-1 border border-border transition-all duration-300 w-[120px] sm:w-[140px] shrink-0 cursor-pointer",
-        "hover:-translate-y-1 hover:shadow-[0_16px_48px_rgba(0,0,0,0.5)] hover:border-primary/20",
-        i && "border-2 border-primary/40 bg-primary/[0.06]",
-        c
-      ),
-      ...d,
-      children: [
-        /* @__PURE__ */ e("div", { className: "clip-corner-sm aspect-[3/4] bg-surface-2 overflow-hidden", children: o ? /* @__PURE__ */ e(
-          "img",
-          {
-            src: o,
-            alt: n ?? t,
-            className: "w-full h-full object-cover"
-          }
-        ) : /* @__PURE__ */ e("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ e("span", { className: "text-primary/20 text-4xl", children: "◆" }) }) }),
-        /* @__PURE__ */ e("div", { className: "px-2 pt-1.5 pb-0", children: /* @__PURE__ */ u("span", { className: "text-[10px] text-primary tracking-wider", children: [
-          "◆".repeat(a),
-          "◇".repeat(6 - a)
-        ] }) }),
-        /* @__PURE__ */ u("div", { className: "px-2 pb-2", children: [
-          /* @__PURE__ */ e("p", { className: "font-display text-[13px] font-semibold uppercase text-foreground leading-tight truncate", children: t }),
-          r && /* @__PURE__ */ e("p", { className: "font-mono text-[10px] text-muted-foreground truncate", children: r })
-        ] })
-      ]
-    }
-  )
+  ({ name: t, faction: r, rarity: a = 5, imageSrc: o, imageAlt: n, selected: i, className: c, ...d }, p) => {
+    const [b, f] = s.useState(!1);
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        ref: p,
+        className: l(
+          "relative bg-surface-1 border border-border transition-all duration-300 w-[120px] sm:w-[140px] shrink-0 cursor-pointer",
+          "hover:-translate-y-1 hover:shadow-[0_16px_48px_rgba(0,0,0,0.5)] hover:border-primary/20",
+          i && "border-2 border-primary/40 bg-primary/[0.06]",
+          c
+        ),
+        ...d,
+        children: [
+          /* @__PURE__ */ e("div", { className: "clip-corner-sm aspect-[3/4] bg-surface-2 overflow-hidden", children: o && !b ? /* @__PURE__ */ e(
+            "img",
+            {
+              src: o,
+              alt: n ?? t,
+              loading: "lazy",
+              decoding: "async",
+              onError: () => f(!0),
+              className: "w-full h-full object-cover"
+            }
+          ) : /* @__PURE__ */ e("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ e("span", { className: "text-primary/20 text-4xl", children: "◆" }) }) }),
+          /* @__PURE__ */ e("div", { className: "px-2 pt-1.5 pb-0", children: /* @__PURE__ */ u("span", { className: "text-[10px] text-primary tracking-wider", children: [
+            "◆".repeat(a),
+            "◇".repeat(6 - a)
+          ] }) }),
+          /* @__PURE__ */ u("div", { className: "px-2 pb-2", children: [
+            /* @__PURE__ */ e("p", { className: "font-display text-[13px] font-semibold uppercase text-foreground leading-tight truncate", children: t }),
+            r && /* @__PURE__ */ e("p", { className: "font-mono text-[10px] text-muted-foreground truncate", children: r })
+          ] })
+        ]
+      }
+    );
+  }
 );
 zt.displayName = "OperatorCard";
 const Ht = s.forwardRef(
@@ -539,7 +543,7 @@ const Ht = s.forwardRef(
 );
 Ht.displayName = "LinkCard";
 const Yt = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
-function wn(t, r = !0) {
+function Nn(t, r = !0) {
   me(() => {
     if (!r || !t.current) return;
     const a = t.current, o = () => Array.from(a.querySelectorAll(Yt)), n = (i) => {
@@ -552,7 +556,7 @@ function wn(t, r = !0) {
     return a.addEventListener("keydown", n), () => a.removeEventListener("keydown", n);
   }, [t, r]);
 }
-function kn(t, r, a = {}) {
+function wn(t, r, a = {}) {
   me(() => {
     const { meta: o = !1, ctrl: n = !1, shift: i = !1, preventDefault: c = !0 } = a, d = (p) => {
       o && !p.metaKey || n && !(p.ctrlKey || p.metaKey) || i && !p.shiftKey || p.key.toLowerCase() === t.toLowerCase() && (c && p.preventDefault(), r());
@@ -560,7 +564,7 @@ function kn(t, r, a = {}) {
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [t, r, a]);
 }
-function Tn(t, r = {}) {
+function kn(t, r = {}) {
   const { threshold: a = 0.1, once: o = !0 } = r, [n, i] = nt(() => typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1), c = st(n);
   return c.current = n, me(() => {
     if (typeof window > "u" || c.current && o) return;
@@ -575,7 +579,7 @@ function Tn(t, r = {}) {
     return p.observe(d), () => p.disconnect();
   }, [t, a, o]), n;
 }
-function Sn(t, r = 100) {
+function Tn(t, r = 100) {
   return Array.from({ length: t }, (a, o) => `${o * r}ms`);
 }
 const Ut = O(
@@ -3572,7 +3576,7 @@ const Sa = ({ direction: t = "horizontal", className: r, ...a }) => /* @__PURE__
   }
 );
 Sa.displayName = "ResizeHandle";
-const Rn = [
+const Sn = [
   "var(--chart-1)",
   "var(--chart-2)",
   "var(--chart-3)",
@@ -3581,7 +3585,7 @@ const Rn = [
   "var(--chart-6)",
   "var(--chart-7)",
   "var(--chart-8)"
-], En = {
+], Rn = {
   backgroundColor: "transparent",
   style: { fontFamily: "JetBrains Mono, monospace", fontSize: 11 },
   tick: { fill: "hsl(var(--muted-foreground))" },
@@ -4489,7 +4493,7 @@ const ao = s.forwardRef(
 ao.displayName = "SwipeableItem";
 const oo = s.forwardRef(
   ({ text: t, resetDelay: r = 2e3, onCopy: a, className: o, ...n }, i) => {
-    const [c, d] = s.useState(!1), p = s.useRef();
+    const [c, d] = s.useState(!1), p = s.useRef(void 0);
     return s.useEffect(() => () => clearTimeout(p.current), []), /* @__PURE__ */ e(
       "button",
       {
@@ -4635,7 +4639,7 @@ const io = s.forwardRef(
   )
 );
 io.displayName = "CookieConsent";
-function In() {
+function En() {
   const [t, r] = s.useState(!1);
   return s.useEffect(() => {
     const a = (o) => {
@@ -4967,7 +4971,7 @@ const mo = s.forwardRef(
 mo.displayName = "SpoilerInline";
 const bo = s.forwardRef(
   ({ storageKey: t = "ef-theme", className: r, ...a }, o) => {
-    const [n, i] = s.useState(!1), [c, d] = s.useState(!1), p = s.useRef();
+    const [n, i] = s.useState(!1), [c, d] = s.useState(!1), p = s.useRef(void 0);
     return s.useEffect(() => {
       const f = localStorage.getItem(t);
       f === "light" ? (i(!0), document.documentElement.classList.add("light")) : f === "dark" ? (i(!1), document.documentElement.classList.remove("light")) : i(document.documentElement.classList.contains("light"));
@@ -5994,6 +5998,7 @@ function Ae({
   initials: a,
   sizeClass: o
 }) {
+  const [n, i] = s.useState(!1);
   return /* @__PURE__ */ e(
     "div",
     {
@@ -6005,13 +6010,14 @@ function Ae({
       style: {
         clipPath: "polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%)"
       },
-      children: t ? /* @__PURE__ */ e(
+      children: t && !n ? /* @__PURE__ */ e(
         "img",
         {
           src: t,
           alt: r,
           loading: "lazy",
           decoding: "async",
+          onError: () => i(!0),
           className: "w-full h-full object-cover"
         }
       ) : /* @__PURE__ */ e("span", { children: a ?? r.slice(0, 2) })
@@ -6675,7 +6681,7 @@ export {
   wa as BottomSheet,
   ea as Breadcrumb,
   pe as Button,
-  Rn as CHART_COLORS,
+  Sn as CHART_COLORS,
   Ot as Card,
   jt as CardBody,
   Bt as CardDescription,
@@ -6737,9 +6743,9 @@ export {
   sa as OTPInput,
   zt as OperatorCard,
   Qr as Pagination,
-  Mn as Panel,
-  Ln as PanelGroup,
-  On as PanelResizeHandle,
+  An as Panel,
+  Mn as PanelGroup,
+  Ln as PanelResizeHandle,
   Er as Popover,
   _r as PopoverAnchor,
   Dr as PopoverContent,
@@ -6772,7 +6778,7 @@ export {
   Y as SkeletonLine,
   zr as SkeletonTableRow,
   Qe as SkeletonText,
-  vn as SonnerToaster,
+  yn as SonnerToaster,
   eo as SortControl,
   fo as SpoilerBlock,
   mo as SpoilerInline,
@@ -6809,11 +6815,11 @@ export {
   wt as ToastProvider,
   ze as ToastTitle,
   Be as ToastViewport,
-  yn as Toaster,
-  gn as Tooltip,
+  hn as Toaster,
+  xn as Tooltip,
   Nt as TooltipContent,
-  xn as TooltipProvider,
-  hn as TooltipTrigger,
+  bn as TooltipProvider,
+  gn as TooltipTrigger,
   Kr as TopBanner,
   aa as ViewToggle,
   Ao as WarningBanner,
@@ -6825,11 +6831,11 @@ export {
   l as cn,
   Mr as dialogContentVariants,
   Hr as emptyStateVariants,
-  En as endfieldChartTheme,
+  Rn as endfieldChartTheme,
   rn as frequencyBarsVariants,
   Ut as inputWrapperVariants,
   Po as missionCardVariants,
-  Nn as notify,
+  vn as notify,
   ta as numberInputVariants,
   Ce as operatorCardVariants,
   ne as paginationItemVariants,
@@ -6844,13 +6850,13 @@ export {
   _o as tacticalBadgeVariants,
   qt as textareaVariants,
   qr as timelineItemVariants,
-  Cn as toast,
+  Dn as toast,
   _t as toastAction,
-  In as useCommandPalette,
-  wn as useFocusTrap,
-  Tn as useInView,
-  kn as useShortcut,
-  Sn as useStagger,
+  En as useCommandPalette,
+  Nn as useFocusTrap,
+  kn as useInView,
+  wn as useShortcut,
+  Tn as useStagger,
   Dt as useToast
 };
 //# sourceMappingURL=index.mjs.map