@agg-market/ui 3.0.1 → 4.0.0

package/dist/chunk-V52WSZHQ.mjs

@@ -1,482 +0,0 @@
-import {
-  Card
-} from "./chunk-FO2QCB4Z.mjs";
-import {
-  cn,
-  getMotionClassName
-} from "./chunk-GJ4U5NCE.mjs";
-
-// src/primitives/skeleton/views/event-list-skeleton-view.tsx
-import { useLabels as useLabels2 } from "@agg-market/hooks";
-
-// src/primitives/skeleton/skeleton-block.tsx
-import { useSdkUiConfig } from "@agg-market/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-market/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("group/agg-skeleton", 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("group/agg-skeleton", "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-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";
-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("group/agg-skeleton", 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-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";
-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("group/agg-skeleton", 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: cn("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("group/agg-skeleton", "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-market/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(
-        "group/agg-skeleton",
-        "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
-      ),
-      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
-};