@agg-market/ui 7.0.0 → 8.0.0

package/dist/{chunk-KQKLLL4D.mjs → chunk-JE4MV5RL.mjs}

@@ -1,22 +1,19 @@
 import {
-  InlineAlert
-} from "./chunk-OAJBTVZT.mjs";
-import {
+  Button,
   Card,
+  Icon,
+  InlineAlert,
+  RemoteImage,
   Skeleton,
   Tabs,
-  skeletonViews
-} from "./chunk-EERL6BZF.mjs";
-import {
-  Button,
-  Icon,
   VenueLogo,
   __spreadProps,
   __spreadValues,
   cn,
   formatUsd,
-  getMotionClassName
-} from "./chunk-MUB7NYWZ.mjs";
+  getMotionClassName,
+  skeletonViews
+} from "./chunk-WKY3IN52.mjs";
 
 // src/trading/utils.ts
 import { resolveAggUiLabels } from "@agg-market/hooks";
@@ -209,7 +206,7 @@ var PlaceOrder = ({
       /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-5", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
           marketImageUrl ? /* @__PURE__ */ jsx(
-            "img",
+            RemoteImage,
             {
               src: marketImageUrl,
               alt: "",

package/dist/{chunk-L5U7RGJV.mjs → chunk-KRCRD4AJ.mjs}

@@ -3,27 +3,24 @@ import {
   EventListItemDetails,
   MarketDetails,
   isErrorWithStatus
-} from "./chunk-6I474QXG.mjs";
-import {
-  StateMessage,
-  Typography
-} from "./chunk-ZYUJ7YEJ.mjs";
+} from "./chunk-TLFRGJ5B.mjs";
 import {
   PlaceOrder,
   Settlement
-} from "./chunk-KQKLLL4D.mjs";
-import {
-  Card,
-  Tabs
-} from "./chunk-EERL6BZF.mjs";
+} from "./chunk-JE4MV5RL.mjs";
 import {
   Button,
+  Card,
   Icon,
+  RemoteImage,
+  StateMessage,
+  Tabs,
+  Typography,
   VenueLogo,
   __spreadProps,
   __spreadValues,
   cn
-} from "./chunk-MUB7NYWZ.mjs";
+} from "./chunk-WKY3IN52.mjs";
 
 // src/pages/home/index.tsx
 import { useEffect, useMemo, useState } from "react";
@@ -720,7 +717,7 @@ var ActivityRow = ({ activity, onClick }) => {
           /* @__PURE__ */ jsx5(VenueLogo, { venue: activity.venue, size: "small", className: "shrink-0" }),
           /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
             /* @__PURE__ */ jsx5(
-              "img",
+              RemoteImage,
               {
                 src: activity.thumbnailSrc,
                 alt: "",
@@ -832,7 +829,7 @@ var PositionRow = ({ position, onClick }) => {
           /* @__PURE__ */ jsx7(VenueLogo, { venue: position.venue, size: "small", className: "shrink-0" }),
           /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
             /* @__PURE__ */ jsx7(
-              "img",
+              RemoteImage,
               {
                 src: position.thumbnailSrc,
                 alt: "",
@@ -1059,7 +1056,7 @@ var UserInfoCard = ({
       ),
       children: /* @__PURE__ */ jsxs10("div", { className: "flex w-full items-start gap-5", children: [
         /* @__PURE__ */ jsx10("div", { className: "shrink-0", children: user.avatarUrl ? /* @__PURE__ */ jsx10(
-          "img",
+          RemoteImage,
           {
             src: user.avatarUrl,
             alt: user.username,

package/dist/{chunk-AVHMI47G.mjs → chunk-SBLIHCN2.mjs}

@@ -1,6 +1,3 @@
-import {
-  Modal
-} from "./chunk-EEQPPN7N.mjs";
 import {
   BankIcon,
   BestPricesIcon,
@@ -16,8 +13,10 @@ import {
   ExternalLinkIcon,
   Icon,
   LinkAccountsIcon,
+  Modal,
   PlaySquareIcon,
   ProfileIcon,
+  RemoteImage,
   Select,
   StayInControlIcon,
   VenueLogo,
@@ -29,7 +28,7 @@ import {
   formatAmountDisplay,
   formatCompactUsd,
   venueLogoLabels
-} from "./chunk-MUB7NYWZ.mjs";
+} from "./chunk-WKY3IN52.mjs";
 
 // src/deposit/index.tsx
 import { useState as useState3 } from "react";
@@ -1275,7 +1274,7 @@ var ProfileSetupStep = ({ onContinue }) => {
             ),
             "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
             children: avatarPreview ? /* @__PURE__ */ jsx13(
-              "img",
+              RemoteImage,
               {
                 src: avatarPreview,
                 alt: labels.onboarding.profileSetup.profilePreviewAlt,
@@ -2000,7 +1999,7 @@ var AboutTab = ({
           ),
           "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
           children: resolvedPreview ? /* @__PURE__ */ jsx18(
-            "img",
+            RemoteImage,
             {
               src: resolvedPreview,
               alt: labels.onboarding.profileSetup.profilePreviewAlt,

package/dist/{chunk-6I474QXG.mjs → chunk-TLFRGJ5B.mjs}

@@ -1,36 +1,33 @@
 import {
   Badge,
-  LineChart,
-  StateMessage,
-  SwitchButton,
-  Typography
-} from "./chunk-ZYUJ7YEJ.mjs";
-import {
+  Button,
   Card,
+  Icon,
+  LineChart,
   MarketDetailsOderbookSkeleton,
+  RemoteImage,
   Skeleton,
+  StateMessage,
+  SwitchButton,
   Tabs,
+  Typography,
+  VenueLogo,
+  __objRest,
+  __spreadProps,
+  __spreadValues,
   baseCardClassName,
+  cn,
   detailsBaseCardClassName,
   eventListItemDetailsTimeRanges,
   fallbackLineColors,
   getMarketDetailsTabs,
+  getMotionClassName,
   lineColorByVenue,
   marketDetailsBaseCardClassName,
   marketDetailsDefaultIsOpened,
-  orderBookRowLimitDefault
-} from "./chunk-EERL6BZF.mjs";
-import {
-  Button,
-  Icon,
-  VenueLogo,
-  __objRest,
-  __spreadProps,
-  __spreadValues,
-  cn,
-  getMotionClassName,
+  orderBookRowLimitDefault,
   toDate
-} from "./chunk-MUB7NYWZ.mjs";
+} from "./chunk-WKY3IN52.mjs";
 
 // src/events/item/index.tsx
 import dayjs from "dayjs";
@@ -313,7 +310,7 @@ var EventListItemContent = ({
       children: [
         /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", classNames == null ? void 0 : classNames.header), children: [
           resolvedImage ? /* @__PURE__ */ jsx(
-            "img",
+            RemoteImage,
             {
               src: resolvedImage,
               alt: "",
@@ -1206,7 +1203,7 @@ var EventListItemDetailsContent = ({
             ),
             children: [
               resolvedImage ? /* @__PURE__ */ jsx3(
-                "img",
+                RemoteImage,
                 {
                   src: resolvedImage,
                   alt: "",
@@ -2076,7 +2073,7 @@ var MarketDetailsContent = ({
             children: [
               /* @__PURE__ */ jsxs3("div", { className: "flex min-w-52 items-center gap-3 md:gap-4", children: [
                 model.image ? /* @__PURE__ */ jsx4(
-                  "img",
+                  RemoteImage,
                   {
                     src: model.image,
                     alt: "",