@agg-market/ui 5.0.0 → 6.0.0

package/dist/{event-list.js → trading.js}

@@ -56,17 +56,116 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/events/list/index.tsx
-var list_exports = {};
-__export(list_exports, {
-  EventList: () => EventList
+// src/trading/index.ts
+var trading_exports = {};
+__export(trading_exports, {
+  PlaceOrder: () => PlaceOrder,
+  Settlement: () => Settlement,
+  defaultSettlementDifferencesTitle: () => defaultSettlementDifferencesTitle,
+  defaultSettlementSectionLabel: () => defaultSettlementSectionLabel,
+  defaultTradingDisclaimer: () => defaultTradingDisclaimer,
+  getTradingAveragePriceLabel: () => getTradingAveragePriceLabel,
+  getTradingBalanceLabel: () => getTradingBalanceLabel,
+  getTradingDateLabel: () => getTradingDateLabel,
+  getTradingPriceLabel: () => getTradingPriceLabel,
+  getTradingSharesLabel: () => getTradingSharesLabel,
+  getTradingSlippageLabel: () => getTradingSlippageLabel,
+  getTradingValueLabel: () => getTradingValueLabel,
+  getTradingVenueLabel: () => getTradingVenueLabel,
+  placeOrderMetricSchema: () => placeOrderMetricSchema,
+  placeOrderOutcomeSchema: () => placeOrderOutcomeSchema,
+  placeOrderResultSchema: () => placeOrderResultSchema,
+  placeOrderResultToneSchema: () => placeOrderResultToneSchema,
+  placeOrderRoutingRowSchema: () => placeOrderRoutingRowSchema,
+  placeOrderRoutingSchema: () => placeOrderRoutingSchema,
+  placeOrderRoutingToneSchema: () => placeOrderRoutingToneSchema,
+  placeOrderStatusPlacementSchema: () => placeOrderStatusPlacementSchema,
+  placeOrderStatusSchema: () => placeOrderStatusSchema,
+  placeOrderStatusToneSchema: () => placeOrderStatusToneSchema,
+  placeOrderTabSchema: () => placeOrderTabSchema,
+  placeOrderViewModelSchema: () => placeOrderViewModelSchema,
+  settlementVenueSchema: () => settlementVenueSchema,
+  settlementViewModelSchema: () => settlementViewModelSchema,
+  tradingVenueSchema: () => tradingVenueSchema
+});
+module.exports = __toCommonJS(trading_exports);
+
+// src/trading/types.ts
+var import_zod = require("zod");
+var tradingVenueSchema = import_zod.z.enum(["polymarket", "kalshi", "opinion", "probable"]);
+var settlementVenueSchema = import_zod.z.object({
+  venue: tradingVenueSchema,
+  label: import_zod.z.string().optional(),
+  description: import_zod.z.string().min(1),
+  showMoreLabel: import_zod.z.string().optional()
+});
+var settlementViewModelSchema = import_zod.z.object({
+  sectionLabel: import_zod.z.string().min(1),
+  question: import_zod.z.string().min(1),
+  differencesTitle: import_zod.z.string().min(1),
+  differences: import_zod.z.array(import_zod.z.string().min(1)).min(1),
+  venues: import_zod.z.array(settlementVenueSchema).min(1),
+  defaultExpandedVenue: tradingVenueSchema.nullable().optional()
+});
+var placeOrderTabSchema = import_zod.z.enum(["buy", "sell"]);
+var placeOrderStatusToneSchema = import_zod.z.enum(["warning", "error"]);
+var placeOrderStatusPlacementSchema = import_zod.z.enum(["above-action", "below-action"]);
+var placeOrderRoutingToneSchema = import_zod.z.enum(["default", "highlighted"]);
+var placeOrderResultToneSchema = import_zod.z.enum(["default", "success"]);
+var placeOrderOutcomeSchema = import_zod.z.object({
+  id: import_zod.z.string().min(1),
+  label: import_zod.z.string().min(1),
+  priceLabel: import_zod.z.string().min(1)
+});
+var placeOrderMetricSchema = import_zod.z.object({
+  label: import_zod.z.string().min(1),
+  hint: import_zod.z.string().min(1),
+  value: import_zod.z.string().min(1)
+});
+var placeOrderRoutingRowSchema = import_zod.z.object({
+  venue: tradingVenueSchema,
+  label: import_zod.z.string().min(1),
+  priceLabel: import_zod.z.string().min(1)
+});
+var placeOrderRoutingSchema = import_zod.z.object({
+  tone: placeOrderRoutingToneSchema,
+  rows: import_zod.z.array(placeOrderRoutingRowSchema).min(1),
+  helperLabel: import_zod.z.string().min(1),
+  highlightLabel: import_zod.z.string().optional()
+});
+var placeOrderResultSchema = import_zod.z.object({
+  label: import_zod.z.string().min(1),
+  hint: import_zod.z.string().min(1),
+  value: import_zod.z.string().min(1),
+  tone: placeOrderResultToneSchema
+});
+var placeOrderStatusSchema = import_zod.z.object({
+  tone: placeOrderStatusToneSchema,
+  message: import_zod.z.string().min(1),
+  actionLabel: import_zod.z.string().optional(),
+  placement: placeOrderStatusPlacementSchema
+});
+var placeOrderViewModelSchema = import_zod.z.object({
+  title: import_zod.z.string().min(1),
+  marketDate: import_zod.z.union([import_zod.z.string(), import_zod.z.date()]),
+  marketImageUrl: import_zod.z.string().url().optional(),
+  activeTab: placeOrderTabSchema,
+  buyLabel: import_zod.z.string().min(1),
+  sellLabel: import_zod.z.string().min(1),
+  outcomes: import_zod.z.array(placeOrderOutcomeSchema).min(2),
+  selectedOutcomeId: import_zod.z.string().min(1),
+  primaryMetric: placeOrderMetricSchema,
+  routing: placeOrderRoutingSchema,
+  result: placeOrderResultSchema,
+  actionLabel: import_zod.z.string().min(1),
+  disclaimer: import_zod.z.string().min(1),
+  isDismissible: import_zod.z.boolean().optional(),
+  status: placeOrderStatusSchema.optional()
 });
-module.exports = __toCommonJS(list_exports);
-var import_react4 = require("react");
-var import_hooks14 = require("@agg-market/hooks");
 
-// src/primitives/card/index.tsx
+// src/trading/utils.ts
 var import_hooks = require("@agg-market/hooks");
+var import_dayjs = __toESM(require("dayjs"));
 
 // src/shared/utils.ts
 var cn = (...values) => values.filter(Boolean).join(" ");
@@ -78,22 +177,72 @@ var getMotionClassName = (enabled, ...values) => {
 var getScrollBehavior = (enabled) => {
   return enabled ? "smooth" : "auto";
 };
-var toDate = (value) => {
-  if (!value)
-    return null;
-  if (value instanceof Date)
-    return value;
-  const parsed = new Date(value);
-  if (Number.isNaN(parsed.getTime()))
-    return null;
-  return parsed;
+var formatUsd = (value) => {
+  if (!Number.isFinite(value))
+    return "$0";
+  return value.toLocaleString("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 2
+  });
 };
 
+// src/trading/utils.ts
+var defaultLabels = (0, import_hooks.resolveAggUiLabels)("en-US");
+var defaultSettlementSectionLabel = defaultLabels.trading.settlementSection;
+var defaultSettlementDifferencesTitle = defaultLabels.trading.settlementDifferencesTitle;
+var defaultTradingDisclaimer = defaultLabels.trading.disclaimer;
+var getTradingDateLabel = (value) => {
+  const parsedValue = (0, import_dayjs.default)(value);
+  if (!parsedValue.isValid()) {
+    return typeof value === "string" ? value : "";
+  }
+  return parsedValue.format("MMM D, YYYY");
+};
+var getTradingVenueLabel = (venue, label) => {
+  if (label)
+    return label;
+  return defaultLabels.venues[venue];
+};
+var getTradingValueLabel = ({
+  amount,
+  minimumFractionDigits = 0,
+  maximumFractionDigits = 2
+}) => {
+  return amount.toLocaleString("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits,
+    maximumFractionDigits
+  });
+};
+var getTradingPriceLabel = (value) => {
+  return `${Math.round(value * 100)}\xA2`;
+};
+var getTradingAveragePriceLabel = (value) => {
+  return defaultLabels.trading.averagePrice(value);
+};
+var getTradingBalanceLabel = (value) => {
+  return defaultLabels.trading.balance(formatUsd(value));
+};
+var getTradingSharesLabel = (value) => {
+  return defaultLabels.trading.shares(value);
+};
+var getTradingSlippageLabel = (value) => {
+  return defaultLabels.trading.slippage(value);
+};
+
+// src/trading/settlement/index.tsx
+var import_react = require("react");
+var import_hooks10 = require("@agg-market/hooks");
+
 // src/primitives/card/index.tsx
+var import_hooks2 = require("@agg-market/hooks");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Card = (_a) => {
   var _b = _a, { className, onClick } = _b, props = __objRest(_b, ["className", "onClick"]);
-  const { enableAnimations } = (0, import_hooks.useSdkUiConfig)();
+  const { enableAnimations } = (0, import_hooks2.useSdkUiConfig)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadValues(__spreadValues({
@@ -1444,13 +1593,13 @@ var Icon = (_a) => {
 Icon.displayName = "Icon";
 
 // src/primitives/skeleton/views/event-list-skeleton-view.tsx
-var import_hooks4 = require("@agg-market/hooks");
+var import_hooks5 = require("@agg-market/hooks");
 
 // src/primitives/skeleton/skeleton-block.tsx
-var import_hooks2 = require("@agg-market/hooks");
+var import_hooks3 = require("@agg-market/hooks");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var SkeletonBlock = ({ className }) => {
-  const { enableAnimations } = (0, import_hooks2.useSdkUiConfig)();
+  const { enableAnimations } = (0, import_hooks3.useSdkUiConfig)();
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "div",
     {
@@ -1466,7 +1615,7 @@ var SkeletonBlock = ({ className }) => {
 SkeletonBlock.displayName = "SkeletonBlock";
 
 // src/primitives/skeleton/views/event-list-item-skeleton-view.tsx
-var import_hooks3 = require("@agg-market/hooks");
+var import_hooks4 = require("@agg-market/hooks");
 
 // src/events/item/event-list-item.constants.ts
 var baseCardClassName = "gap-3 overflow-hidden p-5 w-full";
@@ -1478,7 +1627,7 @@ var EventListItemSkeletonView = ({
   ariaLabel,
   isStandalone = false
 }) => {
-  const labels = (0, import_hooks3.useLabels)();
+  const labels = (0, import_hooks4.useLabels)();
   const outcomeTitleWidths = ["w-40", "w-[200px]"];
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     Card,
@@ -1516,7 +1665,7 @@ EventListItemSkeletonView.displayName = "EventListItemSkeletonView";
 // src/primitives/skeleton/views/event-list-skeleton-view.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var EventListSkeletonView = ({ className, ariaLabel }) => {
-  const labels = (0, import_hooks4.useLabels)();
+  const labels = (0, import_hooks5.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "section",
     {
@@ -1544,7 +1693,7 @@ var EventListSkeletonView = ({ className, ariaLabel }) => {
 EventListSkeletonView.displayName = "EventListSkeletonView";
 
 // src/primitives/skeleton/views/event-list-item-details-skeleton-view.tsx
-var import_hooks5 = require("@agg-market/hooks");
+var import_hooks6 = require("@agg-market/hooks");
 
 // src/events/item-details/event-list-item-details.constants.ts
 var detailsBaseCardClassName = "w-full overflow-hidden gap-6 p-5 md:gap-8 md:p-10";
@@ -1555,7 +1704,7 @@ var EventListItemDetailsSkeletonView = ({
   className,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks5.useLabels)();
+  const labels = (0, import_hooks6.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     Card,
     {
@@ -1592,7 +1741,7 @@ var EventListItemDetailsSkeletonView = ({
 EventListItemDetailsSkeletonView.displayName = "EventListItemDetailsSkeletonView";
 
 // src/primitives/skeleton/views/market-details-skeleton-view.tsx
-var import_hooks6 = require("@agg-market/hooks");
+var import_hooks7 = require("@agg-market/hooks");
 
 // src/events/market-details/market-details.constants.ts
 var marketDetailsBaseCardClassName = "w-full overflow-hidden rounded-agg-lg border border-agg-separator bg-agg-secondary text-agg-foreground shadow-none hover:shadow-none";
@@ -1675,7 +1824,7 @@ var MarketDetailsSkeletonView = ({
   ariaLabel,
   isDetailed
 }) => {
-  const labels = (0, import_hooks6.useLabels)();
+  const labels = (0, import_hooks7.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     Card,
     {
@@ -1760,13 +1909,13 @@ var PlaceOrderSkeletonView = ({
 PlaceOrderSkeletonView.displayName = "PlaceOrderSkeletonView";
 
 // src/primitives/skeleton/views/settlement-skeleton-view.tsx
-var import_hooks7 = require("@agg-market/hooks");
+var import_hooks8 = require("@agg-market/hooks");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var SettlementSkeletonView = ({
   className,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks7.useLabels)();
+  const labels = (0, import_hooks8.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     Card,
     {
@@ -1843,324 +1992,804 @@ var Skeleton = ({ view, className, ariaLabel }) => {
 };
 Skeleton.displayName = "Skeleton";
 
-// src/primitives/button/index.tsx
-var import_hooks8 = require("@agg-market/hooks");
+// src/primitives/venue-logo/index.tsx
+var import_hooks9 = require("@agg-market/hooks");
 
-// src/primitives/button/button.constants.ts
-var sizeClasses = {
-  small: cn("h-8 px-4 gap-1.5", "text-agg-sm leading-agg-5"),
-  medium: cn("h-9 px-5 gap-1.5", "text-agg-sm leading-agg-5"),
-  large: cn("h-10 px-6 gap-2", "text-agg-base leading-agg-6")
-};
-var iconSizeClasses2 = {
-  small: iconSizeClasses.small,
-  medium: iconSizeClasses.small,
-  large: iconSizeClasses.small
-};
-var iconSlotClasses = {
-  small: "[&_svg]:h-4 [&_svg]:w-4",
-  medium: "[&_svg]:h-4 [&_svg]:w-4",
-  large: "[&_svg]:h-4 [&_svg]:w-4"
-};
-var variantClasses = {
-  primary: cn(
-    "bg-agg-primary text-agg-on-primary",
-    "hover:bg-agg-primary-hover",
-    "disabled:bg-agg-separator disabled:text-agg-on-primary",
-    "focus-visible:ring-agg-primary-hover"
-  ),
-  secondary: cn(
-    "border border-agg-separator bg-agg-secondary text-agg-foreground",
-    "hover:bg-agg-secondary-hover",
-    "disabled:bg-agg-secondary disabled:text-agg-muted-foreground disabled:border-agg-separator",
-    "focus-visible:ring-agg-separator"
-  ),
-  tertiary: cn(
-    "bg-transparent text-agg-primary",
-    "hover:text-agg-primary-hover",
-    "disabled:bg-transparent disabled:text-agg-muted-foreground",
-    "focus-visible:ring-agg-separator",
-    "px-0! py-0! h-fit!"
-  )
+// src/primitives/venue-logo/logo-props.ts
+var DEFAULT_MONOCHROME_COLOR = "currentColor";
+var resolveLogoPrimaryColor = ({
+  brandColor,
+  isColor = true,
+  color
+}) => {
+  if (typeof color === "string" && color.trim())
+    return color;
+  if (!isColor)
+    return DEFAULT_MONOCHROME_COLOR;
+  return brandColor;
 };
-var baseButtonClasses = cn(
-  "cursor-pointer disabled:cursor-not-allowed",
-  "inline-flex items-center justify-center rounded-agg-full font-agg-sans font-agg-bold text-center",
-  "whitespace-nowrap",
-  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary"
-);
 
-// src/primitives/button/index.tsx
+// src/primitives/venue-logo/svg/logo-kalshi.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
-var Button = (_a) => {
+var KALSHI_GREEN = "#18C590";
+var LogoKalshiIcon = (_a) => {
   var _b = _a, {
-    children,
-    variant = "primary",
-    size = "medium",
-    isLoading = false,
-    disabled,
-    prefix,
-    suffix,
-    type = "button",
+    title,
     className,
-    "aria-label": ariaLabel
-  } = _b, other = __objRest(_b, [
-    "children",
-    "variant",
-    "size",
-    "isLoading",
-    "disabled",
-    "prefix",
-    "suffix",
-    "type",
+    isColor = true,
+    color
+  } = _b, props = __objRest(_b, [
+    "title",
     "className",
-    "aria-label"
+    "isColor",
+    "color"
   ]);
-  const { enableAnimations } = (0, import_hooks8.useSdkUiConfig)();
-  const isDisabled = disabled || isLoading;
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-    "button",
-    __spreadProps(__spreadValues({
-      type,
-      className: cn(
-        "group/agg-button",
-        baseButtonClasses,
-        getMotionClassName(enableAnimations, "transition-colors duration-200 ease-in-out"),
-        sizeClasses[size],
-        iconSlotClasses[size],
-        variantClasses[variant],
-        className
-      ),
-      disabled: isDisabled,
-      "aria-busy": isLoading,
-      "aria-label": ariaLabel
-    }, other), {
-      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-        "span",
-        {
-          className: cn(
-            "inline-block rounded-agg-full border-2 border-current border-r-transparent",
-            getMotionClassName(enableAnimations, "animate-spin"),
-            iconSizeClasses2[size]
-          ),
-          "aria-hidden": "true"
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-        prefix != null ? prefix : null,
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children }),
-        suffix != null ? suffix : null
-      ] })
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: KALSHI_GREEN,
+    isColor,
+    color
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          "path",
+          {
+            d: "M54.9798 47.579L79.4249 85.9995H58.2273L38.2531 52.9344V85.9995H20.4189V13.9995H38.2531V45.4356L59.6547 13.9995H78.7119L54.9798 47.579Z",
+            fill: primaryColor
+          }
+        )
+      ]
     })
   );
 };
-Button.displayName = "Button";
+LogoKalshiIcon.displayName = "LogoKalshiIcon";
 
-// src/primitives/search/search-empty-icon.tsx
+// src/primitives/venue-logo/svg/logo-opinion.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
-var SearchEmptyIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+var OPINION_BLACK = "#000000";
+var LogoOpinionIcon = (_a) => {
+  var _b = _a, {
+    title,
+    className,
+    isColor = true,
+    color
+  } = _b, props = __objRest(_b, [
+    "title",
+    "className",
+    "isColor",
+    "color"
+  ]);
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: OPINION_BLACK,
+    isColor,
+    color
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 40 40",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
         title ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("circle", { cx: "19.9987", cy: "20.0013", r: "9.2", stroke: "currentColor", strokeWidth: "1.6" }),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-          "ellipse",
+          "path",
           {
-            cx: "19.9987",
-            cy: "20.0012",
-            rx: "17.2",
-            ry: "6.6",
-            transform: "rotate(-35 19.9987 20.0012)",
-            stroke: "currentColor",
-            strokeWidth: "1.6"
+            d: "M51.8239 68.4603L56.9659 68.0094L58.8049 89.0576C61.1459 88.5314 63.4349 87.7952 65.6437 86.8578V68.1879H71.9955V83.4385C74.6496 81.6828 77.0863 79.619 79.2548 77.2898L80.0716 67.958L85.516 68.433C88.6185 62.4381 90.156 55.7558 89.9858 49.0072C89.8154 42.2584 87.9429 35.6623 84.542 29.8316L84.3394 32.1494L77.9876 31.5927L78.8042 22.2668C76.7468 20.1288 74.4594 18.225 71.9835 16.5902V31.9164H65.6317V13.1739C62.9224 12.0205 60.0929 11.173 57.1957 10.6473L59.0317 31.6441L53.8897 32.0949L51.9599 10.0482C51.3128 10.0179 50.6593 9.99976 50.006 9.99976C47.4581 9.99976 44.9161 10.2419 42.414 10.723L46.0438 31.3899L42.1297 32.0798L38.5304 11.6701C35.1755 12.6725 31.9677 14.1143 28.9905 15.9578L33.0435 31.0873L29.9705 31.9134L26.2018 17.8369C23.2938 19.9923 20.6902 22.5308 18.4615 25.3835L20.4246 30.7787L18.1833 31.5956L16.7707 27.7134C14.5111 31.0771 12.7772 34.7657 11.6287 38.652L12.2639 38.4221L20.4306 60.8471L18.1893 61.6641L10.8877 41.5963C9.21542 49.4012 9.91256 57.528 12.8896 64.9338C15.8667 72.3395 20.9879 78.6865 27.5961 83.1601L23.8031 68.9989L26.8762 68.1728L31.5162 85.4991C34.6952 87.1593 38.0844 88.3808 41.5914 89.1303L38.0132 68.7296L41.9301 68.0397L45.7684 89.8262C47.1811 89.9757 48.6007 90.0505 50.0212 90.0502C51.2583 90.0502 52.4863 89.9926 53.6963 89.8807L51.8239 68.4603ZM80.1017 37.8985L86.4385 38.4524L84.3605 62.2299L78.0087 61.6761L80.1017 37.8985ZM65.6528 38.1315H72.0046V61.9969H65.6528V38.1315ZM56.975 37.9501L59.053 61.7277L53.911 62.1785L51.8299 38.4009L56.975 37.9501ZM29.9976 62.003L23.8243 38.9486L26.8974 38.1255L33.0707 61.1649L29.9976 62.003ZM42.157 62.1603L38.0132 38.658L41.9301 37.9683L46.0709 61.4674L42.157 62.1603Z",
+            fill: primaryColor
           }
         )
       ]
     })
   );
 };
-SearchEmptyIcon.displayName = "SearchEmptyIcon";
-
-// src/primitives/typography/typography.constants.ts
-var typographyVariantClasses = {
-  display: cn("agg-type-display"),
-  heading: cn("agg-type-heading"),
-  title: cn("agg-type-title"),
-  "title-strong": cn("agg-type-title-strong"),
-  "body-large": cn("agg-type-body-large"),
-  "body-large-strong": cn("agg-type-body-large-strong"),
-  body: cn("agg-type-body"),
-  "body-strong": cn("agg-type-body-strong"),
-  label: cn("agg-type-label"),
-  "label-strong": cn("agg-type-label-strong"),
-  "label-caps": cn("agg-type-label-caps"),
-  caption: cn("agg-type-caption"),
-  "caption-strong": cn("agg-type-caption-strong"),
-  "caption-caps": cn("agg-type-caption-caps"),
-  overline: cn("agg-type-overline")
-};
-
-// src/primitives/typography/index.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
-var Typography = ({
-  as: Component = "p",
-  variant = "body",
-  className,
-  children
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-    Component,
-    {
-      className: cn(
-        "group/agg-typography",
-        "text-agg-foreground",
-        typographyVariantClasses[variant],
-        className
-      ),
-      children
-    }
-  );
-};
-Typography.displayName = "Typography";
-
-// src/primitives/state-message/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
-var iconClassName = "h-9 w-9 text-agg-muted-foreground";
-var StateMessage = ({
-  ariaLabel,
-  tone = "empty",
-  title,
-  description,
-  actionLabel,
-  onAction,
-  className
-}) => {
-  const icon = tone === "warning" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(WarningIcon, { className: iconClassName, "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SearchEmptyIcon, { className: iconClassName, "aria-hidden": true });
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-    "div",
-    {
-      className: cn(
-        "flex min-h-[240px] w-full flex-col items-center justify-center px-5 py-10 text-center md:px-10",
-        className
-      ),
-      role: "status",
-      "aria-live": "polite",
-      "aria-label": ariaLabel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex max-w-[360px] flex-col items-center gap-6", children: [
-        icon,
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Typography, { variant: "body-large-strong", children: title }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Typography, { variant: "body", className: "whitespace-pre-line text-agg-muted-foreground", children: description }) : null
-        ] }),
-        actionLabel && onAction ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-          Button,
-          {
-            variant: "tertiary",
-            size: "large",
-            className: "text-agg-base leading-agg-6",
-            "aria-label": actionLabel,
-            onClick: onAction,
-            children: actionLabel
-          }
-        ) : null
-      ] })
-    }
-  );
-};
-StateMessage.displayName = "StateMessage";
+LogoOpinionIcon.displayName = "LogoOpinionIcon";
 
-// src/primitives/tabs/index.tsx
-var import_react2 = require("react");
-var import_hooks10 = require("@agg-market/hooks");
+// src/primitives/venue-logo/svg/logo-polymarket.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var POLYMARKET_BLUE = "#2E5CFF";
+var LogoPolymarketIcon = (_a) => {
+  var _b = _a, {
+    title,
+    className,
+    isColor = true,
+    color
+  } = _b, props = __objRest(_b, [
+    "title",
+    "className",
+    "isColor",
+    "color"
+  ]);
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: POLYMARKET_BLUE,
+    isColor,
+    color
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          "path",
+          {
+            d: "M81.0904 84.2882C81.0904 87.9246 81.0904 89.7428 79.901 90.644C78.7119 91.5456 76.9613 91.0542 73.4603 90.0717L17.1975 74.2838C15.0881 73.6919 14.0332 73.3959 13.4233 72.5913C12.8135 71.7866 12.8135 70.6911 12.8135 68.5002V31.4998C12.8135 29.309 12.8135 28.2134 13.4233 27.4088C14.0332 26.6042 15.0881 26.3081 17.1975 25.7163L73.4603 9.92806C76.9613 8.94572 78.7119 8.45448 79.901 9.35587C81.0904 10.2573 81.0904 12.0755 81.0904 15.7119V84.2882ZM26.8451 69.1363L73.4308 82.2104V56.0637L26.8451 69.1363ZM20.4723 63.0711L67.0487 50L20.4723 36.929V63.0711ZM26.8446 30.8638L73.4308 43.9366V17.7896L26.8446 30.8638Z",
+            fill: primaryColor
+          }
+        )
+      ]
+    })
+  );
+};
+LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
 
-// src/primitives/select/index.tsx
-var import_react = require("react");
-var import_hooks9 = require("@agg-market/hooks");
+// src/primitives/venue-logo/svg/logo-probable.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var PROBABLE_ORANGE = "#F05923";
+var LogoProbableIcon = (_a) => {
+  var _b = _a, {
+    title,
+    className,
+    isColor = true,
+    color
+  } = _b, props = __objRest(_b, [
+    "title",
+    "className",
+    "isColor",
+    "color"
+  ]);
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: PROBABLE_ORANGE,
+    isColor,
+    color
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          "path",
+          {
+            d: "M75.625 59.3489C75.6247 53.7323 71.0719 49.1792 65.4551 49.179H33.9209C28.3039 49.179 23.7503 53.7321 23.75 59.3489C23.75 64.9659 28.3038 69.5198 33.9209 69.5198H65.4551C71.0719 69.5195 75.625 64.9658 75.625 59.3489ZM90.625 59.3489C90.625 73.2501 79.3562 84.5195 65.4551 84.5198H33.9209C20.0196 84.5198 8.75 73.2502 8.75 59.3489C8.75026 45.4477 20.0198 34.179 33.9209 34.179H65.4551C79.3559 34.1792 90.6247 45.4478 90.625 59.3489Z",
+            fill: primaryColor
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          "path",
+          {
+            d: "M64.5742 51.3496C68.9894 51.3496 72.5742 54.9344 72.5742 59.3496C72.5742 63.7648 68.9894 67.3496 64.5742 67.3496C60.159 67.3496 56.5742 63.7648 56.5742 59.3496C56.5742 54.9344 60.159 51.3496 64.5742 51.3496Z",
+            fill: primaryColor
+          }
+        )
+      ]
+    })
+  );
+};
+LogoProbableIcon.displayName = "LogoProbableIcon";
+
+// src/primitives/venue-logo/venue-logo.constants.ts
+var venueLogoRegistry = {
+  kalshi: LogoKalshiIcon,
+  polymarket: LogoPolymarketIcon,
+  opinion: LogoOpinionIcon,
+  probable: LogoProbableIcon
+};
+var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
+var venueLogoUrlRegistry = {
+  kalshi: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
+  polymarket: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  opinion: `${VENUE_LOGO_BASE_URL}/opinion.png`,
+  probable: `${VENUE_LOGO_BASE_URL}/probable.png`
+};
+var venueLogoNames = Object.keys(venueLogoRegistry);
+var sizeClasses = {
+  small: "h-4 w-4",
+  medium: "h-6 w-6",
+  large: "h-8 w-8"
+};
+
+// src/primitives/venue-logo/index.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
-var Select = ({
-  items,
-  value,
-  onChange,
-  ariaLabel,
+var VenueLogo = ({
+  venue,
+  variant = "icon",
+  isColor = true,
+  isMonochromatic = false,
+  color,
+  size = "medium",
   className,
-  disabled = false
+  ariaLabel,
+  title
 }) => {
-  var _a;
   const labels = (0, import_hooks9.useLabels)();
-  const { enableAnimations } = (0, import_hooks9.useSdkUiConfig)();
-  const hasEnabledItems = items.some((item) => !item.disabled);
-  const hasAnyIcon = items.some((item) => item.iconUrl);
-  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
-  const containerRef = (0, import_react.useRef)(null);
-  const close = (0, import_react.useCallback)(() => setIsOpen(false), []);
+  const sizeClass = sizeClasses[size];
+  const resolvedLabel = ariaLabel != null ? ariaLabel : labels.venues[venue];
+  if (variant === "logo") {
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      "img",
+      {
+        src: venueLogoUrlRegistry[venue],
+        alt: resolvedLabel,
+        title,
+        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
+      }
+    );
+  }
+  const Component = venueLogoRegistry[venue];
+  const resolvedIsColor = isMonochromatic ? false : isColor;
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    Component,
+    {
+      className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
+      isColor: resolvedIsColor,
+      color,
+      "aria-label": resolvedLabel,
+      title
+    }
+  );
+};
+VenueLogo.displayName = "VenueLogo";
+
+// src/trading/settlement/index.tsx
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var getSettlementHeaderClassName = () => {
+  return "flex items-center justify-between gap-4";
+};
+var Settlement = ({
+  sectionLabel = defaultSettlementSectionLabel,
+  question,
+  differencesTitle = defaultSettlementDifferencesTitle,
+  differences,
+  venues,
+  defaultExpandedVenue,
+  expandedVenue,
+  isLoading = false,
+  onExpandedVenueChange,
+  onShowMore,
+  className
+}) => {
+  var _a, _b;
+  const labels = (0, import_hooks10.useLabels)();
+  const { enableAnimations } = (0, import_hooks10.useSdkUiConfig)();
+  const resolvedSectionLabel = sectionLabel === defaultSettlementSectionLabel ? labels.trading.settlementSection : sectionLabel;
+  const resolvedDifferencesTitle = differencesTitle === defaultSettlementDifferencesTitle ? labels.trading.settlementDifferencesTitle : differencesTitle;
+  const [internalExpandedVenue, setInternalExpandedVenue] = (0, import_react.useState)(
+    (_b = defaultExpandedVenue != null ? defaultExpandedVenue : (_a = venues[0]) == null ? void 0 : _a.venue) != null ? _b : null
+  );
+  const [expandedDescriptionByVenue, setExpandedDescriptionByVenue] = (0, import_react.useState)({});
+  const [overflowingDescriptionByVenue, setOverflowingDescriptionByVenue] = (0, import_react.useState)({});
+  const [collapsedDescriptionByVenue, setCollapsedDescriptionByVenue] = (0, import_react.useState)({});
+  const descriptionWrapperRefs = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const descriptionMeasureRefs = (0, import_react.useRef)(/* @__PURE__ */ new Map());
   (0, import_react.useEffect)(() => {
-    if (!isOpen)
+    if (expandedVenue === void 0)
       return;
-    const handlePointerDown = (e) => {
-      if (containerRef.current && !containerRef.current.contains(e == null ? void 0 : e.target)) {
-        close();
+    setInternalExpandedVenue(expandedVenue);
+  }, [expandedVenue]);
+  const resolvedExpandedVenue = expandedVenue === void 0 ? internalExpandedVenue : expandedVenue;
+  const handleVenueClick = (venue) => {
+    const nextVenue = resolvedExpandedVenue === venue ? null : venue;
+    if (expandedVenue === void 0) {
+      setInternalExpandedVenue(nextVenue);
+    }
+    onExpandedVenueChange == null ? void 0 : onExpandedVenueChange(nextVenue);
+  };
+  const handleDescriptionWrapperRef = (0, import_react.useCallback)(
+    (venue, element) => {
+      if (!element) {
+        descriptionWrapperRefs.current.delete(venue);
+        return;
+      }
+      descriptionWrapperRefs.current.set(venue, element);
+    },
+    []
+  );
+  const handleDescriptionMeasureRef = (0, import_react.useCallback)(
+    (venue, element) => {
+      if (!element) {
+        descriptionMeasureRefs.current.delete(venue);
+        return;
+      }
+      descriptionMeasureRefs.current.set(venue, element);
+    },
+    []
+  );
+  const updateDescriptionLayout = (0, import_react.useCallback)(
+    (venue, description, showMoreLabel) => {
+      const descriptionWrapperElement = descriptionWrapperRefs.current.get(venue);
+      const descriptionMeasureElement = descriptionMeasureRefs.current.get(venue);
+      if (!descriptionWrapperElement || !descriptionMeasureElement)
+        return;
+      const wrapperWidth = descriptionWrapperElement.clientWidth;
+      if (wrapperWidth <= 0)
+        return;
+      const computedStyles = window.getComputedStyle(descriptionWrapperElement);
+      const parsedLineHeight = Number.parseFloat(computedStyles.lineHeight);
+      const lineHeight = Number.isFinite(parsedLineHeight) ? parsedLineHeight : 20;
+      const maxHeight = lineHeight * 2 + 1;
+      descriptionMeasureElement.style.width = `${wrapperWidth}px`;
+      const getHeight = (value) => {
+        descriptionMeasureElement.textContent = value;
+        return descriptionMeasureElement.scrollHeight;
+      };
+      const fullHeight = getHeight(description);
+      if (fullHeight <= maxHeight) {
+        setOverflowingDescriptionByVenue((currentState) => {
+          if (currentState[venue] === false)
+            return currentState;
+          return __spreadProps(__spreadValues({}, currentState), {
+            [venue]: false
+          });
+        });
+        setCollapsedDescriptionByVenue((currentState) => {
+          if (currentState[venue] === description)
+            return currentState;
+          return __spreadProps(__spreadValues({}, currentState), {
+            [venue]: description
+          });
+        });
+        return;
+      }
+      const suffix = `... ${showMoreLabel}`;
+      let left = 0;
+      let right = description.length;
+      let bestLength = 0;
+      while (left <= right) {
+        const middle = Math.floor((left + right) / 2);
+        const candidate = description.slice(0, middle).trimEnd();
+        const candidateHeight = getHeight(`${candidate}${suffix}`);
+        if (candidateHeight <= maxHeight) {
+          bestLength = middle;
+          left = middle + 1;
+          continue;
+        }
+        right = middle - 1;
       }
+      const collapsedDescription = description.slice(0, bestLength).trimEnd();
+      setOverflowingDescriptionByVenue((currentState) => {
+        if (currentState[venue] === true)
+          return currentState;
+        return __spreadProps(__spreadValues({}, currentState), {
+          [venue]: true
+        });
+      });
+      setCollapsedDescriptionByVenue((currentState) => {
+        if (currentState[venue] === collapsedDescription)
+          return currentState;
+        return __spreadProps(__spreadValues({}, currentState), {
+          [venue]: collapsedDescription
+        });
+      });
+    },
+    []
+  );
+  (0, import_react.useEffect)(() => {
+    if (typeof window === "undefined")
+      return;
+    if (!resolvedExpandedVenue)
+      return;
+    if (expandedDescriptionByVenue[resolvedExpandedVenue])
+      return;
+    const expandedVenueItem = venues.find((venueItem) => venueItem.venue === resolvedExpandedVenue);
+    if (!expandedVenueItem)
+      return;
+    const frameId = window.requestAnimationFrame(() => {
+      var _a2;
+      updateDescriptionLayout(
+        resolvedExpandedVenue,
+        expandedVenueItem.description,
+        (_a2 = expandedVenueItem.showMoreLabel) != null ? _a2 : "Show more"
+      );
+    });
+    return () => {
+      window.cancelAnimationFrame(frameId);
     };
-    document.addEventListener("mousedown", handlePointerDown);
-    return () => document.removeEventListener("mousedown", handlePointerDown);
-  }, [isOpen, close]);
+  }, [expandedDescriptionByVenue, resolvedExpandedVenue, updateDescriptionLayout, venues]);
   (0, import_react.useEffect)(() => {
-    if (!isOpen)
+    if (!resolvedExpandedVenue)
       return;
-    const handleKey = (e) => {
-      if ((e == null ? void 0 : e.key) === "Escape")
-        close();
+    if (expandedDescriptionByVenue[resolvedExpandedVenue])
+      return;
+    if (typeof ResizeObserver === "undefined")
+      return;
+    const expandedVenueItem = venues.find((venueItem) => venueItem.venue === resolvedExpandedVenue);
+    if (!expandedVenueItem)
+      return;
+    const descriptionWrapperElement = descriptionWrapperRefs.current.get(resolvedExpandedVenue);
+    if (!descriptionWrapperElement)
+      return;
+    const resizeObserver = new ResizeObserver(() => {
+      var _a2;
+      updateDescriptionLayout(
+        resolvedExpandedVenue,
+        expandedVenueItem.description,
+        (_a2 = expandedVenueItem.showMoreLabel) != null ? _a2 : "Show more"
+      );
+    });
+    resizeObserver.observe(descriptionWrapperElement);
+    return () => {
+      resizeObserver.disconnect();
     };
-    document.addEventListener("keydown", handleKey);
-    return () => document.removeEventListener("keydown", handleKey);
-  }, [isOpen, close]);
-  const isDisabled = disabled || !hasEnabledItems;
-  const selectedItem = items.find((item) => item.value === value);
-  if (!hasAnyIcon) {
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("label", { className: cn("group/agg-select", "relative inline-flex w-full", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-        "select",
-        {
-          "aria-label": ariaLabel != null ? ariaLabel : labels.common.selectAria,
-          className: cn(
-            "w-full appearance-none rounded-agg-md border border-agg-separator bg-agg-secondary px-4 py-2 pr-10 font-agg-sans text-agg-sm leading-agg-5 text-agg-foreground outline-none",
-            getMotionClassName(
-              enableAnimations,
-              "transition-[border-color,box-shadow] duration-200 ease-in-out"
-            ),
-            "focus:border-agg-primary focus:ring-2 focus:ring-agg-primary/15",
-            "disabled:cursor-not-allowed disabled:opacity-60"
-          ),
-          disabled: isDisabled,
-          value,
-          onChange: (event) => onChange(event.target.value),
-          children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("option", { value: item.value, disabled: item.disabled, children: item.label }, item.value))
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) })
-    ] });
+  }, [expandedDescriptionByVenue, resolvedExpandedVenue, updateDescriptionLayout, venues]);
+  const handleDescriptionShowMoreClick = (event, venue) => {
+    event == null ? void 0 : event.stopPropagation();
+    setExpandedDescriptionByVenue((currentState) => {
+      if (currentState[venue])
+        return currentState;
+      return __spreadProps(__spreadValues({}, currentState), {
+        [venue]: true
+      });
+    });
+    onShowMore == null ? void 0 : onShowMore(venue);
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      Skeleton,
+      {
+        ariaLabel: labels.trading.settlementLoading,
+        className,
+        view: skeletonViews.settlement
+      }
+    );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
-    "div",
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    Card,
     {
-      ref: containerRef,
-      className: cn("group/agg-select", "relative inline-flex w-full", className),
+      className: cn(
+        "flex flex-col w-full gap-5 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5 shadow-none hover:shadow-none",
+        className
+      ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
-          "button",
-          {
-            type: "button",
-            "aria-label": ariaLabel != null ? ariaLabel : labels.common.selectAria,
-            "aria-expanded": isOpen,
-            "aria-haspopup": "listbox",
-            disabled: isDisabled,
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: getSettlementHeaderClassName(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground", children: resolvedSectionLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: question })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: resolvedDifferencesTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("ul", { className: "list-disc pl-5 text-agg-sm leading-agg-5 text-agg-foreground", children: differences.map((difference) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("li", { children: difference }, difference)) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex flex-col gap-3", children: venues.map((venue) => {
+          var _a2, _b2;
+          const venueLabel = getTradingVenueLabel(venue.venue, venue.label);
+          const isExpanded = resolvedExpandedVenue === venue.venue;
+          const isDescriptionExpanded = !!expandedDescriptionByVenue[venue.venue];
+          const isDescriptionOverflowing = !!overflowingDescriptionByVenue[venue.venue];
+          const shouldShowDescriptionCta = isExpanded && isDescriptionOverflowing && !isDescriptionExpanded;
+          const resolvedShowMoreLabel = (_a2 = venue.showMoreLabel) != null ? _a2 : "Show more";
+          return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              "button",
+              {
+                type: "button",
+                className: cn(
+                  "flex items-center gap-2 text-left",
+                  "cursor-pointer disabled:cursor-not-allowed hover:opacity-50",
+                  getMotionClassName(
+                    enableAnimations,
+                    "transition-[opacity,color] duration-200 ease-in-out"
+                  )
+                ),
+                "aria-expanded": isExpanded,
+                "aria-label": labels.trading.settlementDetailsAria(venueLabel),
+                onClick: () => handleVenueClick(venue.venue),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    VenueLogo,
+                    {
+                      venue: venue.venue,
+                      size: "small",
+                      ariaLabel: venueLabel
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    "span",
+                    {
+                      className: cn(
+                        "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
+                        isExpanded ? "text-agg-primary" : "text-agg-foreground"
+                      ),
+                      children: venueLabel
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    Icon,
+                    {
+                      name: isExpanded ? "chevron-up" : "chevron-down",
+                      size: "small",
+                      className: "text-agg-foreground",
+                      color: "currentColor"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              "div",
+              {
+                "aria-hidden": !isExpanded,
+                className: cn(
+                  "grid overflow-hidden",
+                  isExpanded ? "mt-2 grid-rows-[1fr] opacity-100" : "mt-0 grid-rows-[0fr] opacity-0",
+                  !isExpanded && "pointer-events-none",
+                  getMotionClassName(
+                    enableAnimations,
+                    "transition-[grid-template-rows,opacity,margin-top] duration-300 ease-in-out"
+                  )
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                  "div",
+                  {
+                    ref: (element) => handleDescriptionWrapperRef(venue.venue, element),
+                    className: "relative min-h-0",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "min-h-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                        isDescriptionExpanded || !isDescriptionOverflowing ? venue.description : (_b2 = collapsedDescriptionByVenue[venue.venue]) != null ? _b2 : venue.description,
+                        shouldShowDescriptionCta ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+                          "... ",
+                          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                            "button",
+                            {
+                              type: "button",
+                              tabIndex: isExpanded ? 0 : -1,
+                              className: cn(
+                                "cursor-pointer disabled:cursor-not-allowed",
+                                "text-agg-sm leading-agg-5 text-agg-foreground underline-offset-2 hover:underline hover:font-agg-bold",
+                                getMotionClassName(
+                                  enableAnimations,
+                                  "transition-[text-decoration] duration-200 ease-in-out"
+                                )
+                              ),
+                              "aria-label": labels.trading.settlementShowMoreAria(
+                                resolvedShowMoreLabel,
+                                venueLabel
+                              ),
+                              onClick: (event) => handleDescriptionShowMoreClick(event, venue.venue),
+                              children: resolvedShowMoreLabel
+                            }
+                          )
+                        ] }) : null
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                        "p",
+                        {
+                          ref: (element) => handleDescriptionMeasureRef(venue.venue, element),
+                          "aria-hidden": true,
+                          className: "pointer-events-none invisible fixed top-0 left-0 -z-10 whitespace-normal text-agg-sm leading-agg-5"
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            )
+          ] }, venue.venue);
+        }) })
+      ]
+    }
+  );
+};
+Settlement.displayName = "Settlement";
+
+// src/trading/place-order/index.tsx
+var import_react4 = require("react");
+var import_hooks14 = require("@agg-market/hooks");
+
+// src/primitives/button/index.tsx
+var import_hooks11 = require("@agg-market/hooks");
+
+// src/primitives/button/button.constants.ts
+var sizeClasses2 = {
+  small: cn("h-8 px-4 gap-1.5", "text-agg-sm leading-agg-5"),
+  medium: cn("h-9 px-5 gap-1.5", "text-agg-sm leading-agg-5"),
+  large: cn("h-10 px-6 gap-2", "text-agg-base leading-agg-6")
+};
+var iconSizeClasses2 = {
+  small: iconSizeClasses.small,
+  medium: iconSizeClasses.small,
+  large: iconSizeClasses.small
+};
+var iconSlotClasses = {
+  small: "[&_svg]:h-4 [&_svg]:w-4",
+  medium: "[&_svg]:h-4 [&_svg]:w-4",
+  large: "[&_svg]:h-4 [&_svg]:w-4"
+};
+var variantClasses = {
+  primary: cn(
+    "bg-agg-primary text-agg-on-primary",
+    "hover:bg-agg-primary-hover",
+    "disabled:bg-agg-separator disabled:text-agg-on-primary",
+    "focus-visible:ring-agg-primary-hover"
+  ),
+  secondary: cn(
+    "border border-agg-separator bg-agg-secondary text-agg-foreground",
+    "hover:bg-agg-secondary-hover",
+    "disabled:bg-agg-secondary disabled:text-agg-muted-foreground disabled:border-agg-separator",
+    "focus-visible:ring-agg-separator"
+  ),
+  tertiary: cn(
+    "bg-transparent text-agg-primary",
+    "hover:text-agg-primary-hover",
+    "disabled:bg-transparent disabled:text-agg-muted-foreground",
+    "focus-visible:ring-agg-separator",
+    "px-0! py-0! h-fit!"
+  )
+};
+var baseButtonClasses = cn(
+  "cursor-pointer disabled:cursor-not-allowed",
+  "inline-flex items-center justify-center rounded-agg-full font-agg-sans font-agg-bold text-center",
+  "whitespace-nowrap",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary"
+);
+
+// src/primitives/button/index.tsx
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var Button = (_a) => {
+  var _b = _a, {
+    children,
+    variant = "primary",
+    size = "medium",
+    isLoading = false,
+    disabled,
+    prefix,
+    suffix,
+    type = "button",
+    className,
+    "aria-label": ariaLabel
+  } = _b, other = __objRest(_b, [
+    "children",
+    "variant",
+    "size",
+    "isLoading",
+    "disabled",
+    "prefix",
+    "suffix",
+    "type",
+    "className",
+    "aria-label"
+  ]);
+  const { enableAnimations } = (0, import_hooks11.useSdkUiConfig)();
+  const isDisabled = disabled || isLoading;
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    "button",
+    __spreadProps(__spreadValues({
+      type,
+      className: cn(
+        "group/agg-button",
+        baseButtonClasses,
+        getMotionClassName(enableAnimations, "transition-colors duration-200 ease-in-out"),
+        sizeClasses2[size],
+        iconSlotClasses[size],
+        variantClasses[variant],
+        className
+      ),
+      disabled: isDisabled,
+      "aria-busy": isLoading,
+      "aria-label": ariaLabel
+    }, other), {
+      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        "span",
+        {
+          className: cn(
+            "inline-block rounded-agg-full border-2 border-current border-r-transparent",
+            getMotionClassName(enableAnimations, "animate-spin"),
+            iconSizeClasses2[size]
+          ),
+          "aria-hidden": "true"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+        prefix != null ? prefix : null,
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children }),
+        suffix != null ? suffix : null
+      ] })
+    })
+  );
+};
+Button.displayName = "Button";
+
+// src/primitives/tabs/index.tsx
+var import_react3 = require("react");
+var import_hooks13 = require("@agg-market/hooks");
+
+// src/primitives/select/index.tsx
+var import_react2 = require("react");
+var import_hooks12 = require("@agg-market/hooks");
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var Select = ({
+  items,
+  value,
+  onChange,
+  ariaLabel,
+  className,
+  disabled = false
+}) => {
+  var _a;
+  const labels = (0, import_hooks12.useLabels)();
+  const { enableAnimations } = (0, import_hooks12.useSdkUiConfig)();
+  const hasEnabledItems = items.some((item) => !item.disabled);
+  const hasAnyIcon = items.some((item) => item.iconUrl);
+  const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
+  const containerRef = (0, import_react2.useRef)(null);
+  const close = (0, import_react2.useCallback)(() => setIsOpen(false), []);
+  (0, import_react2.useEffect)(() => {
+    if (!isOpen)
+      return;
+    const handlePointerDown = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e == null ? void 0 : e.target)) {
+        close();
+      }
+    };
+    document.addEventListener("mousedown", handlePointerDown);
+    return () => document.removeEventListener("mousedown", handlePointerDown);
+  }, [isOpen, close]);
+  (0, import_react2.useEffect)(() => {
+    if (!isOpen)
+      return;
+    const handleKey = (e) => {
+      if ((e == null ? void 0 : e.key) === "Escape")
+        close();
+    };
+    document.addEventListener("keydown", handleKey);
+    return () => document.removeEventListener("keydown", handleKey);
+  }, [isOpen, close]);
+  const isDisabled = disabled || !hasEnabledItems;
+  const selectedItem = items.find((item) => item.value === value);
+  if (!hasAnyIcon) {
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("label", { className: cn("group/agg-select", "relative inline-flex w-full", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        "select",
+        {
+          "aria-label": ariaLabel != null ? ariaLabel : labels.common.selectAria,
+          className: cn(
+            "w-full appearance-none rounded-agg-md border border-agg-separator bg-agg-secondary px-4 py-2 pr-10 font-agg-sans text-agg-sm leading-agg-5 text-agg-foreground outline-none",
+            getMotionClassName(
+              enableAnimations,
+              "transition-[border-color,box-shadow] duration-200 ease-in-out"
+            ),
+            "focus:border-agg-primary focus:ring-2 focus:ring-agg-primary/15",
+            "disabled:cursor-not-allowed disabled:opacity-60"
+          ),
+          disabled: isDisabled,
+          value,
+          onChange: (event) => onChange(event.target.value),
+          children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("option", { value: item.value, disabled: item.disabled, children: item.label }, item.value))
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+    "div",
+    {
+      ref: containerRef,
+      className: cn("group/agg-select", "relative inline-flex w-full", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+          "button",
+          {
+            type: "button",
+            "aria-label": ariaLabel != null ? ariaLabel : labels.common.selectAria,
+            "aria-expanded": isOpen,
+            "aria-haspopup": "listbox",
+            disabled: isDisabled,
             className: cn(
               "w-full rounded-agg-md border border-agg-separator bg-agg-secondary px-4 py-2 pr-10 font-agg-sans text-agg-sm leading-agg-5 text-agg-foreground outline-none",
               "flex items-center gap-2 text-left",
@@ -2173,7 +2802,7 @@ var Select = ({
             ),
             onClick: () => setIsOpen((prev) => !prev),
             children: [
-              (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "img",
                 {
                   src: selectedItem.iconUrl,
@@ -2181,12 +2810,12 @@ var Select = ({
                   className: "h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) }),
-        isOpen ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) }),
+        isOpen ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           "div",
           {
             role: "listbox",
@@ -2194,7 +2823,7 @@ var Select = ({
             className: "absolute top-full left-0 z-50 mt-1 w-full overflow-hidden rounded-agg-md border border-agg-separator bg-agg-secondary shadow-lg",
             children: items.map((item) => {
               const isSelected = item.value === value;
-              return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -2214,7 +2843,7 @@ var Select = ({
                     }
                   },
                   children: [
-                    item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                    item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "img",
                       {
                         src: item.iconUrl,
@@ -2222,7 +2851,7 @@ var Select = ({
                         className: "h-4 w-4 shrink-0 rounded-sm object-contain"
                       }
                     ) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "truncate", children: item.label })
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "truncate", children: item.label })
                   ]
                 },
                 item.value
@@ -2261,7 +2890,7 @@ var findEdgeEnabledIndex = (items, direction) => {
 };
 
 // src/primitives/tabs/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var mobileTabsMediaQuery = "(max-width: 512px)";
 var getTabButtonClassName = ({
   enableAnimations,
@@ -2301,10 +2930,10 @@ var Tabs = ({
   className,
   classNames
 }) => {
-  const labels = (0, import_hooks10.useLabels)();
-  const { enableAnimations } = (0, import_hooks10.useSdkUiConfig)();
-  const buttonRefs = (0, import_react2.useRef)([]);
-  const dragStateRef = (0, import_react2.useRef)({
+  const labels = (0, import_hooks13.useLabels)();
+  const { enableAnimations } = (0, import_hooks13.useSdkUiConfig)();
+  const buttonRefs = (0, import_react3.useRef)([]);
+  const dragStateRef = (0, import_react3.useRef)({
     isPointerDown: false,
     isDragging: false,
     pointerId: null,
@@ -2312,22 +2941,22 @@ var Tabs = ({
     startClientY: 0,
     startScrollLeft: 0
   });
-  const suppressClickRef = (0, import_react2.useRef)(false);
+  const suppressClickRef = (0, import_react3.useRef)(false);
   const resolvedAriaLabel = ariaLabel != null ? ariaLabel : labels.common.tabsAria;
-  const [isMobileViewport, setIsMobileViewport] = (0, import_react2.useState)(false);
-  const [isDraggingTabs, setIsDraggingTabs] = (0, import_react2.useState)(false);
-  const [activeUnderlineStyle, setActiveUnderlineStyle] = (0, import_react2.useState)({
+  const [isMobileViewport, setIsMobileViewport] = (0, import_react3.useState)(false);
+  const [isDraggingTabs, setIsDraggingTabs] = (0, import_react3.useState)(false);
+  const [activeUnderlineStyle, setActiveUnderlineStyle] = (0, import_react3.useState)({
     transform: "translateX(0px)",
     width: 0,
     opacity: 0
   });
-  const [scrollAffordanceState, setScrollAffordanceState] = (0, import_react2.useState)({
+  const [scrollAffordanceState, setScrollAffordanceState] = (0, import_react3.useState)({
     showStart: false,
     showEnd: false
   });
-  const tabListRef = (0, import_react2.useRef)(null);
+  const tabListRef = (0, import_react3.useRef)(null);
   const isBarVariant = variant === "bar";
-  const resolvedOverflowBehavior = (0, import_react2.useMemo)(() => {
+  const resolvedOverflowBehavior = (0, import_react3.useMemo)(() => {
     if (overflowBehavior)
       return overflowBehavior;
     if (!isBarVariant)
@@ -2336,7 +2965,7 @@ var Tabs = ({
   }, [isBarVariant, isMobileViewport, overflowBehavior]);
   const shouldUseOverflowScroll = resolvedOverflowBehavior === "scroll";
   const shouldUseOverflowSelect = resolvedOverflowBehavior === "select";
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (typeof window === "undefined")
       return;
     const mediaQueryList = window.matchMedia(mobileTabsMediaQuery);
@@ -2355,7 +2984,7 @@ var Tabs = ({
       mediaQueryList.removeListener(handleMediaQueryChange);
     };
   }, []);
-  const updateScrollAffordances = (0, import_react2.useCallback)(() => {
+  const updateScrollAffordances = (0, import_react3.useCallback)(() => {
     if (!shouldUseOverflowScroll) {
       setScrollAffordanceState({
         showStart: false,
@@ -2373,7 +3002,7 @@ var Tabs = ({
     });
   }, [shouldUseOverflowScroll]);
   const renderedItems = items;
-  const selectItems = (0, import_react2.useMemo)(() => {
+  const selectItems = (0, import_react3.useMemo)(() => {
     return items.map((item) => ({
       value: item.value,
       label: item.label,
@@ -2524,7 +3153,7 @@ var Tabs = ({
     event == null ? void 0 : event.stopPropagation();
     suppressClickRef.current = false;
   };
-  const updateActiveUnderline = (0, import_react2.useCallback)(() => {
+  const updateActiveUnderline = (0, import_react3.useCallback)(() => {
     if (isBarVariant) {
       setActiveUnderlineStyle({
         transform: "translateX(0px)",
@@ -2547,10 +3176,10 @@ var Tabs = ({
       opacity: 1
     });
   }, [isBarVariant, renderedItems, value]);
-  (0, import_react2.useLayoutEffect)(() => {
+  (0, import_react3.useLayoutEffect)(() => {
     updateActiveUnderline();
   }, [updateActiveUnderline]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (isBarVariant || !shouldUseOverflowScroll)
       return;
     const tabListElement = tabListRef.current;
@@ -2566,12 +3195,12 @@ var Tabs = ({
       tabListElement.removeEventListener("scroll", handleScroll);
     };
   }, [isBarVariant, shouldUseOverflowScroll, updateActiveUnderline, updateScrollAffordances]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (!shouldUseOverflowScroll)
       return;
     updateScrollAffordances();
   }, [renderedItems, shouldUseOverflowScroll, updateScrollAffordances, value]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (isBarVariant && !shouldUseOverflowScroll)
       return;
     if (typeof ResizeObserver === "undefined")
@@ -2588,7 +3217,7 @@ var Tabs = ({
       resizeObserver.disconnect();
     };
   }, [isBarVariant, shouldUseOverflowScroll, updateActiveUnderline, updateScrollAffordances]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (!shouldUseOverflowScroll)
       return;
     const tabListElement = tabListRef.current;
@@ -2618,1185 +3247,515 @@ var Tabs = ({
     });
   }, [enableAnimations, renderedItems, shouldUseOverflowScroll, value]);
   if (shouldUseOverflowSelect) {
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: cn("w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       Select,
       {
         ariaLabel,
         className: "w-full",
         disabled: isSelectDisabled,
-        items: selectItems,
-        onChange: handleSelect,
-        value
-      }
-    ) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
-    "div",
-    {
-      className: cn(
-        "group/agg-tabs",
-        "relative max-w-full items-stretch font-agg-sans bg-agg-secondary",
-        "inline-flex",
-        className,
-        classNames == null ? void 0 : classNames.root
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
-          "div",
-          {
-            ref: tabListRef,
-            role: "tablist",
-            "aria-label": resolvedAriaLabel,
-            className: cn("relative", tabListClassName, classNames == null ? void 0 : classNames.tabList),
-            onClickCapture: handleTabListClickCapture,
-            onPointerCancel: handleEndTabListDrag,
-            onPointerDown: handleTabListPointerDown,
-            onPointerMove: handleTabListPointerMove,
-            onPointerUp: handleEndTabListDrag,
-            onWheel: handleTabListWheel,
-            children: [
-              renderedItems.map((item, index) => {
-                const isActive = item.value === value;
-                return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
-                  "button",
-                  {
-                    ref: (buttonElement) => {
-                      buttonRefs.current[index] = buttonElement;
-                    },
-                    type: "button",
-                    role: "tab",
-                    tabIndex: isActive ? 0 : -1,
-                    "aria-selected": isActive,
-                    "aria-label": item.label,
-                    disabled: item.disabled,
-                    onClick: (e) => {
-                      e.preventDefault();
-                      e.stopPropagation();
-                      handleSelect(item.value);
-                    },
-                    onKeyDown: (event) => handleKeyDown(event, index),
-                    className: cn(
-                      getTabButtonClassName({
-                        enableAnimations,
-                        isBarVariant,
-                        isActive,
-                        isDisabled: !!item.disabled,
-                        size
-                      }),
-                      shouldUseOverflowScroll && !isBarVariant && "snap-start"
-                    ),
-                    children: [
-                      isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-                        "span",
-                        {
-                          "aria-hidden": true,
-                          className: cn(
-                            "pointer-events-none absolute inset-px origin-bottom rounded-[2px] bg-agg-secondary-hover",
-                            getMotionClassName(
-                              enableAnimations,
-                              "transition-[transform,opacity] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none"
-                            ),
-                            isActive ? "scale-y-100 opacity-100" : "scale-y-0 opacity-0"
-                          )
-                        }
-                      ) }) : null,
-                      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "relative z-10 inline-flex shrink-0 items-center justify-center", children: item.icon }) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "relative z-10 truncate whitespace-nowrap [&::first-letter]:uppercase", children: item.label })
-                    ]
-                  },
-                  item.value
-                );
-              }),
-              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-                "span",
-                {
-                  "aria-hidden": true,
-                  className: cn(
-                    "pointer-events-none absolute bottom-0 left-0 rounded-t-agg-sm bg-agg-primary",
-                    getMotionClassName(
-                      enableAnimations,
-                      "transition-[transform,width,opacity] duration-300 ease-in-out"
-                    ),
-                    "h-[3px]"
-                  ),
-                  style: activeUnderlineStyle
-                }
-              ) : null
-            ]
-          }
-        ),
-        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-            "span",
-            {
-              "aria-hidden": true,
-              className: cn(
-                "pointer-events-none absolute top-0 bottom-0 left-8 z-10 w-12 md:w-18 bg-linear-to-r from-agg-secondary via-agg-secondary to-transparent",
-                getMotionClassName(enableAnimations, "transition-opacity duration-200"),
-                scrollAffordanceState.showStart ? "opacity-100" : "opacity-0"
-              )
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-            "span",
-            {
-              "aria-hidden": true,
-              className: cn(
-                "pointer-events-none absolute top-0 right-8 bottom-0 z-10 w-12 md:w-18 bg-linear-to-l from-agg-secondary via-agg-secondary to-transparent",
-                getMotionClassName(enableAnimations, "transition-opacity duration-200"),
-                scrollAffordanceState.showEnd ? "opacity-100" : "opacity-0"
-              )
-            }
-          )
-        ] }) : null
-      ]
-    }
-  );
-};
-Tabs.displayName = "Tabs";
-
-// src/primitives/venue-logo/index.tsx
-var import_hooks11 = require("@agg-market/hooks");
-
-// src/primitives/venue-logo/logo-props.ts
-var DEFAULT_MONOCHROME_COLOR = "currentColor";
-var resolveLogoPrimaryColor = ({
-  brandColor,
-  isColor = true,
-  color
-}) => {
-  if (typeof color === "string" && color.trim())
-    return color;
-  if (!isColor)
-    return DEFAULT_MONOCHROME_COLOR;
-  return brandColor;
-};
-
-// src/primitives/venue-logo/svg/logo-kalshi.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var KALSHI_GREEN = "#18C590";
-var LogoKalshiIcon = (_a) => {
-  var _b = _a, {
-    title,
-    className,
-    isColor = true,
-    color
-  } = _b, props = __objRest(_b, [
-    "title",
-    "className",
-    "isColor",
-    "color"
-  ]);
-  const primaryColor = resolveLogoPrimaryColor({
-    brandColor: KALSHI_GREEN,
-    isColor,
-    color
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 100 100",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-          "path",
-          {
-            d: "M54.9798 47.579L79.4249 85.9995H58.2273L38.2531 52.9344V85.9995H20.4189V13.9995H38.2531V45.4356L59.6547 13.9995H78.7119L54.9798 47.579Z",
-            fill: primaryColor
-          }
-        )
-      ]
-    })
-  );
-};
-LogoKalshiIcon.displayName = "LogoKalshiIcon";
-
-// src/primitives/venue-logo/svg/logo-opinion.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
-var OPINION_BLACK = "#000000";
-var LogoOpinionIcon = (_a) => {
-  var _b = _a, {
-    title,
-    className,
-    isColor = true,
-    color
-  } = _b, props = __objRest(_b, [
-    "title",
-    "className",
-    "isColor",
-    "color"
-  ]);
-  const primaryColor = resolveLogoPrimaryColor({
-    brandColor: OPINION_BLACK,
-    isColor,
-    color
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 100 100",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-          "path",
-          {
-            d: "M51.8239 68.4603L56.9659 68.0094L58.8049 89.0576C61.1459 88.5314 63.4349 87.7952 65.6437 86.8578V68.1879H71.9955V83.4385C74.6496 81.6828 77.0863 79.619 79.2548 77.2898L80.0716 67.958L85.516 68.433C88.6185 62.4381 90.156 55.7558 89.9858 49.0072C89.8154 42.2584 87.9429 35.6623 84.542 29.8316L84.3394 32.1494L77.9876 31.5927L78.8042 22.2668C76.7468 20.1288 74.4594 18.225 71.9835 16.5902V31.9164H65.6317V13.1739C62.9224 12.0205 60.0929 11.173 57.1957 10.6473L59.0317 31.6441L53.8897 32.0949L51.9599 10.0482C51.3128 10.0179 50.6593 9.99976 50.006 9.99976C47.4581 9.99976 44.9161 10.2419 42.414 10.723L46.0438 31.3899L42.1297 32.0798L38.5304 11.6701C35.1755 12.6725 31.9677 14.1143 28.9905 15.9578L33.0435 31.0873L29.9705 31.9134L26.2018 17.8369C23.2938 19.9923 20.6902 22.5308 18.4615 25.3835L20.4246 30.7787L18.1833 31.5956L16.7707 27.7134C14.5111 31.0771 12.7772 34.7657 11.6287 38.652L12.2639 38.4221L20.4306 60.8471L18.1893 61.6641L10.8877 41.5963C9.21542 49.4012 9.91256 57.528 12.8896 64.9338C15.8667 72.3395 20.9879 78.6865 27.5961 83.1601L23.8031 68.9989L26.8762 68.1728L31.5162 85.4991C34.6952 87.1593 38.0844 88.3808 41.5914 89.1303L38.0132 68.7296L41.9301 68.0397L45.7684 89.8262C47.1811 89.9757 48.6007 90.0505 50.0212 90.0502C51.2583 90.0502 52.4863 89.9926 53.6963 89.8807L51.8239 68.4603ZM80.1017 37.8985L86.4385 38.4524L84.3605 62.2299L78.0087 61.6761L80.1017 37.8985ZM65.6528 38.1315H72.0046V61.9969H65.6528V38.1315ZM56.975 37.9501L59.053 61.7277L53.911 62.1785L51.8299 38.4009L56.975 37.9501ZM29.9976 62.003L23.8243 38.9486L26.8974 38.1255L33.0707 61.1649L29.9976 62.003ZM42.157 62.1603L38.0132 38.658L41.9301 37.9683L46.0709 61.4674L42.157 62.1603Z",
-            fill: primaryColor
-          }
-        )
-      ]
-    })
-  );
-};
-LogoOpinionIcon.displayName = "LogoOpinionIcon";
-
-// src/primitives/venue-logo/svg/logo-polymarket.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
-var POLYMARKET_BLUE = "#2E5CFF";
-var LogoPolymarketIcon = (_a) => {
-  var _b = _a, {
-    title,
-    className,
-    isColor = true,
-    color
-  } = _b, props = __objRest(_b, [
-    "title",
-    "className",
-    "isColor",
-    "color"
-  ]);
-  const primaryColor = resolveLogoPrimaryColor({
-    brandColor: POLYMARKET_BLUE,
-    isColor,
-    color
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 100 100",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-          "path",
-          {
-            d: "M81.0904 84.2882C81.0904 87.9246 81.0904 89.7428 79.901 90.644C78.7119 91.5456 76.9613 91.0542 73.4603 90.0717L17.1975 74.2838C15.0881 73.6919 14.0332 73.3959 13.4233 72.5913C12.8135 71.7866 12.8135 70.6911 12.8135 68.5002V31.4998C12.8135 29.309 12.8135 28.2134 13.4233 27.4088C14.0332 26.6042 15.0881 26.3081 17.1975 25.7163L73.4603 9.92806C76.9613 8.94572 78.7119 8.45448 79.901 9.35587C81.0904 10.2573 81.0904 12.0755 81.0904 15.7119V84.2882ZM26.8451 69.1363L73.4308 82.2104V56.0637L26.8451 69.1363ZM20.4723 63.0711L67.0487 50L20.4723 36.929V63.0711ZM26.8446 30.8638L73.4308 43.9366V17.7896L26.8446 30.8638Z",
-            fill: primaryColor
-          }
-        )
-      ]
-    })
-  );
-};
-LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
-
-// src/primitives/venue-logo/svg/logo-probable.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
-var PROBABLE_ORANGE = "#F05923";
-var LogoProbableIcon = (_a) => {
-  var _b = _a, {
-    title,
-    className,
-    isColor = true,
-    color
-  } = _b, props = __objRest(_b, [
-    "title",
-    "className",
-    "isColor",
-    "color"
-  ]);
-  const primaryColor = resolveLogoPrimaryColor({
-    brandColor: PROBABLE_ORANGE,
-    isColor,
-    color
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 100 100",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-          "path",
-          {
-            d: "M75.625 59.3489C75.6247 53.7323 71.0719 49.1792 65.4551 49.179H33.9209C28.3039 49.179 23.7503 53.7321 23.75 59.3489C23.75 64.9659 28.3038 69.5198 33.9209 69.5198H65.4551C71.0719 69.5195 75.625 64.9658 75.625 59.3489ZM90.625 59.3489C90.625 73.2501 79.3562 84.5195 65.4551 84.5198H33.9209C20.0196 84.5198 8.75 73.2502 8.75 59.3489C8.75026 45.4477 20.0198 34.179 33.9209 34.179H65.4551C79.3559 34.1792 90.6247 45.4478 90.625 59.3489Z",
-            fill: primaryColor
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-          "path",
-          {
-            d: "M64.5742 51.3496C68.9894 51.3496 72.5742 54.9344 72.5742 59.3496C72.5742 63.7648 68.9894 67.3496 64.5742 67.3496C60.159 67.3496 56.5742 63.7648 56.5742 59.3496C56.5742 54.9344 60.159 51.3496 64.5742 51.3496Z",
-            fill: primaryColor
-          }
-        )
-      ]
-    })
-  );
-};
-LogoProbableIcon.displayName = "LogoProbableIcon";
-
-// src/primitives/venue-logo/venue-logo.constants.ts
-var venueLogoRegistry = {
-  kalshi: LogoKalshiIcon,
-  polymarket: LogoPolymarketIcon,
-  opinion: LogoOpinionIcon,
-  probable: LogoProbableIcon
-};
-var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
-var venueLogoUrlRegistry = {
-  kalshi: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
-  polymarket: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
-  opinion: `${VENUE_LOGO_BASE_URL}/opinion.png`,
-  probable: `${VENUE_LOGO_BASE_URL}/probable.png`
-};
-var venueLogoNames = Object.keys(venueLogoRegistry);
-var sizeClasses2 = {
-  small: "h-4 w-4",
-  medium: "h-6 w-6",
-  large: "h-8 w-8"
-};
-
-// src/primitives/venue-logo/index.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
-var VenueLogo = ({
-  venue,
-  variant = "icon",
-  isColor = true,
-  isMonochromatic = false,
-  color,
-  size = "medium",
-  className,
-  ariaLabel,
-  title
-}) => {
-  const labels = (0, import_hooks11.useLabels)();
-  const sizeClass = sizeClasses2[size];
-  const resolvedLabel = ariaLabel != null ? ariaLabel : labels.venues[venue];
-  if (variant === "logo") {
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-      "img",
-      {
-        src: venueLogoUrlRegistry[venue],
-        alt: resolvedLabel,
-        title,
-        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
-      }
-    );
-  }
-  const Component = venueLogoRegistry[venue];
-  const resolvedIsColor = isMonochromatic ? false : isColor;
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-    Component,
-    {
-      className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
-      isColor: resolvedIsColor,
-      color,
-      "aria-label": resolvedLabel,
-      title
-    }
-  );
-};
-VenueLogo.displayName = "VenueLogo";
-
-// src/events/item/index.tsx
-var import_dayjs = __toESM(require("dayjs"));
-var import_react3 = require("react");
-var import_hooks13 = require("@agg-market/hooks");
-
-// src/primitives/badge/index.tsx
-var import_hooks12 = require("@agg-market/hooks");
-
-// src/primitives/badge/badge.constants.ts
-var badgeSizeClasses = {
-  small: cn("py-1.5 px-4 gap-1.5", "agg-type-label"),
-  medium: cn("py-1.5 px-4 gap-2", "agg-type-body"),
-  large: cn("py-2.5 px-6 gap-2", "agg-type-body")
-};
-var baseBadgeClasses = cn(
-  "inline-flex items-center justify-center rounded-agg-full font-agg-sans",
-  "bg-agg-secondary-hover text-agg-foreground whitespace-nowrap font-agg-normal"
-);
-
-// src/primitives/badge/index.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
-function Badge({
-  text,
-  prefix,
-  suffix,
-  size = "medium",
-  classNames,
-  onClick,
-  isActive = false
-}) {
-  const { enableAnimations } = (0, import_hooks12.useSdkUiConfig)();
-  const resolvedText = `${text}`;
-  const resolvedAriaLabel = resolvedText.length > 0 ? resolvedText : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
-    "span",
-    __spreadProps(__spreadValues({
-      "aria-label": resolvedAriaLabel,
-      className: cn(
-        "group/agg-badge",
-        baseBadgeClasses,
-        badgeSizeClasses[size],
-        onClick ? "cursor-pointer hover:bg-agg-tertiary disabled:cursor-not-allowed" : "",
-        getMotionClassName(
-          enableAnimations,
-          "transition-[border-color,background-color] duration-200 ease-in-out"
-        ),
-        isActive ? "border-agg-primary bg-agg-secondary! font-agg-bold!" : "border-transparent font-agg-normal",
-        classNames == null ? void 0 : classNames.root
-      )
-    }, onClick && { onClick }), {
-      children: [
-        prefix ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: classNames == null ? void 0 : classNames.prefix, children: prefix }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: cn("truncate", classNames == null ? void 0 : classNames.text), children: text }),
-        suffix ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: classNames == null ? void 0 : classNames.suffix, children: suffix }) : null
-      ]
-    })
-  );
-}
-Badge.displayName = "Badge";
-
-// src/shared/query-error.ts
-var getErrorStatus = (error) => {
-  if (!error || typeof error !== "object")
-    return null;
-  const status = error.status;
-  return typeof status === "number" ? status : null;
-};
-var isErrorWithStatus = (error, status) => {
-  return getErrorStatus(error) === status;
-};
-
-// src/events/item/event-list-item.utils.ts
-var resolveEventListItemEvent = (fetchedEvent) => {
-  if (!fetchedEvent)
-    return void 0;
-  const mergedVenueMarkets = fetchedEvent.markets.flatMap(
-    (market) => market.venueMarkets
-  );
-  if (mergedVenueMarkets.length === 0)
-    return void 0;
-  return fetchedEvent;
-};
-var normalizeProbability = (value) => {
-  if (typeof value !== "number" || !Number.isFinite(value))
-    return void 0;
-  if (value < 0)
-    return 0;
-  if (value > 1)
-    return 1;
-  return value;
-};
-var hasDateLabel = (outcome) => {
-  return !!toDate(outcome.label);
-};
-var sortOutcomes = (outcomes) => {
-  if (outcomes.length <= 1)
-    return outcomes;
-  const now = Date.now();
-  if (outcomes.some(hasDateLabel)) {
-    return [...outcomes].sort((a, b) => {
-      var _a, _b, _c, _d;
-      const aDate = (_b = (_a = toDate(a.label)) == null ? void 0 : _a.getTime()) != null ? _b : 0;
-      const bDate = (_d = (_c = toDate(b.label)) == null ? void 0 : _c.getTime()) != null ? _d : 0;
-      return Math.abs(aDate - now) - Math.abs(bDate - now);
-    });
-  }
-  return [...outcomes].sort((a, b) => {
-    var _a, _b;
-    const aPrice = (_a = normalizeProbability(a.price)) != null ? _a : 0;
-    const bPrice = (_b = normalizeProbability(b.price)) != null ? _b : 0;
-    return bPrice - aPrice;
-  });
-};
-var compareVisibleOutcomeRows = (left, right) => {
-  var _a, _b;
-  const leftDate = toDate(resolveOutcomeTitle(left.outcome));
-  const rightDate = toDate(resolveOutcomeTitle(right.outcome));
-  if (leftDate && rightDate) {
-    return leftDate.getTime() - rightDate.getTime();
-  }
-  const leftProbability = (_a = normalizeProbability(left.outcome.price)) != null ? _a : -1;
-  const rightProbability = (_b = normalizeProbability(right.outcome.price)) != null ? _b : -1;
-  return rightProbability - leftProbability;
-};
-var shouldReplaceVisibleOutcome = (current, next) => {
-  var _a, _b;
-  const currentVolume = typeof current.market.volume === "number" ? current.market.volume : -1;
-  const nextVolume = typeof next.market.volume === "number" ? next.market.volume : -1;
-  if (currentVolume !== nextVolume) {
-    return nextVolume > currentVolume;
-  }
-  const currentProbability = (_a = normalizeProbability(current.outcome.price)) != null ? _a : -1;
-  const nextProbability = (_b = normalizeProbability(next.outcome.price)) != null ? _b : -1;
-  return nextProbability > currentProbability;
-};
-var resolveVisibleOutcomes = (venueMarkets, maxOutcomes) => {
-  const visibleOutcomesByLabel = /* @__PURE__ */ new Map();
-  venueMarkets.forEach((market) => {
-    sortOutcomes(market.venueMarketOutcomes).forEach((outcome) => {
-      const title = resolveOutcomeTitle(outcome);
-      const normalizedTitle = title.trim().toLowerCase();
-      const nextVisibleOutcome = {
-        venue: market.venue,
-        market,
-        outcome,
-        title
-      };
-      const currentVisibleOutcome = visibleOutcomesByLabel.get(normalizedTitle);
-      if (!currentVisibleOutcome || shouldReplaceVisibleOutcome(currentVisibleOutcome, nextVisibleOutcome)) {
-        visibleOutcomesByLabel.set(normalizedTitle, nextVisibleOutcome);
-      }
-    });
-  });
-  return [...visibleOutcomesByLabel.values()].sort(compareVisibleOutcomeRows).slice(0, Math.max(1, maxOutcomes));
-};
-var resolveOutcomeTitle = (outcome) => {
-  if (outcome.title && outcome.title.trim())
-    return outcome.title;
-  return outcome.label;
-};
-var selectPrimaryVenueMarket = (venueMarkets) => {
-  if (venueMarkets.length === 0)
-    return void 0;
-  if (venueMarkets.length === 1)
-    return venueMarkets[0];
-  return [...venueMarkets].sort((a, b) => {
-    const aVolume = typeof a.volume === "number" ? a.volume : -1;
-    const bVolume = typeof b.volume === "number" ? b.volume : -1;
-    return bVolume - aVolume;
-  })[0];
-};
-var resolveTileTitle = (event, primaryVenueMarket, titleOverride) => {
-  if (typeof titleOverride === "string" && titleOverride.trim()) {
-    return titleOverride;
-  }
-  if (typeof (primaryVenueMarket == null ? void 0 : primaryVenueMarket.question) === "string" && primaryVenueMarket.question.trim()) {
-    return primaryVenueMarket.question;
-  }
-  return event.title;
-};
-var resolveTileImage = (event, primaryVenueMarket, imageOverride) => {
-  if (typeof imageOverride === "string" && imageOverride.trim()) {
-    return imageOverride;
-  }
-  if (typeof (primaryVenueMarket == null ? void 0 : primaryVenueMarket.image) === "string" && primaryVenueMarket.image.trim()) {
-    return primaryVenueMarket.image;
-  }
-  if (typeof event.image === "string" && event.image.trim()) {
-    return event.image;
-  }
-  return void 0;
-};
-var formatCountLabel = (count, singular, plural) => {
-  return `${count} ${count === 1 ? singular : plural}`;
-};
-var getVenueSummary = (venueMarkets) => {
-  const uniqueVenues = Array.from(new Set(venueMarkets.map((market) => market.venue)));
-  return {
-    marketCount: venueMarkets.length,
-    venueCount: uniqueVenues.length,
-    singleVenue: uniqueVenues.length === 1 ? uniqueVenues[0] : void 0
-  };
-};
-var resolveVenueLabel = (venue, venueInfo, labels) => {
-  var _a, _b;
-  if (!venue)
-    return labels.eventItem.venueSingular;
-  return (_b = (_a = venueInfo == null ? void 0 : venueInfo[venue]) == null ? void 0 : _a.label) != null ? _b : labels.venues[venue];
-};
-
-// src/events/item/index.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
-var EventListItemLoadingState = ({
-  classNames,
-  ariaLabel
-}) => {
-  const labels = (0, import_hooks13.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-    Skeleton,
-    {
-      view: "event-list-item",
-      className: classNames == null ? void 0 : classNames.root,
-      ariaLabel: ariaLabel != null ? ariaLabel : labels.eventItem.loading
-    }
-  );
-};
-var EventListItemUnavailableState = ({
-  classNames,
-  ariaLabel
-}) => {
-  const labels = (0, import_hooks13.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-    Card,
-    {
-      className: cn(baseCardClassName, classNames == null ? void 0 : classNames.root),
-      role: "status",
-      "aria-label": ariaLabel != null ? ariaLabel : labels.eventItem.unavailableAria,
-      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItem.unavailableTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItem.unavailableDescription })
-      ] })
-    }
-  );
-};
-var EventListItemNotFoundState = ({
-  classNames,
-  ariaLabel
-}) => {
-  const labels = (0, import_hooks13.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card, { className: cn("w-full gap-0 overflow-hidden p-0", classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-    StateMessage,
-    {
-      ariaLabel: ariaLabel != null ? ariaLabel : labels.eventItemDetails.notFoundAria,
-      title: labels.eventItemDetails.notFoundTitle,
-      description: labels.eventItemDetails.notFoundDescription,
-      className: "min-h-[280px] md:min-h-[320px]"
-    }
-  ) });
-};
-var EventListItemContent = ({
-  event,
-  title,
-  image,
-  showVenueLogo = true,
-  maxOutcomes = 2,
-  classNames,
-  venueInfo,
-  arbitrageByOutcomeId,
-  onClick,
-  ariaLabel
-}) => {
-  var _a;
-  const config = (0, import_hooks13.useSdkUiConfig)();
-  const labels = (0, import_hooks13.useLabels)();
-  const allVenueMarkets = (0, import_react3.useMemo)(() => {
-    return event.markets.flatMap((market) => market.venueMarkets);
-  }, [event.markets]);
-  const primaryVenueMarket = (0, import_react3.useMemo)(() => {
-    return selectPrimaryVenueMarket(allVenueMarkets);
-  }, [allVenueMarkets]);
-  const visibleOutcomes = (0, import_react3.useMemo)(() => {
-    if (allVenueMarkets.length === 0)
-      return [];
-    return resolveVisibleOutcomes(allVenueMarkets, maxOutcomes);
-  }, [allVenueMarkets, maxOutcomes]);
-  const resolvedTitle = resolveTileTitle(event, primaryVenueMarket, title);
-  const resolvedImage = resolveTileImage(event, primaryVenueMarket, image);
-  const { marketCount, venueCount, singleVenue } = getVenueSummary(allVenueMarkets);
-  const venueLabel = resolveVenueLabel(singleVenue, venueInfo, labels);
-  const visibleVenueLogos = (0, import_react3.useMemo)(() => {
-    return Array.from(new Set(allVenueMarkets.map((market) => market.venue))).slice(0, 4);
-  }, [allVenueMarkets]);
-  const resolvedVolume = typeof event.volume === "number" ? event.volume : (_a = primaryVenueMarket == null ? void 0 : primaryVenueMarket.volume) != null ? _a : void 0;
-  const volumeLabel = typeof resolvedVolume === "number" ? `${config.formatCompactCurrency(resolvedVolume)} ${labels.eventItem.volumeSuffix}` : "";
-  const handleKeyDown = (eventToHandle) => {
-    if (!onClick)
-      return;
-    if ((eventToHandle == null ? void 0 : eventToHandle.key) === "Enter" || (eventToHandle == null ? void 0 : eventToHandle.key) === " ") {
-      eventToHandle == null ? void 0 : eventToHandle.preventDefault();
-      onClick();
-    }
-  };
-  const renderArbitrage = (value) => {
-    if (value == null)
-      return null;
-    if (Math.abs(value) < config.arbitrageThreshold)
-      return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-success"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Typography, { variant: "label-strong", className: "text-agg-success", children: config.formatPercent(value) }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-        Icon,
-        {
-          name: "triangle-up",
-          size: "small",
-          title: labels.eventItem.arbitrage,
-          className: "size-2!"
-        }
-      )
-    ] });
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
-    Card,
-    {
-      className: cn(baseCardClassName, onClick && "cursor-pointer", classNames == null ? void 0 : classNames.root),
-      role: onClick ? "button" : void 0,
-      tabIndex: onClick ? 0 : void 0,
-      onClick,
-      onKeyDown: handleKeyDown,
-      "aria-label": ariaLabel != null ? ariaLabel : resolvedTitle,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: cn("flex items-center gap-3", classNames == null ? void 0 : classNames.header), children: [
-          resolvedImage ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-            "img",
-            {
-              src: resolvedImage,
-              alt: "",
-              className: cn("h-10 w-10", "rounded-agg-lg object-cover")
-            }
-          ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-            Typography,
-            {
-              variant: "body-strong",
-              className: cn(
-                "min-w-0 text-agg-base font-agg-bold leading-agg-6 ",
-                "truncate text-wrap wrap-break-word line-clamp-2",
-                classNames == null ? void 0 : classNames.title
-              ),
-              children: resolvedTitle
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.outcomes), children: visibleOutcomes.map((visibleOutcome) => {
-          const probability = normalizeProbability(visibleOutcome.outcome.price);
-          const showBadge = typeof probability === "number";
-          const arbitragePercent = arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[visibleOutcome.outcome.id];
-          const outcomeTitle = resolveOutcomeTitle(visibleOutcome.outcome);
-          const formattedTitle = (0, import_dayjs.default)(outcomeTitle).isValid() ? (0, import_dayjs.default)(outcomeTitle).format("MMMM D, YYYY") : outcomeTitle;
-          return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
-            "div",
-            {
-              className: cn(
-                "flex flex-row gap-3 w-full items-center justify-between",
-                classNames == null ? void 0 : classNames.outcomeRow
-              ),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-                  Typography,
-                  {
-                    variant: "body",
-                    className: "min-w-0 truncate text-agg-sm leading-agg-5 md:text-agg-base md:leading-agg-6",
-                    children: formattedTitle
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-row gap-3 items-center justify-end", children: [
-                  renderArbitrage(arbitragePercent),
-                  showBadge ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-                    Badge,
-                    {
-                      text: config.formatPercent(probability),
-                      prefix: showVenueLogo ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(VenueLogo, { venue: visibleOutcome.venue, size: "small" }) : void 0,
-                      size: "large",
-                      classNames: {
-                        root: cn(
-                          "h-9 min-w-[101px] justify-center px-4 text-agg-base leading-agg-6",
-                          classNames == null ? void 0 : classNames.badge
-                        )
-                      }
-                    }
-                  ) : null
-                ] })
-              ]
-            },
-            `${visibleOutcome.market.id}-${visibleOutcome.outcome.id}`
-          );
-        }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+        items: selectItems,
+        onChange: handleSelect,
+        value
+      }
+    ) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+    "div",
+    {
+      className: cn(
+        "group/agg-tabs",
+        "relative max-w-full items-stretch font-agg-sans bg-agg-secondary",
+        "inline-flex",
+        className,
+        classNames == null ? void 0 : classNames.root
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
           "div",
           {
-            className: cn(
-              "flex items-center justify-between gap-2",
-              "text-agg-muted-foreground",
-              classNames == null ? void 0 : classNames.footer
-            ),
+            ref: tabListRef,
+            role: "tablist",
+            "aria-label": resolvedAriaLabel,
+            className: cn("relative", tabListClassName, classNames == null ? void 0 : classNames.tabList),
+            onClickCapture: handleTabListClickCapture,
+            onPointerCancel: handleEndTabListDrag,
+            onPointerDown: handleTabListPointerDown,
+            onPointerMove: handleTabListPointerMove,
+            onPointerUp: handleEndTabListDrag,
+            onWheel: handleTabListWheel,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-sm leading-agg-5"), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "truncate text-agg-muted-foreground", children: formatCountLabel(
-                  marketCount,
-                  labels.eventItem.marketSingular,
-                  labels.eventItem.marketPlural
-                ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-agg-muted-foreground", children: "\xD7" }),
-                singleVenue ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "flex items-center gap-1 truncate text-agg-muted-foreground", children: [
-                  showVenueLogo ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-                    VenueLogo,
-                    {
-                      venue: singleVenue,
-                      size: "small",
-                      isMonochromatic: true,
-                      className: "text-agg-muted-foreground!"
-                    }
-                  ) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: venueLabel })
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "truncate text-agg-muted-foreground", children: formatCountLabel(
-                  venueCount,
-                  labels.eventItem.venueSingular,
-                  labels.eventItem.venuePlural
-                ) }),
-                showVenueLogo && !singleVenue && visibleVenueLogos.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "flex items-center gap-1 overflow-hidden", children: visibleVenueLogos.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-                  VenueLogo,
+              renderedItems.map((item, index) => {
+                const isActive = item.value === value;
+                return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+                  "button",
                   {
-                    venue,
-                    size: "small",
-                    isMonochromatic: true,
-                    className: "text-agg-muted-foreground!"
+                    ref: (buttonElement) => {
+                      buttonRefs.current[index] = buttonElement;
+                    },
+                    type: "button",
+                    role: "tab",
+                    tabIndex: isActive ? 0 : -1,
+                    "aria-selected": isActive,
+                    "aria-label": item.label,
+                    disabled: item.disabled,
+                    onClick: (e) => {
+                      e.preventDefault();
+                      e.stopPropagation();
+                      handleSelect(item.value);
+                    },
+                    onKeyDown: (event) => handleKeyDown(event, index),
+                    className: cn(
+                      getTabButtonClassName({
+                        enableAnimations,
+                        isBarVariant,
+                        isActive,
+                        isDisabled: !!item.disabled,
+                        size
+                      }),
+                      shouldUseOverflowScroll && !isBarVariant && "snap-start"
+                    ),
+                    children: [
+                      isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_jsx_runtime60.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                        "span",
+                        {
+                          "aria-hidden": true,
+                          className: cn(
+                            "pointer-events-none absolute inset-px origin-bottom rounded-[2px] bg-agg-secondary-hover",
+                            getMotionClassName(
+                              enableAnimations,
+                              "transition-[transform,opacity] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none"
+                            ),
+                            isActive ? "scale-y-100 opacity-100" : "scale-y-0 opacity-0"
+                          )
+                        }
+                      ) }) : null,
+                      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "relative z-10 inline-flex shrink-0 items-center justify-center", children: item.icon }) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "relative z-10 truncate whitespace-nowrap [&::first-letter]:uppercase", children: item.label })
+                    ]
                   },
-                  venue
-                )) }) : null
-              ] }),
-              volumeLabel ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Typography, { variant: "label", className: "text-agg-sm text-agg-muted-foreground", children: volumeLabel }) : null
+                  item.value
+                );
+              }),
+              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                "span",
+                {
+                  "aria-hidden": true,
+                  className: cn(
+                    "pointer-events-none absolute bottom-0 left-0 rounded-t-agg-sm bg-agg-primary",
+                    getMotionClassName(
+                      enableAnimations,
+                      "transition-[transform,width,opacity] duration-300 ease-in-out"
+                    ),
+                    "h-[3px]"
+                  ),
+                  style: activeUnderlineStyle
+                }
+              ) : null
             ]
           }
-        )
+        ),
+        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+            "span",
+            {
+              "aria-hidden": true,
+              className: cn(
+                "pointer-events-none absolute top-0 bottom-0 left-8 z-10 w-12 md:w-18 bg-linear-to-r from-agg-secondary via-agg-secondary to-transparent",
+                getMotionClassName(enableAnimations, "transition-opacity duration-200"),
+                scrollAffordanceState.showStart ? "opacity-100" : "opacity-0"
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+            "span",
+            {
+              "aria-hidden": true,
+              className: cn(
+                "pointer-events-none absolute top-0 right-8 bottom-0 z-10 w-12 md:w-18 bg-linear-to-l from-agg-secondary via-agg-secondary to-transparent",
+                getMotionClassName(enableAnimations, "transition-opacity duration-200"),
+                scrollAffordanceState.showEnd ? "opacity-100" : "opacity-0"
+              )
+            }
+          )
+        ] }) : null
       ]
     }
   );
 };
-var EventListItemByEventId = (_a) => {
-  var _b = _a, {
-    eventId
-  } = _b, rest = __objRest(_b, [
-    "eventId"
-  ]);
-  const {
-    event: fetchedEvent,
-    error,
-    isError,
-    isLoading
-  } = (0, import_hooks13.useEvent)(eventId, {
-    enabled: !!eventId
-  });
-  const resolvedEvent = (0, import_react3.useMemo)(() => {
-    return resolveEventListItemEvent(fetchedEvent);
-  }, [fetchedEvent]);
-  if (!eventId) {
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
-  }
-  if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
-  }
-  if (isErrorWithStatus(error, 404)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
-  }
-  if (!fetchedEvent && !isError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
-  }
-  if (!resolvedEvent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemContent, __spreadValues({ event: resolvedEvent }, rest));
-};
-var EventListItem = (props) => {
-  if (props.isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
-  }
-  if ("event" in props && props.event) {
-    const _a = props, { event } = _a, rest = __objRest(_a, ["event"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemContent, __spreadValues({ event }, rest));
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemByEventId, __spreadValues({}, props));
-};
-EventListItem.displayName = "EventListItem";
+Tabs.displayName = "Tabs";
 
-// src/events/list/event-list.constants.ts
-var POLYMARKET_VENUE = "polymarket";
-var KALSHI_VENUE = "kalshi";
-var POLYMARKET_VENUE_LOGO = "polymarket";
-var KALSHI_VENUE_LOGO = "kalshi";
-var getDefaultEventListTabs = (labels) => {
-  return [
-    {
-      value: "matched",
-      label: labels.eventList.matchedTab,
-      iconName: "arrows-to-dot"
-    },
-    {
-      value: "polymarket",
-      label: labels.venues.polymarket,
-      venueLogo: POLYMARKET_VENUE_LOGO,
-      venues: [POLYMARKET_VENUE]
-    },
+// src/trading/place-order/index.tsx
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var WarningFilledIcon2 = ({ className }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    "svg",
     {
-      value: "kalshi",
-      label: labels.venues.kalshi,
-      venueLogo: KALSHI_VENUE_LOGO,
-      venues: [KALSHI_VENUE]
+      viewBox: "0 0 16 16",
+      fill: "none",
+      className: cn("text-agg-warning", className),
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M8 1.33301L15.3333 14.6663H0.666656L8 1.33301Z", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M8 5.33301V8.66634", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("circle", { cx: "8", cy: "11.1667", r: "0.833333", fill: "white" })
+      ]
     }
-  ];
+  );
 };
-
-// src/events/list/event-list.utils.ts
-var mapEventToEventListItemEvent = (event) => {
-  const mergedVenueMarkets = event.markets.flatMap((m) => m.venueMarkets);
-  if (mergedVenueMarkets.length === 0)
-    return null;
-  return event;
+var ErrorFilledIcon = ({ className }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      fill: "none",
+      className: cn("text-agg-error", className),
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("circle", { cx: "8", cy: "8", r: "8", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M8 4.16699V8.50033", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("circle", { cx: "8", cy: "11.167", r: "0.833333", fill: "white" })
+      ]
+    }
+  );
 };
-var filterEventsByTabValue = (events, _tabValue) => {
-  return events;
+var getPlaceOrderContainerClassName = () => {
+  return "overflow-hidden rounded-agg-xl border border-agg-border bg-agg-secondary shadow-none hover:shadow-none";
 };
-var resolveTabVenus = (tab) => {
-  if (!tab)
-    return void 0;
-  if (tab.venues && tab.venues.length > 0)
-    return tab.venues;
-  if (tab.value === "polymarket" || tab.value === "kalshi") {
-    return [tab.value];
+var getRoutingCardClassName = (isHighlighted) => {
+  if (!isHighlighted) {
+    return "border-agg-border bg-agg-secondary";
   }
-  return void 0;
+  return "border-agg-trade-highlight-border bg-agg-trade-highlight-surface";
+};
+var getResultValueClassName = (tone) => {
+  if (tone === "default")
+    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"
+  );
 };
-
-// src/events/list/index.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
-var renderTabIcon = (tab, isActive) => {
-  if (tab.venueLogo) {
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(VenueLogo, { venue: tab.venueLogo, size: "small" });
-  }
-  if (!tab.iconName)
+var getStatusContent = ({
+  placement,
+  status,
+  onStatusAction
+}) => {
+  if (!status || status.placement !== placement)
     return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-    Icon,
-    {
-      name: tab.iconName,
-      size: "small",
-      color: isActive ? "var(--agg-color-primary)" : "var(--agg-color-foreground)"
-    }
-  );
+  if (status.tone === "warning") {
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(WarningFilledIcon2, { className: "h-4 w-4 shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: status.message })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center gap-3 rounded-agg-lg bg-agg-status-error-surface px-3 py-2.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ErrorFilledIcon, { className: "h-4 w-4 shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "min-w-0 flex-1 text-agg-sm leading-agg-5 text-agg-foreground", children: status.message })
+    ] }),
+    status.actionLabel ? /* @__PURE__ */ (0, import_jsx_runtime61.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
+  ] });
 };
-var TAB_MIN_WIDTH = 80;
-var TAB_HORIZONTAL_PADDING = 32;
-var TAB_ICON_AND_GAP_WIDTH = 24;
-var TAB_OUTER_BORDER_WIDTH = 2;
-var TAB_INNER_BORDER_WIDTH = 1;
-var measureTabLabelWidth = (label) => {
-  if (typeof document === "undefined")
-    return label.length * 9;
-  const canvas = document.createElement("canvas");
-  const context = canvas.getContext("2d");
-  if (!context)
-    return label.length * 9;
-  context.font = "700 16px Inter";
-  return context.measureText(label).width;
-};
-var estimateTabsWidth = (items) => {
-  if (items.length === 0)
-    return 0;
-  const tabsWidth = items.reduce((sum, item) => {
-    const textWidth = Math.ceil(measureTabLabelWidth(item.label));
-    const iconWidth = item.icon ? TAB_ICON_AND_GAP_WIDTH : 0;
-    const buttonWidth = Math.max(TAB_MIN_WIDTH, textWidth + iconWidth + TAB_HORIZONTAL_PADDING);
-    return sum + buttonWidth;
-  }, 0);
-  return tabsWidth + TAB_OUTER_BORDER_WIDTH + (items.length - 1) * TAB_INNER_BORDER_WIDTH;
-};
-var EventList = ({
+var PlaceOrder = ({
   title,
-  maxItemsPerRow = 3,
-  limit = 3,
-  maxVisibleItems,
-  showVenueLogo = true,
-  search,
-  categoryIds
+  marketDate,
+  marketImageUrl,
+  activeTab,
+  buyLabel,
+  sellLabel,
+  outcomes,
+  selectedOutcomeId,
+  primaryMetric,
+  routing,
+  result,
+  actionLabel,
+  disclaimer = defaultTradingDisclaimer,
+  isDismissible = false,
+  isLoading = false,
+  status,
+  className,
+  isPrimaryActionDisabled = false,
+  isPrimaryActionLoading = false,
+  onClose,
+  onOutcomeChange,
+  onPrimaryAction,
+  onStatusAction,
+  onTabChange
 }) => {
-  var _a, _b;
+  const { enableAnimations } = (0, import_hooks14.useSdkUiConfig)();
   const labels = (0, import_hooks14.useLabels)();
-  const defaultEventListTabs = (0, import_react4.useMemo)(() => {
-    return getDefaultEventListTabs(labels);
-  }, [labels]);
-  const [activeTabValue, setActiveTabValue] = (0, import_react4.useState)(
-    (_b = (_a = defaultEventListTabs[0]) == null ? void 0 : _a.value) != null ? _b : "matched"
-  );
-  const [_shouldUseSelectOverflow, setShouldUseSelectOverflow] = (0, import_react4.useState)(false);
-  const activeTab = (0, import_react4.useMemo)(() => {
-    return defaultEventListTabs.find((tab) => tab.value === activeTabValue);
-  }, [activeTabValue]);
-  const venues = (0, import_react4.useMemo)(() => {
-    return resolveTabVenus(activeTab);
-  }, [activeTab]);
-  const resolvedMaxVisibleItems = (0, import_react4.useMemo)(() => {
-    if (!Number.isFinite(maxVisibleItems))
-      return void 0;
-    return Math.max(1, Math.floor(maxVisibleItems));
-  }, [maxVisibleItems]);
-  const requestLimit = resolvedMaxVisibleItems != null ? resolvedMaxVisibleItems : limit;
-  const shouldPaginate = resolvedMaxVisibleItems == null;
-  const { events, isLoading, isError, fetchNextPage, hasNextPage, isFetchingNextPage } = (0, import_hooks14.useEvents)({
-    venues,
-    search,
-    categoryIds,
-    limit: requestLimit
-  });
-  const filteredEvents = (0, import_react4.useMemo)(() => {
-    return filterEventsByTabValue(events, activeTabValue);
-  }, [events, activeTabValue]);
-  const tileEvents = (0, import_react4.useMemo)(() => {
-    const normalizedEvents = filteredEvents.map((event) => mapEventToEventListItemEvent(event)).filter((event) => event != null);
-    if (resolvedMaxVisibleItems == null)
-      return normalizedEvents;
-    return normalizedEvents.slice(0, resolvedMaxVisibleItems);
-  }, [filteredEvents, resolvedMaxVisibleItems]);
-  const tabsItems = (0, import_react4.useMemo)(() => {
-    return defaultEventListTabs.map((tab) => {
-      const isActive = tab.value === activeTabValue;
-      return {
-        value: tab.value,
-        label: tab.label,
-        icon: renderTabIcon(tab, isActive),
-        disabled: tab.disabled
-      };
-    });
-  }, [activeTabValue]);
-  const headerRef = (0, import_react4.useRef)(null);
-  const titleRef = (0, import_react4.useRef)(null);
-  const updateTabsOverflowBehavior = (0, import_react4.useCallback)(() => {
-    if (typeof window === "undefined")
-      return;
-    const headerElement = headerRef.current;
-    const titleElement = titleRef.current;
-    if (!headerElement || !titleElement)
-      return;
-    const isDesktop = window.matchMedia("(min-width: 768px)").matches;
-    if (!isDesktop) {
-      setShouldUseSelectOverflow(false);
-      return;
-    }
-    const headerStyles = window.getComputedStyle(headerElement);
-    const rawGap = headerStyles.columnGap || headerStyles.gap || "0";
-    const horizontalGap = Number.parseFloat(rawGap) || 0;
-    const availableTabsWidth = headerElement.clientWidth - titleElement.getBoundingClientRect().width - horizontalGap;
-    const estimatedTabsWidth = estimateTabsWidth(tabsItems);
-    setShouldUseSelectOverflow(availableTabsWidth > 0 && estimatedTabsWidth > availableTabsWidth);
-  }, [tabsItems]);
-  (0, import_react4.useEffect)(() => {
-    updateTabsOverflowBehavior();
-  }, [updateTabsOverflowBehavior]);
-  (0, import_react4.useEffect)(() => {
-    if (typeof ResizeObserver === "undefined")
-      return;
-    const headerElement = headerRef.current;
-    const titleElement = titleRef.current;
-    if (!headerElement || !titleElement)
-      return;
-    const resizeObserver = new ResizeObserver(() => {
-      updateTabsOverflowBehavior();
-    });
-    resizeObserver.observe(headerElement);
-    resizeObserver.observe(titleElement);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [updateTabsOverflowBehavior]);
-  const resolvedMaxItemsPerRow = Number.isFinite(maxItemsPerRow) ? Math.max(1, Math.floor(maxItemsPerRow)) : 1;
-  const loadingPlaceholderCount = isFetchingNextPage ? Math.min(resolvedMaxItemsPerRow, resolvedMaxVisibleItems != null ? resolvedMaxVisibleItems : Infinity) : 0;
-  const shouldRenderLoadingState = isLoading && tileEvents.length === 0;
-  const loadMoreRef = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
-    if (!shouldPaginate)
-      return;
-    if (!hasNextPage)
-      return;
-    const target = loadMoreRef.current;
-    if (!target)
-      return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        const entry = entries[0];
-        if (!(entry == null ? void 0 : entry.isIntersecting))
-          return;
-        if (isLoading || isFetchingNextPage || !hasNextPage)
-          return;
-        void fetchNextPage();
-      },
+  const resolvedDisclaimer = disclaimer === defaultTradingDisclaimer ? labels.trading.disclaimer : disclaimer;
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      Skeleton,
       {
-        rootMargin: "320px 0px"
+        ariaLabel: labels.common.loading,
+        className,
+        view: skeletonViews.placeOrder
       }
     );
-    observer.observe(target);
-    return () => {
-      observer.disconnect();
-    };
-  }, [fetchNextPage, hasNextPage, isFetchingNextPage, isLoading, shouldPaginate]);
-  const gridStyle = {
-    ["--agg-event-list-columns"]: String(resolvedMaxItemsPerRow)
+  }
+  const [internalTab, setInternalTab] = (0, import_react4.useState)(activeTab);
+  const [internalOutcomeId, setInternalOutcomeId] = (0, import_react4.useState)(selectedOutcomeId);
+  (0, import_react4.useEffect)(() => {
+    setInternalTab(activeTab);
+  }, [activeTab]);
+  (0, import_react4.useEffect)(() => {
+    setInternalOutcomeId(selectedOutcomeId);
+  }, [selectedOutcomeId]);
+  const resolvedTab = onTabChange ? activeTab : internalTab;
+  const resolvedOutcomeId = onOutcomeChange ? selectedOutcomeId : internalOutcomeId;
+  const hasHighlightedRouting = routing.tone === "highlighted";
+  const dateLabel = getTradingDateLabel(marketDate);
+  const tabItems = (0, import_react4.useMemo)(() => {
+    return [
+      { value: "buy", label: buyLabel },
+      { value: "sell", label: sellLabel }
+    ];
+  }, [buyLabel, sellLabel]);
+  const handleTabChange = (nextTab) => {
+    if (!onTabChange) {
+      setInternalTab(nextTab);
+    }
+    onTabChange == null ? void 0 : onTabChange(nextTab);
+  };
+  const handleOutcomeChange = (nextOutcomeId) => {
+    if (!onOutcomeChange) {
+      setInternalOutcomeId(nextOutcomeId);
+    }
+    onOutcomeChange == null ? void 0 : onOutcomeChange(nextOutcomeId);
   };
-  const gridClassName = cn(
-    "grid grid-cols-1 gap-5",
-    "md:[grid-template-columns:repeat(var(--agg-event-list-columns),minmax(0,1fr))]"
+  const actionButton = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    Button,
+    {
+      size: "large",
+      className: "w-full",
+      disabled: isPrimaryActionDisabled,
+      isLoading: isPrimaryActionLoading,
+      "aria-label": actionLabel,
+      onClick: onPrimaryAction,
+      children: actionLabel
+    }
   );
-  if (shouldRenderLoadingState) {
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Skeleton, { view: "event-list", ariaLabel: labels.eventList.loading(title) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("section", { className: "flex w-full flex-col gap-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
-      "header",
-      {
-        ref: headerRef,
-        className: "flex flex-col sm:flex-row w-full flex-nowrap items-start sm:items-center justify-between gap-2 sm:gap-4",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { ref: titleRef, className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Typography, { as: "h2", variant: "title", className: "truncate [&::first-letter]:uppercase", children: title }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-            Tabs,
+  const contentBody = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col gap-6 p-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-start justify-between gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+          marketImageUrl ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            "img",
             {
-              ariaLabel: labels.eventList.tabsAria(title),
-              items: tabsItems,
-              value: activeTabValue,
-              onChange: setActiveTabValue
+              src: marketImageUrl,
+              alt: "",
+              className: "h-12 w-12 shrink-0 rounded-agg-lg object-cover"
             }
-          )
-        ]
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "min-w-0 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: title })
+        ] }),
+        isDismissible ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          "button",
+          {
+            type: "button",
+            "aria-label": labels.common.close,
+            className: "shrink-0 text-agg-foreground",
+            onClick: onClose,
+            children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+              Icon,
+              {
+                name: "close",
+                size: "medium",
+                className: "h-6 w-6 text-agg-foreground",
+                color: "currentColor"
+              }
+            )
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: dateLabel })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      Tabs,
+      {
+        ariaLabel: labels.common.tabsAria,
+        items: tabItems,
+        value: resolvedTab,
+        onChange: handleTabChange,
+        variant: "underline",
+        size: "s",
+        overflowBehavior: "scroll",
+        classNames: {
+          root: "w-full",
+          tabList: "w-full"
+        }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: gridClassName, style: gridStyle, children: [
-      tileEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-        EventListItem,
-        {
-          event,
-          showVenueLogo,
-          classNames: {
-            root: "w-full min-w-0 max-w-none"
-          }
-        },
-        event.id
-      )),
-      Array.from({ length: loadingPlaceholderCount }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-        EventListItem,
-        {
-          isLoading: true,
-          classNames: {
-            root: "w-full min-w-0 max-w-none"
-          }
-        },
-        `loading-${index}`
-      )),
-      !isLoading && !isError && (tileEvents == null ? void 0 : tileEvents.length) === 0 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Card, { className: "col-span-full overflow-hidden shadow-none hover:shadow-none", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-        StateMessage,
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.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__ */ (0, import_jsx_runtime61.jsx)(
+          "button",
+          {
+            type: "button",
+            className: getOutcomeButtonClassName({
+              enableAnimations,
+              isActive,
+              isPositive
+            }),
+            "aria-pressed": isActive,
+            "aria-label": `${outcome.label} ${outcome.priceLabel}`,
+            onClick: () => handleOutcomeChange(outcome.id),
+            children: `${outcome.label} ${outcome.priceLabel}`
+          },
+          outcome.id
+        );
+      }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: primaryMetric.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: primaryMetric.hint })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-agg-3xl font-agg-bold leading-agg-9 text-agg-foreground", children: primaryMetric.value })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+        "div",
         {
-          ariaLabel: labels.eventList.emptyAria,
-          title: labels.eventList.emptyTitle,
-          description: labels.eventList.emptyDescription,
-          className: "min-h-[320px]"
+          className: cn(
+            "relative overflow-hidden rounded-agg-lg border p-3",
+            getRoutingCardClassName(hasHighlightedRouting)
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+              "div",
+              {
+                className: cn(
+                  "pointer-events-none absolute inset-x-0 bottom-0 h-11 bg-linear-to-b from-transparent to-agg-trade-highlight-glow",
+                  hasHighlightedRouting ? "opacity-100" : "opacity-0"
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "relative flex flex-col gap-3", children: [
+              routing.rows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                      VenueLogo,
+                      {
+                        venue: row.venue,
+                        size: "small",
+                        ariaLabel: getTradingVenueLabel(row.venue)
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "truncate text-agg-base leading-agg-6 text-agg-foreground", children: row.label })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "shrink-0 text-agg-base leading-agg-6 text-agg-foreground", children: row.priceLabel })
+                ] }),
+                index < routing.rows.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                  "div",
+                  {
+                    className: cn(
+                      "h-px w-full",
+                      hasHighlightedRouting ? "bg-agg-trade-highlight-border" : "bg-agg-separator"
+                    )
+                  }
+                ) : null
+              ] }, `${row.venue}-${row.label}`)),
+              routing.highlightLabel ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-center text-agg-sm font-agg-bold leading-agg-5 uppercase text-agg-trade-highlight-accent", children: routing.highlightLabel }) : null
+            ] })
+          ]
         }
-      ) }) : null,
-      isError ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-        Typography,
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: routing.helperLabel })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: result.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: result.hint })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        "p",
         {
-          variant: "body",
-          className: "w-full col-span-full flex flex-col items-center justify-center h-32",
-          children: labels.eventList.error
+          className: cn(
+            "text-agg-3xl font-agg-bold leading-agg-9",
+            getResultValueClassName(result.tone)
+          ),
+          children: result.value
         }
-      ) : null
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+      getStatusContent({
+        placement: "above-action",
+        status,
+        onStatusAction
+      }),
+      actionButton,
+      getStatusContent({
+        placement: "below-action",
+        status,
+        onStatusAction
+      })
     ] }),
-    shouldPaginate && hasNextPage ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { ref: loadMoreRef, className: "h-px w-full", "aria-hidden": true }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: resolvedDisclaimer })
   ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Card, { className: cn(getPlaceOrderContainerClassName(), className), children: contentBody });
 };
-EventList.displayName = "EventList";
+PlaceOrder.displayName = "PlaceOrder";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  EventList
+  PlaceOrder,
+  Settlement,
+  defaultSettlementDifferencesTitle,
+  defaultSettlementSectionLabel,
+  defaultTradingDisclaimer,
+  getTradingAveragePriceLabel,
+  getTradingBalanceLabel,
+  getTradingDateLabel,
+  getTradingPriceLabel,
+  getTradingSharesLabel,
+  getTradingSlippageLabel,
+  getTradingValueLabel,
+  getTradingVenueLabel,
+  placeOrderMetricSchema,
+  placeOrderOutcomeSchema,
+  placeOrderResultSchema,
+  placeOrderResultToneSchema,
+  placeOrderRoutingRowSchema,
+  placeOrderRoutingSchema,
+  placeOrderRoutingToneSchema,
+  placeOrderStatusPlacementSchema,
+  placeOrderStatusSchema,
+  placeOrderStatusToneSchema,
+  placeOrderTabSchema,
+  placeOrderViewModelSchema,
+  settlementVenueSchema,
+  settlementViewModelSchema,
+  tradingVenueSchema
 });