@agg-market/ui 6.0.0 → 7.0.0

package/dist/{chunk-5ZKPBMRK.mjs → chunk-AVHMI47G.mjs}

@@ -1,9 +1,6 @@
 import {
   Modal
-} from "./chunk-ADGL6RFX.mjs";
-import {
-  Select
-} from "./chunk-MHCHR65A.mjs";
+} from "./chunk-EEQPPN7N.mjs";
 import {
   BankIcon,
   BestPricesIcon,
@@ -21,6 +18,7 @@ import {
   LinkAccountsIcon,
   PlaySquareIcon,
   ProfileIcon,
+  Select,
   StayInControlIcon,
   VenueLogo,
   WalletIcon,
@@ -31,7 +29,7 @@ import {
   formatAmountDisplay,
   formatCompactUsd,
   venueLogoLabels
-} from "./chunk-HI4EEDN5.mjs";
+} from "./chunk-MUB7NYWZ.mjs";
 
 // src/deposit/index.tsx
 import { useState as useState3 } from "react";
@@ -51,9 +49,9 @@ var VenueRow = ({ venue, onSelect }) => {
     {
       className: cn(
         "flex items-center gap-3 sm:gap-4",
-        "rounded-xl border border-separator",
+        "rounded-xl border border-agg-separator",
         "p-3 sm:p-4",
-        "hover:bg-secondary-hover transition-colors cursor-pointer"
+        "hover:bg-agg-secondary-hover transition-colors cursor-pointer"
       ),
       role: "button",
       tabIndex: 0,
@@ -121,9 +119,9 @@ var DepositMethodCard = ({
   {
     className: cn(
       "flex items-center gap-3 sm:gap-4",
-      "rounded-xl border border-separator",
+      "rounded-xl border border-agg-separator",
       "p-3 sm:p-4",
-      "hover:bg-secondary-hover transition-colors cursor-pointer"
+      "hover:bg-agg-secondary-hover transition-colors cursor-pointer"
     ),
     role: "button",
     tabIndex: 0,
@@ -135,7 +133,7 @@ var DepositMethodCard = ({
       }
     },
     children: [
-      /* @__PURE__ */ jsx2("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-secondary-hover", children: icon }),
+      /* @__PURE__ */ jsx2("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
       /* @__PURE__ */ jsxs2("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsx2("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
         /* @__PURE__ */ jsx2("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
@@ -296,9 +294,9 @@ var CardDepositStep = ({
         {
           className: cn(
             "flex items-center gap-3",
-            "rounded-xl border border-separator",
+            "rounded-xl border border-agg-separator",
             "p-3 sm:p-4",
-            "hover:bg-secondary-hover transition-colors cursor-pointer"
+            "hover:bg-agg-secondary-hover transition-colors cursor-pointer"
           ),
           role: "button",
           tabIndex: 0,
@@ -467,7 +465,7 @@ var CryptoTransferStep = ({
             {
               className: cn(
                 "flex items-center gap-2",
-                "rounded border border-separator bg-secondary",
+                "rounded border border-agg-separator bg-agg-secondary",
                 "h-10 px-3"
               ),
               children: [
@@ -499,7 +497,7 @@ var KalshiStepCard = ({
   title,
   description,
   children
-}) => /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2 rounded-xl bg-secondary-hover p-4", children: [
+}) => /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2 rounded-xl bg-agg-secondary-hover p-4", children: [
   /* @__PURE__ */ jsxs5("p", { className: "agg-type-caption-caps text-agg-muted-foreground", children: [
     "Step ",
     step
@@ -689,10 +687,10 @@ var VenueRow2 = ({ venue, onSelect }) => {
     {
       className: cn(
         "flex items-center gap-3 sm:gap-4",
-        "rounded-xl border border-separator",
+        "rounded-xl border border-agg-separator",
         "p-3 sm:p-4",
         "transition-colors",
-        isDisabled ? "opacity-50 cursor-not-allowed" : "hover:bg-secondary-hover cursor-pointer"
+        isDisabled ? "opacity-50 cursor-not-allowed" : "hover:bg-agg-secondary-hover cursor-pointer"
       ),
       role: "button",
       tabIndex: isDisabled ? -1 : 0,
@@ -756,9 +754,9 @@ var WithdrawMethodCard = ({
   {
     className: cn(
       "flex items-center gap-3 sm:gap-4",
-      "rounded-xl border border-separator",
+      "rounded-xl border border-agg-separator",
       "p-3 sm:p-4",
-      "hover:bg-secondary-hover transition-colors cursor-pointer"
+      "hover:bg-agg-secondary-hover transition-colors cursor-pointer"
     ),
     role: "button",
     tabIndex: 0,
@@ -770,7 +768,7 @@ var WithdrawMethodCard = ({
       }
     },
     children: [
-      /* @__PURE__ */ jsx8("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-secondary-hover", children: icon }),
+      /* @__PURE__ */ jsx8("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
       /* @__PURE__ */ jsxs8("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsx8("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
         /* @__PURE__ */ jsx8("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
@@ -955,7 +953,7 @@ var KalshiStepCard2 = ({
   title,
   description,
   children
-}) => /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-2 rounded-xl bg-secondary-hover p-4", children: [
+}) => /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-2 rounded-xl bg-agg-secondary-hover p-4", children: [
   /* @__PURE__ */ jsxs10("p", { className: "agg-type-caption-caps text-agg-muted-foreground", children: [
     "Step ",
     step

package/dist/{chunk-ADGL6RFX.mjs → chunk-EEQPPN7N.mjs}

@@ -3,7 +3,7 @@ import {
   CloseIcon,
   cn,
   getMotionClassName
-} from "./chunk-HI4EEDN5.mjs";
+} from "./chunk-MUB7NYWZ.mjs";
 
 // src/primitives/modal/index.tsx
 import * as Dialog from "@radix-ui/react-dialog";

package/dist/{chunk-UBBOLLOS.mjs → chunk-EERL6BZF.mjs}

@@ -1,14 +1,12 @@
 import {
-  Select
-} from "./chunk-MHCHR65A.mjs";
-import {
+  Select,
   __objRest,
   __spreadProps,
   __spreadValues,
   cn,
   getMotionClassName,
   getScrollBehavior
-} from "./chunk-HI4EEDN5.mjs";
+} from "./chunk-MUB7NYWZ.mjs";
 
 // src/primitives/card/index.tsx
 import { useSdkUiConfig } from "@agg-market/hooks";

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

@@ -1,9 +1,12 @@
+import {
+  InlineAlert
+} from "./chunk-OAJBTVZT.mjs";
 import {
   Card,
   Skeleton,
   Tabs,
   skeletonViews
-} from "./chunk-UBBOLLOS.mjs";
+} from "./chunk-EERL6BZF.mjs";
 import {
   Button,
   Icon,
@@ -13,7 +16,7 @@ import {
   cn,
   formatUsd,
   getMotionClassName
-} from "./chunk-HI4EEDN5.mjs";
+} from "./chunk-MUB7NYWZ.mjs";
 
 // src/trading/utils.ts
 import { resolveAggUiLabels } from "@agg-market/hooks";
@@ -66,38 +69,6 @@ var getTradingSlippageLabel = (value) => {
 import { useEffect, useMemo, useState } from "react";
 import { useLabels, useSdkUiConfig } from "@agg-market/hooks";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var WarningFilledIcon = ({ className }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      viewBox: "0 0 16 16",
-      fill: "none",
-      className: cn("text-agg-warning", className),
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M8 1.33301L15.3333 14.6663H0.666656L8 1.33301Z", fill: "currentColor" }),
-        /* @__PURE__ */ jsx("path", { d: "M8 5.33301V8.66634", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }),
-        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "11.1667", r: "0.833333", fill: "white" })
-      ]
-    }
-  );
-};
-var ErrorFilledIcon = ({ className }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      viewBox: "0 0 16 16",
-      fill: "none",
-      className: cn("text-agg-error", className),
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "8", fill: "currentColor" }),
-        /* @__PURE__ */ jsx("path", { d: "M8 4.16699V8.50033", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }),
-        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "11.167", r: "0.833333", fill: "white" })
-      ]
-    }
-  );
-};
 var getPlaceOrderContainerClassName = () => {
   return "overflow-hidden rounded-agg-xl border border-agg-border bg-agg-secondary shadow-none hover:shadow-none";
 };
@@ -140,27 +111,17 @@ var getStatusContent = ({
   if (!status || status.placement !== placement)
     return null;
   if (status.tone === "warning") {
-    return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2", children: [
-      /* @__PURE__ */ jsx(WarningFilledIcon, { className: "h-4 w-4 shrink-0" }),
-      /* @__PURE__ */ jsx("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: status.message })
-    ] });
+    return /* @__PURE__ */ jsx(InlineAlert, { tone: "warning", message: status.message });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-agg-lg bg-agg-status-error-surface px-3 py-2.5", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-      /* @__PURE__ */ jsx(ErrorFilledIcon, { className: "h-4 w-4 shrink-0" }),
-      /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 text-agg-sm leading-agg-5 text-agg-foreground", children: status.message })
-    ] }),
-    status.actionLabel ? /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "shrink-0 text-agg-sm font-agg-bold leading-agg-5 text-agg-primary",
-        "aria-label": status.actionLabel,
-        onClick: onStatusAction,
-        children: status.actionLabel
-      }
-    ) : null
-  ] });
+  return /* @__PURE__ */ jsx(
+    InlineAlert,
+    {
+      tone: "error",
+      message: status.message,
+      actionLabel: status.actionLabel,
+      onAction: status.actionLabel ? onStatusAction : void 0
+    }
+  );
 };
 var PlaceOrder = ({
   title,

package/dist/{chunk-2ICOSP7N.mjs → chunk-L5U7RGJV.mjs}

@@ -3,19 +3,19 @@ import {
   EventListItemDetails,
   MarketDetails,
   isErrorWithStatus
-} from "./chunk-LMOJKJOY.mjs";
+} from "./chunk-6I474QXG.mjs";
 import {
   StateMessage,
   Typography
-} from "./chunk-CN7GI2RJ.mjs";
+} from "./chunk-ZYUJ7YEJ.mjs";
 import {
   PlaceOrder,
   Settlement
-} from "./chunk-G6YKGVQR.mjs";
+} from "./chunk-KQKLLL4D.mjs";
 import {
   Card,
   Tabs
-} from "./chunk-UBBOLLOS.mjs";
+} from "./chunk-EERL6BZF.mjs";
 import {
   Button,
   Icon,
@@ -23,7 +23,7 @@ import {
   __spreadProps,
   __spreadValues,
   cn
-} from "./chunk-HI4EEDN5.mjs";
+} from "./chunk-MUB7NYWZ.mjs";
 
 // src/pages/home/index.tsx
 import { useEffect, useMemo, useState } from "react";