@agg-market/ui 0.0.1

package/dist/chunk-P674XRDY.mjs

@@ -0,0 +1,481 @@
+import {
+  Card
+} from "./chunk-P5PFQX75.mjs";
+import {
+  cn,
+  getMotionClassName
+} from "./chunk-GC3QIIH7.mjs";
+
+// src/primitives/skeleton/views/event-list-skeleton-view.tsx
+import { useLabels as useLabels2 } from "@agg/hooks";
+
+// src/primitives/skeleton/skeleton-block.tsx
+import { useSdkUiConfig } from "@agg/hooks";
+import { jsx } from "react/jsx-runtime";
+var SkeletonBlock = ({ className }) => {
+  const { enableAnimations } = useSdkUiConfig();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "bg-agg-separator",
+        getMotionClassName(enableAnimations, "animate-pulse"),
+        className
+      )
+    }
+  );
+};
+SkeletonBlock.displayName = "SkeletonBlock";
+
+// src/primitives/skeleton/views/event-list-item-skeleton-view.tsx
+import { useLabels } from "@agg/hooks";
+
+// src/events/item/event-list-item.constants.ts
+var baseCardClassName = "gap-3 overflow-hidden p-5 w-full";
+
+// src/primitives/skeleton/views/event-list-item-skeleton-view.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var EventListItemSkeletonView = ({
+  className,
+  ariaLabel,
+  isStandalone = false
+}) => {
+  const labels = useLabels();
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      className: cn(baseCardClassName, className),
+      role: isStandalone ? "status" : void 0,
+      "aria-label": isStandalone ? ariaLabel != null ? ariaLabel : labels.eventItem.loading : void 0,
+      "aria-busy": isStandalone || void 0,
+      "aria-hidden": isStandalone ? void 0 : true,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start gap-3", children: [
+          /* @__PURE__ */ jsx2(SkeletonBlock, { className: "h-10 w-10 rounded-agg-lg" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [
+            /* @__PURE__ */ jsx2(SkeletonBlock, { className: "h-5 w-[82%] rounded-agg-sm" }),
+            /* @__PURE__ */ jsx2(SkeletonBlock, { className: "h-5 w-[68%] rounded-agg-sm" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-3", children: [0, 1].map((index) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "grid w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-3",
+            children: [
+              /* @__PURE__ */ jsx2(SkeletonBlock, { className: "h-4 rounded-agg-sm" }),
+              /* @__PURE__ */ jsx2(SkeletonBlock, { className: "h-4 w-10 rounded-agg-sm" }),
+              /* @__PURE__ */ jsx2(SkeletonBlock, { className: "h-9 w-[101px] rounded-agg-full" })
+            ]
+          },
+          index
+        )) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-agg-muted-foreground", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx2(SkeletonBlock, { className: "h-4 w-36 rounded-agg-sm" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx2(SkeletonBlock, { className: "size-3 rounded-agg-full" }),
+              /* @__PURE__ */ jsx2(SkeletonBlock, { className: "size-3 rounded-agg-full" }),
+              /* @__PURE__ */ jsx2(SkeletonBlock, { className: "size-3 rounded-agg-full" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx2(SkeletonBlock, { className: "h-4 w-20 rounded-agg-sm" })
+        ] })
+      ]
+    }
+  );
+};
+EventListItemSkeletonView.displayName = "EventListItemSkeletonView";
+
+// src/primitives/skeleton/views/event-list-skeleton-view.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var EventListSkeletonView = ({ className, ariaLabel }) => {
+  const labels = useLabels2();
+  return /* @__PURE__ */ jsxs2(
+    "section",
+    {
+      className: cn("flex w-full flex-col gap-5", className),
+      role: "status",
+      "aria-label": ariaLabel != null ? ariaLabel : labels.eventList.loading("events"),
+      "aria-busy": true,
+      children: [
+        /* @__PURE__ */ jsxs2("header", { className: "flex w-full flex-col items-start justify-between gap-2 md:flex-row md:flex-nowrap md:items-center md:gap-4", children: [
+          /* @__PURE__ */ jsx3(SkeletonBlock, { className: "h-7 w-40 rounded-agg-sm" }),
+          /* @__PURE__ */ jsxs2("div", { className: "flex max-w-full gap-2", children: [
+            /* @__PURE__ */ jsx3(SkeletonBlock, { className: "h-10 w-20 rounded-agg-full" }),
+            /* @__PURE__ */ jsx3(SkeletonBlock, { className: "h-10 w-20 rounded-agg-full" }),
+            /* @__PURE__ */ jsx3(SkeletonBlock, { className: "h-10 w-24 rounded-agg-full" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx3("div", { className: "grid grid-cols-1 gap-5 md:grid-cols-3", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsx3(
+          EventListItemSkeletonView,
+          {
+            isStandalone: false,
+            className: "w-full min-w-0 max-w-none"
+          },
+          index
+        )) })
+      ]
+    }
+  );
+};
+EventListSkeletonView.displayName = "EventListSkeletonView";
+
+// src/primitives/skeleton/views/event-list-item-details-skeleton-view.tsx
+import { useLabels as useLabels3 } from "@agg/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";
+var eventListItemDetailsTimeRanges = [
+  "1H",
+  "6H",
+  "1D",
+  "1W",
+  "1M",
+  "ALL"
+];
+var lineColorByVenue = {
+  polymarket: "#2e5cff",
+  kalshi: "#00d295",
+  probable: "#f05923",
+  opinion: "#020205"
+};
+var fallbackLineColors = ["#2e5cff", "#00d295", "#f05923", "#020205"];
+
+// src/primitives/skeleton/views/event-list-item-details-skeleton-view.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var EventListItemDetailsSkeletonView = ({
+  className,
+  ariaLabel
+}) => {
+  const labels = useLabels3();
+  return /* @__PURE__ */ jsxs3(
+    Card,
+    {
+      className: cn(detailsBaseCardClassName, className),
+      role: "status",
+      "aria-label": ariaLabel != null ? ariaLabel : labels.eventItemDetails.loading,
+      "aria-busy": true,
+      children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex w-full items-start gap-3 md:gap-4", children: [
+          /* @__PURE__ */ jsx4(SkeletonBlock, { className: "size-10 rounded-agg-lg md:size-[60px]" }),
+          /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 flex-col gap-2", children: [
+            /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-5 w-[82%] rounded-agg-sm md:h-7 md:w-[55%]" }),
+            /* @__PURE__ */ jsxs3("div", { className: "flex gap-2 overflow-hidden", children: [
+              /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-8 w-28 rounded-agg-full" }),
+              /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-8 w-28 rounded-agg-full" }),
+              /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-8 w-28 rounded-agg-full" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-10 w-full rounded-agg-full md:w-[220px]" }),
+          /* @__PURE__ */ jsxs3("div", { className: "flex gap-2 overflow-hidden", children: [
+            /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-9 w-20 rounded-agg-full" }),
+            /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-9 w-20 rounded-agg-full" }),
+            /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-9 w-20 rounded-agg-full" }),
+            /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-9 w-20 rounded-agg-full" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx4("div", { className: "h-[300px] w-full rounded-agg-xl", children: /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-full w-full rounded-agg-xl" }) }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-5 w-24 rounded-agg-sm" }),
+          /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-5 w-40 rounded-agg-sm" })
+        ] })
+      ]
+    }
+  );
+};
+EventListItemDetailsSkeletonView.displayName = "EventListItemDetailsSkeletonView";
+
+// src/primitives/skeleton/views/market-details-skeleton-view.tsx
+import { useLabels as useLabels4 } from "@agg/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";
+var getMarketDetailsTabs = (labels) => {
+  return [
+    { value: "order-book", label: labels.marketDetails.tabs.orderBook },
+    { value: "graph", label: labels.marketDetails.tabs.graph }
+  ];
+};
+var marketDetailsDefaultIsOpened = false;
+var orderBookRowLimitDefault = 4;
+
+// src/primitives/skeleton/views/market-details-skeleton-view.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var MarketDetailsSkeletonView = ({
+  className,
+  ariaLabel,
+  isDetailed
+}) => {
+  const labels = useLabels4();
+  return /* @__PURE__ */ jsxs4(
+    Card,
+    {
+      className: cn(marketDetailsBaseCardClassName, className),
+      role: "status",
+      "aria-label": ariaLabel != null ? ariaLabel : labels.marketDetails.loading,
+      "aria-busy": true,
+      children: [
+        /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3 p-4 md:px-5 md:py-4", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 items-center gap-3 md:gap-4", children: [
+              /* @__PURE__ */ jsx5(SkeletonBlock, { className: "size-12 rounded-agg-lg md:size-[60px]" }),
+              /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-col gap-2", children: [
+                /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-6 w-40 rounded-agg-sm" }),
+                /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-4 w-28 rounded-agg-sm" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-8 w-16 rounded-agg-sm" })
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-10 flex-1 rounded-agg-full" }),
+            /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-10 flex-1 rounded-agg-full" })
+          ] })
+        ] }),
+        isDetailed ? /* @__PURE__ */ jsxs4(Fragment, { children: [
+          /* @__PURE__ */ jsx5("div", { className: "h-px w-full bg-agg-separator" }),
+          /* @__PURE__ */ jsx5("div", { className: "flex h-14 items-end", children: /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-full w-full rounded-none" }) }),
+          /* @__PURE__ */ jsx5("div", { className: "h-px w-full bg-agg-separator" }),
+          /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-4 p-5", children: [
+            /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3", children: [
+              /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-4 w-12 rounded-agg-sm" }),
+              [0, 1, 2, 3].map((index) => /* @__PURE__ */ jsxs4(
+                "div",
+                {
+                  className: "grid grid-cols-[52px_1fr_1fr_52px] items-center gap-2",
+                  children: [
+                    /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-4 rounded-agg-sm" }),
+                    /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-4 rounded-agg-sm" }),
+                    /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-4 rounded-agg-sm" }),
+                    /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-2 rounded-agg-full" })
+                  ]
+                },
+                `ask-${index}`
+              ))
+            ] }),
+            /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3", children: [
+              /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-4 w-12 rounded-agg-sm" }),
+              [0, 1, 2, 3].map((index) => /* @__PURE__ */ jsxs4(
+                "div",
+                {
+                  className: "grid grid-cols-[52px_1fr_1fr_52px] items-center gap-2",
+                  children: [
+                    /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-4 rounded-agg-sm" }),
+                    /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-4 rounded-agg-sm" }),
+                    /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-4 rounded-agg-sm" }),
+                    /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-2 rounded-agg-full" })
+                  ]
+                },
+                `bid-${index}`
+              ))
+            ] })
+          ] })
+        ] }) : null
+      ]
+    }
+  );
+};
+MarketDetailsSkeletonView.displayName = "MarketDetailsSkeletonView";
+
+// src/primitives/skeleton/views/place-order-skeleton-view.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var placeOrderCardClassName = "overflow-hidden rounded-agg-xl border border-agg-border bg-agg-secondary shadow-none hover:shadow-none";
+var ContentBody = () => {
+  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-6 p-5", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-start justify-between gap-5", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+          /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-12 w-12 shrink-0 rounded-agg-lg" }),
+          /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+            /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-5 w-[92%] rounded-agg-sm" }),
+            /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-5 w-[80%] rounded-agg-sm" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-6 w-6 rounded-agg-sm" })
+      ] }),
+      /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-5 w-28 rounded-agg-sm" })
+    ] }),
+    /* @__PURE__ */ jsx6("div", { className: "flex h-11 items-end border-b border-agg-separator", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-8", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-5 w-10 rounded-agg-sm" }),
+        /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-[3px] w-12 rounded-t-agg-sm" })
+      ] }),
+      /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-5 w-10 rounded-agg-sm" })
+    ] }) }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-11 flex-1 rounded-agg-full" }),
+        /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-11 flex-1 rounded-agg-full" })
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-6 w-20 rounded-agg-sm" }),
+          /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-4 w-28 rounded-agg-sm" })
+        ] }),
+        /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-9 w-28 rounded-agg-sm" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx6("div", { className: "rounded-agg-lg border border-agg-trade-highlight-border bg-agg-trade-highlight-surface p-3", children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-3", children: [
+        [0, 1].map((index) => /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx6(SkeletonBlock, { className: "size-4 rounded-agg-full" }),
+              /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-5 w-24 rounded-agg-sm" })
+            ] }),
+            /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-5 w-10 rounded-agg-sm" })
+          ] }),
+          index === 0 ? /* @__PURE__ */ jsx6("div", { className: "h-px w-full bg-agg-trade-highlight-border" }) : null
+        ] }, `place-order-route-${index}`)),
+        /* @__PURE__ */ jsx6(SkeletonBlock, { className: "mx-auto h-5 w-40 rounded-agg-sm" })
+      ] }) }),
+      /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-4 w-36 rounded-agg-sm" })
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-6 w-20 rounded-agg-sm" }),
+        /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-4 w-24 rounded-agg-sm" })
+      ] }),
+      /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-9 w-36 rounded-agg-sm" })
+    ] }),
+    /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-4 w-[88%] self-center rounded-agg-sm" })
+  ] });
+};
+var PlaceOrderSkeletonView = ({
+  className,
+  ariaLabel
+}) => {
+  return /* @__PURE__ */ jsx6(
+    "div",
+    {
+      className: cn("w-full", className),
+      role: "status",
+      "aria-label": ariaLabel != null ? ariaLabel : "Loading place order",
+      "aria-busy": true,
+      children: /* @__PURE__ */ jsx6("div", { className: "flex w-full items-end justify-center", children: /* @__PURE__ */ jsxs5(
+        Card,
+        {
+          className: cn(
+            placeOrderCardClassName,
+            "w-full max-w-[400px] rounded-t-agg-xl rounded-b-none border-b-0"
+          ),
+          children: [
+            /* @__PURE__ */ jsx6(ContentBody, {}),
+            /* @__PURE__ */ jsx6("div", { className: "border-t border-agg-separator bg-agg-secondary p-4", children: /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-12 w-full rounded-agg-full" }) })
+          ]
+        }
+      ) })
+    }
+  );
+};
+PlaceOrderSkeletonView.displayName = "PlaceOrderSkeletonView";
+
+// src/primitives/skeleton/views/settlement-skeleton-view.tsx
+import { useLabels as useLabels5 } from "@agg/hooks";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var SettlementSkeletonView = ({
+  className,
+  ariaLabel
+}) => {
+  const labels = useLabels5();
+  return /* @__PURE__ */ jsxs6(
+    Card,
+    {
+      className: cn(
+        "gap-5 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5 shadow-none hover:shadow-none",
+        className
+      ),
+      role: "status",
+      "aria-label": ariaLabel != null ? ariaLabel : labels.trading.settlementLoading,
+      "aria-busy": true,
+      children: [
+        /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-1 md:flex-row md:items-center md:justify-between md:gap-4", children: [
+          /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-4 w-20 rounded-agg-sm" }),
+          /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-5 w-full max-w-80 rounded-agg-sm" })
+        ] }),
+        /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-5 w-52 rounded-agg-sm" }),
+          /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-4 w-[88%] rounded-agg-sm" }),
+            /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-4 w-[84%] rounded-agg-sm" }),
+            /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-4 w-[80%] rounded-agg-sm" }),
+            /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-4 w-[74%] rounded-agg-sm" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx7("div", { className: "h-px w-full bg-agg-separator" }),
+        /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx7(SkeletonBlock, { className: "size-4 rounded-agg-full" }),
+              /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-5 w-24 rounded-agg-sm" }),
+              /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-4 w-4 rounded-agg-sm" })
+            ] }),
+            /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-2 pl-6", children: [
+              /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-4 w-full rounded-agg-sm" }),
+              /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-4 w-[92%] rounded-agg-sm" }),
+              /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-4 w-[34%] rounded-agg-sm" })
+            ] })
+          ] }),
+          [0, 1, 2].map((index) => /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx7(SkeletonBlock, { className: "size-4 rounded-agg-full" }),
+            /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-5 w-20 rounded-agg-sm" }),
+            /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-4 w-4 rounded-agg-sm" })
+          ] }, `settlement-venue-${index}`))
+        ] })
+      ]
+    }
+  );
+};
+SettlementSkeletonView.displayName = "SettlementSkeletonView";
+
+// src/primitives/skeleton/skeleton.types.ts
+var skeletonViews = {
+  eventListItem: "event-list-item",
+  eventListItemDetails: "event-list-item-details",
+  marketDetailsMinified: "market-details-minified",
+  marketDetailsDetailed: "market-details-detailed",
+  eventList: "event-list",
+  settlement: "settlement",
+  placeOrder: "place-order"
+};
+
+// src/primitives/skeleton/index.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+var Skeleton = ({ view, className, ariaLabel }) => {
+  if (view === skeletonViews.eventListItem) {
+    return /* @__PURE__ */ jsx8(EventListItemSkeletonView, { className, ariaLabel, isStandalone: true });
+  }
+  if (view === skeletonViews.eventListItemDetails) {
+    return /* @__PURE__ */ jsx8(EventListItemDetailsSkeletonView, { className, ariaLabel });
+  }
+  if (view === skeletonViews.marketDetailsMinified) {
+    return /* @__PURE__ */ jsx8(MarketDetailsSkeletonView, { className, ariaLabel, isDetailed: false });
+  }
+  if (view === skeletonViews.marketDetailsDetailed) {
+    return /* @__PURE__ */ jsx8(MarketDetailsSkeletonView, { className, ariaLabel, isDetailed: true });
+  }
+  if (view === skeletonViews.settlement) {
+    return /* @__PURE__ */ jsx8(SettlementSkeletonView, { className, ariaLabel });
+  }
+  if (view === skeletonViews.placeOrder) {
+    return /* @__PURE__ */ jsx8(PlaceOrderSkeletonView, { className, ariaLabel });
+  }
+  return /* @__PURE__ */ jsx8(EventListSkeletonView, { className, ariaLabel });
+};
+Skeleton.displayName = "Skeleton";
+
+export {
+  baseCardClassName,
+  detailsBaseCardClassName,
+  eventListItemDetailsTimeRanges,
+  lineColorByVenue,
+  fallbackLineColors,
+  marketDetailsBaseCardClassName,
+  getMarketDetailsTabs,
+  marketDetailsDefaultIsOpened,
+  orderBookRowLimitDefault,
+  skeletonViews,
+  Skeleton
+};

package/dist/chunk-PAQ542ER.mjs

@@ -0,0 +1,170 @@
+import {
+  __spreadProps,
+  __spreadValues,
+  toDate
+} from "./chunk-GC3QIIH7.mjs";
+
+// src/events/item/event-list-item.utils.ts
+var resolveEventListItemEvent = (fetchedEvent) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  if (!fetchedEvent)
+    return void 0;
+  const fallbackVenueEvent = fetchedEvent.venueEvents[0];
+  if (!fallbackVenueEvent)
+    return void 0;
+  const mergedVenueMarkets = fetchedEvent.markets.flatMap((venueEvent) => venueEvent.venueMarkets);
+  const venueMarkets = mergedVenueMarkets.length > 0 ? mergedVenueMarkets : [];
+  if ((venueMarkets == null ? void 0 : venueMarkets.length) === 0)
+    return void 0;
+  return __spreadProps(__spreadValues({}, fetchedEvent), {
+    id: fetchedEvent.id,
+    title: fetchedEvent.title || fallbackVenueEvent.title,
+    description: (_b = (_a = fetchedEvent.description) != null ? _a : fallbackVenueEvent.description) != null ? _b : null,
+    volume: (_d = (_c = fetchedEvent.volume) != null ? _c : fallbackVenueEvent.volume) != null ? _d : null,
+    startDate: (_f = (_e = fetchedEvent.startDate) != null ? _e : fallbackVenueEvent.startDate) != null ? _f : null,
+    endDate: (_h = (_g = fetchedEvent.endDate) != null ? _g : fallbackVenueEvent.endDate) != null ? _h : null,
+    creationDate: (_j = (_i = fetchedEvent.creationDate) != null ? _i : fallbackVenueEvent.creationDate) != null ? _j : null
+  });
+};
+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) => {
+  var _a, _b, _c, _d, _e, _f;
+  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 ((_b = (_a = event.venueEvents) == null ? void 0 : _a[0]) == null ? void 0 : _b.image) === "string" && ((_d = (_c = event.venueEvents) == null ? void 0 : _c[0]) == null ? void 0 : _d.image.trim())) {
+    return (_f = (_e = event.venueEvents) == null ? void 0 : _e[0]) == null ? void 0 : _f.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];
+};
+
+export {
+  resolveEventListItemEvent,
+  normalizeProbability,
+  sortOutcomes,
+  resolveVisibleOutcomes,
+  resolveOutcomeTitle,
+  selectPrimaryVenueMarket,
+  resolveTileTitle,
+  resolveTileImage,
+  formatCountLabel,
+  getVenueSummary,
+  resolveVenueLabel
+};