@agg-market/ui 0.0.6 → 2.0.0

package/dist/{chunk-I4YUYVJJ.mjs → chunk-LK5D3ZTK.mjs}

@@ -1,17 +1,17 @@
 import {
   Modal
-} from "./chunk-VIP7HSOU.mjs";
+} from "./chunk-5K7VXAYM.mjs";
 import {
   VenueLogo,
   venueLogoLabels
-} from "./chunk-BLSHXIAH.mjs";
+} from "./chunk-D7JTOGYP.mjs";
 import {
   Icon,
   ProfileIcon
-} from "./chunk-F236MLT6.mjs";
+} from "./chunk-PZTHM6WG.mjs";
 import {
   Button
-} from "./chunk-PGSPYQOW.mjs";
+} from "./chunk-KAGYJ4XT.mjs";
 import {
   cn
 } from "./chunk-GJ4U5NCE.mjs";
@@ -217,7 +217,7 @@ var AccountsWalletsTab = ({
         const displayName = (_a = venueLogoLabels[account.venue]) != null ? _a : account.venue;
         return /* @__PURE__ */ jsxs2(AccountRow, { children: [
           /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3 min-w-0", children: [
-            /* @__PURE__ */ jsx2(VenueLogo, { venue: account.venue, size: "s" }),
+            /* @__PURE__ */ jsx2(VenueLogo, { venue: account.venue, size: "small" }),
             /* @__PURE__ */ jsx2("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName }),
             /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 min-w-0", children: [
               /* @__PURE__ */ jsx2("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: account.displayAddress }),
@@ -225,7 +225,7 @@ var AccountsWalletsTab = ({
                 Icon,
                 {
                   name: "check-badge",
-                  size: "s",
+                  size: "small",
                   color: "var(--agg-color-primary, #536dfe)"
                 }
               ) : null
@@ -240,21 +240,21 @@ var AccountsWalletsTab = ({
       /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2", children: [
         /* @__PURE__ */ jsxs2(AccountRow, { children: [
           /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx2("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx2(Icon, { name: "twitter", size: "s", color: "currentColor" }) }),
+            /* @__PURE__ */ jsx2("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx2(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
             /* @__PURE__ */ jsx2("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "X (Twitter)" })
           ] }),
           (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ jsx2(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ jsx2(ConnectTextButton, { onClick: onConnectTwitter })
         ] }),
         /* @__PURE__ */ jsxs2(AccountRow, { children: [
           /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx2("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-[#5865F2]", children: /* @__PURE__ */ jsx2(Icon, { name: "discord", size: "s", color: "currentColor" }) }),
+            /* @__PURE__ */ jsx2("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-[#5865F2]", children: /* @__PURE__ */ jsx2(Icon, { name: "discord", size: "small", color: "currentColor" }) }),
             /* @__PURE__ */ jsx2("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Discord" })
           ] }),
           (discord == null ? void 0 : discord.connected) ? /* @__PURE__ */ jsx2(DisconnectTextButton, { onClick: onDisconnectDiscord }) : /* @__PURE__ */ jsx2(ConnectTextButton, { onClick: onConnectDiscord })
         ] }),
         /* @__PURE__ */ jsxs2(AccountRow, { children: [
           /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx2("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-[#26A5E4]", children: /* @__PURE__ */ jsx2(Icon, { name: "telegram", size: "s", color: "currentColor" }) }),
+            /* @__PURE__ */ jsx2("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-[#26A5E4]", children: /* @__PURE__ */ jsx2(Icon, { name: "telegram", size: "small", color: "currentColor" }) }),
             /* @__PURE__ */ jsx2("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Telegram" })
           ] }),
           (telegram == null ? void 0 : telegram.connected) ? /* @__PURE__ */ jsx2(DisconnectTextButton, { onClick: onDisconnectTelegram }) : /* @__PURE__ */ jsx2(ConnectTextButton, { onClick: onConnectTelegram })
@@ -276,10 +276,10 @@ var AccountsWalletsTab = ({
           ),
           children: [
             /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx2("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx2(Icon, { name: "email", size: "s", color: "currentColor" }) }),
+              /* @__PURE__ */ jsx2("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx2(Icon, { name: "email", size: "small", color: "currentColor" }) }),
               /* @__PURE__ */ jsx2("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: email != null ? email : "Connect email" })
             ] }),
-            /* @__PURE__ */ jsx2(Icon, { name: "chevron-right", size: "s", color: "currentColor" })
+            /* @__PURE__ */ jsx2(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
           ]
         }
       )
@@ -313,19 +313,31 @@ var ProfileModal = ({
   const [draftUsername, setDraftUsername] = useState(username != null ? username : "");
   const [draftAvatarFile, setDraftAvatarFile] = useState();
   const [draftAvatarPreview, setDraftAvatarPreview] = useState();
+  const [isSaving, setIsSaving] = useState(false);
   useEffect(() => {
     setDraftUsername(username != null ? username : "");
   }, [username]);
-  const handleOpenChange = (isOpen) => {
-    if (!isOpen) {
-      setActiveTab(PROFILE_TAB_KEYS.ABOUT);
-      setIsSaving(false);
-      setDraftUsername(username != null ? username : "");
-      setDraftAvatarFile(void 0);
-      setDraftAvatarPreview(void 0);
-    }
-    onOpenChange(isOpen);
-  };
+  const handleOpenChange = useCallback2(
+    (isOpen) => {
+      if (!isOpen) {
+        setActiveTab(PROFILE_TAB_KEYS.ABOUT);
+        setIsSaving(false);
+        setDraftUsername(username != null ? username : "");
+        setDraftAvatarFile(void 0);
+        setDraftAvatarPreview(void 0);
+      }
+      onOpenChange(isOpen);
+    },
+    [
+      onOpenChange,
+      username,
+      setActiveTab,
+      setIsSaving,
+      setDraftUsername,
+      setDraftAvatarFile,
+      setDraftAvatarPreview
+    ]
+  );
   const handleDraftAvatarChange = useCallback2(
     (file, preview) => {
       setDraftAvatarFile(file);
@@ -333,7 +345,6 @@ var ProfileModal = ({
     },
     []
   );
-  const [isSaving, setIsSaving] = useState(false);
   const hasChanges = draftUsername !== (username != null ? username : "") || draftAvatarFile !== void 0;
   const handleSave = useCallback2(() => {
     setIsSaving(true);
@@ -349,7 +360,7 @@ var ProfileModal = ({
   }, [draftUsername, draftAvatarFile, draftAvatarPreview, onSave, onOpenChange]);
   const handleCancel = useCallback2(() => {
     handleOpenChange(false);
-  }, [onOpenChange, username]);
+  }, [handleOpenChange]);
   return /* @__PURE__ */ jsx3(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs3(Modal.Container, { maxWidth: "800px", "aria-label": "Edit Profile", children: [
     /* @__PURE__ */ jsx3(Modal.Header, { title: "Edit Profile" }),
     /* @__PURE__ */ jsx3(Modal.Body, { children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col sm:flex-row sm:gap-10", children: [
@@ -369,7 +380,7 @@ var ProfileModal = ({
                 isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover border-agg-primary" : "font-agg-normal text-agg-foreground border-transparent"
               ),
               children: [
-                /* @__PURE__ */ jsx3(Icon, { name: tab.icon, size: "s", color: "currentColor" }),
+                /* @__PURE__ */ jsx3(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
                 /* @__PURE__ */ jsx3("span", { className: "whitespace-nowrap", children: tab.label })
               ]
             },
@@ -407,7 +418,7 @@ var ProfileModal = ({
                   ),
                   children: [
                     isActive ? /* @__PURE__ */ jsx3("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                    /* @__PURE__ */ jsx3(Icon, { name: tab.icon, size: "s", color: "currentColor" }),
+                    /* @__PURE__ */ jsx3(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
                     /* @__PURE__ */ jsx3("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
                   ]
                 },
@@ -450,12 +461,12 @@ var ProfileModal = ({
       ] })
     ] }) }),
     /* @__PURE__ */ jsxs3(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx3(Button, { variant: "secondary", size: "l", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+      /* @__PURE__ */ jsx3(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
       /* @__PURE__ */ jsx3(
         Button,
         {
           variant: "primary",
-          size: "l",
+          size: "large",
           disabled: !hasChanges,
           isLoading: isSaving,
           onClick: handleSave,

package/dist/{chunk-VUDJ3PYM.mjs → chunk-O46OFVH6.mjs}

@@ -5,23 +5,23 @@ import {
 } from "./chunk-OBCHURW5.mjs";
 import {
   Tabs
-} from "./chunk-LWTQD345.mjs";
+} from "./chunk-S3H63TQ5.mjs";
 import {
   Skeleton,
   skeletonViews
-} from "./chunk-JH5VMNDL.mjs";
+} from "./chunk-V52WSZHQ.mjs";
 import {
   VenueLogo
-} from "./chunk-BLSHXIAH.mjs";
+} from "./chunk-D7JTOGYP.mjs";
 import {
   Icon
-} from "./chunk-F236MLT6.mjs";
+} from "./chunk-PZTHM6WG.mjs";
 import {
   Button
-} from "./chunk-PGSPYQOW.mjs";
+} from "./chunk-KAGYJ4XT.mjs";
 import {
   Card
-} from "./chunk-3O4U3E5I.mjs";
+} from "./chunk-FO2QCB4Z.mjs";
 import {
   cn,
   getMotionClassName
@@ -77,6 +77,26 @@ var getResultValueClassName = (tone) => {
     return "text-agg-foreground";
   return "text-agg-success";
 };
+var negativeOutcomePattern = /\b(no|down|against|under|lose|false)\b/i;
+var resolveIsPositiveOutcome = (outcome, index) => {
+  const outcomeText = `${outcome.id} ${outcome.label}`;
+  if (negativeOutcomePattern.test(outcomeText))
+    return false;
+  if (index === 1)
+    return false;
+  return true;
+};
+var getOutcomeButtonClassName = ({
+  enableAnimations,
+  isActive,
+  isPositive
+}) => {
+  return cn(
+    "flex-1 cursor-pointer rounded-agg-full border px-6 py-2.5 text-agg-base leading-agg-6",
+    getMotionClassName(enableAnimations, "transition-all duration-300 ease-in-out"),
+    isActive ? isPositive ? "border-transparent bg-[#18c15c] font-agg-bold text-agg-on-primary" : "border-transparent bg-[#e5455f] font-agg-bold text-agg-on-primary" : "border-transparent bg-agg-secondary-hover font-agg-normal text-agg-foreground hover:bg-agg-tertiary"
+  );
+};
 var getStatusContent = ({
   placement,
   status,
@@ -179,7 +199,7 @@ var PlaceOrder = ({
   const actionButton = /* @__PURE__ */ jsx(
     Button,
     {
-      size: "xxl",
+      size: "large",
       className: "w-full",
       disabled: isPrimaryActionDisabled,
       isLoading: isPrimaryActionLoading,
@@ -213,7 +233,7 @@ var PlaceOrder = ({
               Icon,
               {
                 name: "close",
-                size: "m",
+                size: "medium",
                 className: "h-6 w-6 text-agg-foreground",
                 color: "currentColor"
               }
@@ -233,21 +253,25 @@ var PlaceOrder = ({
         variant: "underline",
         size: "s",
         overflowBehavior: "scroll",
-        className: "w-full"
+        classNames: {
+          root: "w-full",
+          tabList: "w-full"
+        }
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex w-full gap-2", children: outcomes.map((outcome) => {
+      /* @__PURE__ */ jsx("div", { className: "flex w-full gap-2", children: outcomes.map((outcome, index) => {
         const isActive = outcome.id === resolvedOutcomeId;
+        const isPositive = resolveIsPositiveOutcome(outcome, index);
         return /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
-            className: cn(
-              "flex-1 rounded-agg-full px-6 py-2.5 text-agg-base leading-agg-6",
-              getMotionClassName(enableAnimations, "transition-colors"),
-              isActive ? "bg-agg-success font-agg-bold text-agg-on-primary" : "bg-agg-secondary-hover font-agg-normal text-agg-foreground"
-            ),
+            className: getOutcomeButtonClassName({
+              enableAnimations,
+              isActive,
+              isPositive
+            }),
             "aria-pressed": isActive,
             "aria-label": `${outcome.label} ${outcome.priceLabel}`,
             onClick: () => handleOutcomeChange(outcome.id),
@@ -290,7 +314,7 @@ var PlaceOrder = ({
                       VenueLogo,
                       {
                         venue: row.venue,
-                        size: "s",
+                        size: "small",
                         ariaLabel: getTradingVenueLabel(row.venue)
                       }
                     ),

package/dist/{chunk-RXACBTON.mjs → chunk-OA2IZ3VW.mjs}

@@ -1,15 +1,15 @@
 import {
   LoadingIcon
-} from "./chunk-OGI343OV.mjs";
+} from "./chunk-IGPNIM2B.mjs";
 import {
   VenueLogo
-} from "./chunk-BLSHXIAH.mjs";
+} from "./chunk-D7JTOGYP.mjs";
 import {
   Icon
-} from "./chunk-F236MLT6.mjs";
+} from "./chunk-PZTHM6WG.mjs";
 import {
   Button
-} from "./chunk-PGSPYQOW.mjs";
+} from "./chunk-KAGYJ4XT.mjs";
 import {
   AGG_ROOT_CLASS_NAME,
   __spreadProps,
@@ -244,7 +244,7 @@ var ConnectButton = ({
       Button,
       __spreadProps(__spreadValues({
         variant: "primary",
-        size: "l",
+        size: "large",
         className: classNames == null ? void 0 : classNames.connectButton,
         onClick: handleConnectClick,
         disabled: isConnectDisabled,
@@ -259,7 +259,7 @@ var ConnectButton = ({
       Button,
       __spreadProps(__spreadValues({
         variant: "primary",
-        size: "l",
+        size: "large",
         className: classNames == null ? void 0 : classNames.signInButton,
         onClick: handleSignInClick,
         disabled: disabled || !hasWalletAddress,
@@ -276,7 +276,7 @@ var ConnectButton = ({
         Button,
         {
           variant: "primary",
-          size: "xxs",
+          size: "small",
           className: cn("h-6 px-3 text-agg-xs leading-agg-4", classNames == null ? void 0 : classNames.depositButton),
           onClick: handleDepositClick,
           disabled,
@@ -284,13 +284,7 @@ var ConnectButton = ({
           children: labels.auth.deposit
         }
       ),
-      /* @__PURE__ */ jsx(
-        "p",
-        {
-          className: cn("text-agg-sm leading-none text-agg-foreground", classNames == null ? void 0 : classNames.balanceText),
-          children: isBalanceLoading ? /* @__PURE__ */ jsx(LoadingIcon, { size: "s" }) : formatUsd(totalBalance)
-        }
-      )
+      /* @__PURE__ */ jsx("p", { className: cn("agg-type-label text-agg-foreground", classNames == null ? void 0 : classNames.balanceText), children: isBalanceLoading ? /* @__PURE__ */ jsx(LoadingIcon, { size: "small" }) : formatUsd(totalBalance) })
     ] }),
     /* @__PURE__ */ jsxs(DropdownMenu.Root, { open: isProfileMenuOpen, onOpenChange: handleProfileMenuOpenChange, children: [
       /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -310,7 +304,7 @@ var ConnectButton = ({
               "span",
               {
                 className: cn(
-                  "text-agg-base font-agg-bold leading-none text-agg-foreground",
+                  "agg-type-body-strong text-agg-foreground",
                   classNames == null ? void 0 : classNames.profileTriggerLabel
                 ),
                 children: resolvedProfileLabel
@@ -320,7 +314,7 @@ var ConnectButton = ({
               Icon,
               {
                 name: isProfileMenuOpen ? "chevron-up" : "chevron-down",
-                size: "s",
+                size: "small",
                 className: "h-3.5 w-3.5 text-agg-foreground",
                 "aria-hidden": "true"
               }
@@ -378,7 +372,7 @@ var ConnectButton = ({
                   Button,
                   {
                     variant: "tertiary",
-                    size: "xxs",
+                    size: "small",
                     className: "h-6 px-3 text-agg-xs leading-agg-4",
                     onClick: handleViewAllBalancesClick,
                     children: labels.auth.viewAll
@@ -387,7 +381,7 @@ var ConnectButton = ({
               ] }) }),
               !isBalanceLoading ? resolvedBalanceRows.map((row) => /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-                  row.venue ? /* @__PURE__ */ jsx(VenueLogo, { venue: row.venue, size: "s" }) : null,
+                  row.venue ? /* @__PURE__ */ jsx(VenueLogo, { venue: row.venue, size: "small" }) : null,
                   /* @__PURE__ */ jsx("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: row.label })
                 ] }),
                 /* @__PURE__ */ jsx("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: row.amountLabel })
@@ -407,7 +401,7 @@ var ConnectButton = ({
                   onSelect: handleProfileItemClick,
                   disabled,
                   children: [
-                    /* @__PURE__ */ jsx(Icon, { name: "profile", size: "s", className: "text-agg-foreground" }),
+                    /* @__PURE__ */ jsx(Icon, { name: "profile", size: "small", className: "text-agg-foreground" }),
                     /* @__PURE__ */ jsx("span", { children: labels.auth.myProfile })
                   ]
                 }
@@ -419,7 +413,7 @@ var ConnectButton = ({
                   onSelect: handleDepositClick,
                   disabled,
                   children: [
-                    /* @__PURE__ */ jsx(Icon, { name: "download", size: "s", className: "text-agg-foreground" }),
+                    /* @__PURE__ */ jsx(Icon, { name: "download", size: "small", className: "text-agg-foreground" }),
                     /* @__PURE__ */ jsx("span", { children: labels.auth.deposit })
                   ]
                 }
@@ -431,7 +425,7 @@ var ConnectButton = ({
                   onSelect: handleWithdrawClick,
                   disabled,
                   children: [
-                    /* @__PURE__ */ jsx(Icon, { name: "upload", size: "s", className: "text-agg-foreground" }),
+                    /* @__PURE__ */ jsx(Icon, { name: "upload", size: "small", className: "text-agg-foreground" }),
                     /* @__PURE__ */ jsx("span", { children: labels.auth.withdraw })
                   ]
                 }
@@ -443,7 +437,7 @@ var ConnectButton = ({
                   onSelect: handleDisconnectClick,
                   disabled,
                   children: [
-                    /* @__PURE__ */ jsx(Icon, { name: "disconnect", size: "s", className: "text-agg-foreground" }),
+                    /* @__PURE__ */ jsx(Icon, { name: "disconnect", size: "small", className: "text-agg-foreground" }),
                     /* @__PURE__ */ jsx("span", { children: labels.auth.disconnect })
                   ]
                 }

package/dist/{chunk-F236MLT6.mjs → chunk-PZTHM6WG.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-BNDFQPHF.mjs";
 import {
   iconSizeClasses
-} from "./chunk-ZVBVGWSP.mjs";
+} from "./chunk-FO263M3V.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -69,14 +69,10 @@ var ArrowsToDotIcon = (_a) => {
         /* @__PURE__ */ jsx2(
           "path",
           {
-            d: "M8 2V5M8 11V14M2 8H5M11 8H14M3.76 3.76L5.9 5.9M10.1 10.1L12.24 12.24M12.24 3.76L10.1 5.9M5.9 10.1L3.76 12.24",
-            stroke: "currentColor",
-            strokeWidth: "1.25",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            d: "M8 6.66667C8.73667 6.66667 9.33333 7.26333 9.33333 8C9.33333 8.73667 8.73667 9.33333 8 9.33333C7.26333 9.33333 6.66667 8.73667 6.66667 8C6.66667 7.26333 7.26333 6.66667 8 6.66667ZM5.27867 7.05733L3.39267 5.17133C3.132 4.91067 2.71067 4.91067 2.45 5.17133C2.18933 5.432 2.18933 5.854 2.45 6.114L3.67467 7.33333H0.666667C0.298 7.33333 0 7.632 0 8C0 8.368 0.298 8.66667 0.666667 8.66667H3.662L2.44867 9.88667C2.18867 10.148 2.19 10.5693 2.45133 10.8293C2.71267 11.0893 3.13467 11.088 3.394 10.8267L5.27933 8.93133C5.79467 8.41467 5.79467 7.574 5.27933 7.05667L5.27867 7.05733ZM7.068 5.278C7.56133 5.79267 8.45 5.79267 8.94267 5.278L10.828 3.392C11.0887 3.13133 11.0887 2.70933 10.828 2.44933C10.5673 2.18867 10.146 2.18867 9.88533 2.44933L8.66667 3.674V0.666667C8.66667 0.298667 8.36867 0 8 0C7.63133 0 7.33333 0.298667 7.33333 0.666667V3.662L6.11333 2.44867C5.852 2.18867 5.43067 2.19 5.17067 2.45133C4.91067 2.71267 4.912 3.13467 5.17333 3.394L7.068 5.278ZM8.94267 10.7213C8.42667 10.2053 7.58533 10.2053 7.06867 10.72L5.17267 12.606C4.91133 12.866 4.91 13.2873 5.17 13.5487C5.42933 13.8093 5.85067 13.8113 6.11267 13.5513L7.33267 12.3307V15.3333C7.33267 15.702 7.63067 16 7.99933 16C8.368 16 8.666 15.702 8.666 15.3333V12.3307L9.88467 13.55C10.1453 13.8107 10.5667 13.8107 10.8273 13.55C11.088 13.2893 11.088 12.868 10.8273 12.6073L8.94267 10.7213ZM15.3333 7.33333H12.3307L13.55 6.114C13.8107 5.854 13.8107 5.432 13.55 5.17133C13.2893 4.91067 12.868 4.91067 12.6073 5.17133L10.7213 7.05733C10.2053 7.574 10.2047 8.41467 10.72 8.93133L12.606 10.8273C12.866 11.088 13.2873 11.09 13.5487 10.83C13.81 10.57 13.8113 10.1487 13.5513 9.88733L12.3307 8.66733H15.3333C15.702 8.66733 16 8.36867 16 8.00067C16 7.63267 15.702 7.334 15.3333 7.334V7.33333Z",
+            fill: "currentColor"
           }
-        ),
-        /* @__PURE__ */ jsx2("circle", { cx: "8", cy: "8", r: "1.5", fill: "currentColor" })
+        )
       ]
     })
   );
@@ -1279,7 +1275,7 @@ var Icon = (_a) => {
   var _b = _a, {
     name,
     color,
-    size = "m",
+    size = "medium",
     className = "text-agg-primary",
     style
   } = _b, props = __objRest(_b, [
@@ -1292,7 +1288,14 @@ var Icon = (_a) => {
   const Component = iconRegistry[name];
   const resolvedStyle = resolveIconStyle(color, style);
   const resolvedClassName = cn(iconSizeClasses[size], className);
-  return /* @__PURE__ */ jsx41(Component, __spreadValues({ color, className: resolvedClassName, style: resolvedStyle }, props));
+  return /* @__PURE__ */ jsx41(
+    Component,
+    __spreadValues({
+      color,
+      className: cn("group/agg-icon", resolvedClassName),
+      style: resolvedStyle
+    }, props)
+  );
 };
 Icon.displayName = "Icon";