@agg-market/ui 5.0.0 → 7.0.0

package/dist/chunk-M4RJHRFT.mjs

@@ -1,445 +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();
-  const outcomeTitleWidths = ["w-40", "w-[200px]"];
-  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 h-14 w-full items-center gap-3 justify-stretch", children: [
-          /* @__PURE__ */ jsx2(SkeletonBlock, { className: "size-10! rounded-agg-lg" }),
-          /* @__PURE__ */ jsx2(SkeletonBlock, { className: "h-6 w-fit flex-1 rounded-agg-sm" })
-        ] }),
-        /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-3", children: outcomeTitleWidths.map((outcomeTitleWidth, index) => /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx2(SkeletonBlock, { className: cn("h-5 rounded-agg-sm", outcomeTitleWidth) }),
-          /* @__PURE__ */ jsx2(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" })
-        ] }, index)) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-5 text-agg-muted-foreground", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-            /* @__PURE__ */ jsx2(SkeletonBlock, { className: "h-5 w-[100px] rounded-agg-sm" }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx2(SkeletonBlock, { className: "size-[14px] rounded-agg-sm" }),
-              /* @__PURE__ */ jsx2(SkeletonBlock, { className: "size-[14px] rounded-agg-sm" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx2(SkeletonBlock, { className: "h-5 w-[60px] 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-3 md:flex-row md:flex-nowrap md:items-center md:gap-5", children: [
-          /* @__PURE__ */ jsx3(SkeletonBlock, { className: "h-7 w-[120px] rounded-agg-md" }),
-          /* @__PURE__ */ jsx3(SkeletonBlock, { className: "h-8 w-full rounded-agg-md md:w-[400px]" })
-        ] }),
-        /* @__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 h-14 w-full items-center gap-3 justify-stretch", children: [
-          /* @__PURE__ */ jsx4(SkeletonBlock, { className: "size-10! rounded-agg-lg" }),
-          /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-6 w-fit flex-1 rounded-agg-sm" })
-        ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col gap-4 md:gap-6", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
-            /* @__PURE__ */ jsxs3("div", { className: "flex max-w-full gap-2 overflow-hidden", children: [
-              /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" }),
-              /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" }),
-              /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" })
-            ] }),
-            /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-9 w-full max-w-[221px] rounded-agg-full md:w-[221px]" })
-          ] }),
-          /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col gap-3", children: [
-            /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-[220px] w-full rounded-agg-xl md:h-[240px]" }),
-            /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsx4(SkeletonBlock, { className: "h-5 w-[59px] 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 orderBookAskBarWidths = [
-  "w-[52px] md:w-[240px]",
-  "w-[48px] md:w-[200px]",
-  "w-[40px] md:w-[120px]",
-  "w-[36px] md:w-[60px]"
-];
-var orderBookBidBarWidths = [
-  "w-[36px] md:w-[60px]",
-  "w-[40px] md:w-[120px]",
-  "w-[48px] md:w-[200px]",
-  "w-[52px] md:w-[240px]"
-];
-var MarketDetailsHeaderSkeleton = () => {
-  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center justify-between gap-3 px-4 py-3 md:px-5", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 items-center gap-3 md:min-w-52 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-[132px] rounded-agg-sm" }),
-        /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-4 w-[141px] rounded-agg-sm" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-9 w-[60px] rounded-agg-md" }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex w-full gap-2 md:w-auto", children: [
-      /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-9 w-full rounded-agg-full md:w-[135px]" }),
-      /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-9 w-full rounded-agg-full md:w-[131px]" })
-    ] })
-  ] });
-};
-var MarketDetailsTabsSkeleton = () => {
-  return /* @__PURE__ */ jsxs4("div", { className: "flex h-14 items-end px-4 md:px-5", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex h-full flex-col items-end justify-end rounded-t-agg-lg", children: [
-      /* @__PURE__ */ jsx5("div", { className: "px-4 py-3", children: /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-6 w-20 rounded-agg-sm" }) }),
-      /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-[3px] w-full rounded-t-agg-sm" })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex h-full flex-col justify-center", children: [
-      /* @__PURE__ */ jsx5("div", { className: "px-4 py-3", children: /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-6 w-12 rounded-agg-sm" }) }),
-      /* @__PURE__ */ jsx5("div", { className: "h-[3px] w-full" })
-    ] })
-  ] });
-};
-var MarketDetailsOrderBookRows = ({
-  side,
-  barWidths
-}) => {
-  return /* @__PURE__ */ jsx5("div", { className: "flex flex-col gap-2", children: barWidths.map((barWidthClassName, index) => /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-[52px_1fr_1fr_52px] items-center gap-2 md:grid-cols-[88px_1fr_1fr_minmax(120px,220px)] md:gap-6", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1 md:gap-3", children: [
-        /* @__PURE__ */ jsx5(SkeletonBlock, { className: "size-4 rounded-agg-sm" }),
-        /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-5 w-[60px] rounded-agg-sm" })
-      ] }),
-      /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-5 rounded-agg-sm" }),
-      /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-5 rounded-agg-sm" }),
-      /* @__PURE__ */ jsx5("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx5(SkeletonBlock, { className: cn("h-2 rounded-agg-full", barWidthClassName) }) })
-    ] }),
-    index < barWidths.length - 1 ? /* @__PURE__ */ jsx5("div", { className: "h-px w-full bg-agg-separator" }) : null
-  ] }, `${side}-row-${index}`)) });
-};
-var MarketDetailsOderbookSkeleton = ({
-  className
-}) => {
-  return /* @__PURE__ */ jsxs4("div", { className: cn("flex flex-col gap-5", className), children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-4 w-10 rounded-agg-sm" }),
-      /* @__PURE__ */ jsx5(MarketDetailsOrderBookRows, { side: "ask", barWidths: orderBookAskBarWidths })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx5(SkeletonBlock, { className: "h-4 w-10 rounded-agg-sm" }),
-      /* @__PURE__ */ jsx5(MarketDetailsOrderBookRows, { side: "bid", barWidths: orderBookBidBarWidths })
-    ] })
-  ] });
-};
-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__ */ jsx5(MarketDetailsHeaderSkeleton, {}),
-        isDetailed ? /* @__PURE__ */ jsxs4(Fragment, { children: [
-          /* @__PURE__ */ jsx5("div", { className: "h-px w-full bg-agg-separator" }),
-          /* @__PURE__ */ jsx5(MarketDetailsTabsSkeleton, {}),
-          /* @__PURE__ */ jsx5("div", { className: "h-px w-full bg-agg-separator" }),
-          /* @__PURE__ */ jsx5(MarketDetailsOderbookSkeleton, { className: "p-5" })
-        ] }) : 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 TabsSkeletonBar = () => {
-  return /* @__PURE__ */ jsxs5("div", { className: "flex w-full items-end border-b border-agg-border", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "flex flex-col rounded-t-agg-lg", children: [
-      /* @__PURE__ */ jsx6("div", { className: "px-5 py-2", children: /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-6 w-10 rounded-agg-sm" }) }),
-      /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-[3px] w-full rounded-t-agg-sm" })
-    ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsx6("div", { className: "px-5 py-2", children: /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-6 w-10 rounded-agg-sm" }) }),
-      /* @__PURE__ */ jsx6("div", { className: "h-[3px] w-full" })
-    ] })
-  ] });
-};
-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 min-w-0 items-center gap-3", children: [
-        /* @__PURE__ */ jsx6(SkeletonBlock, { className: "size-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-4 w-[92%] max-w-[240px] rounded-agg-sm" }),
-          /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-4 w-[64%] max-w-[160px] rounded-agg-sm" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-6 w-[92px] rounded-agg-sm" }),
-      /* @__PURE__ */ jsx6(TabsSkeletonBar, {})
-    ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsxs5("div", { className: "flex w-full 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-5 w-[63px] rounded-agg-sm" }),
-          /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-4 w-[118px] rounded-agg-sm" })
-        ] }),
-        /* @__PURE__ */ jsx6("p", { className: cn("text-agg-3xl font-agg-bold leading-agg-9 text-agg-separator"), children: "$0" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-12 w-full rounded-agg-full" }),
-    /* @__PURE__ */ jsx6(SkeletonBlock, { className: "h-4 w-full max-w-[240px] 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__ */ jsx6(Card, { className: cn(placeOrderCardClassName, "w-full"), children: /* @__PURE__ */ jsx6(ContentBody, {}) }) })
-    }
-  );
-};
-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 w-full items-center justify-between gap-4", children: [
-          /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-4 w-[81px] rounded-agg-sm" }),
-          /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-5 w-full max-w-[240px] rounded-agg-sm" })
-        ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "flex w-full flex-col gap-3", children: [
-          /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-5 w-[200px] rounded-agg-sm" }),
-          /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-4 w-full max-w-[320px] rounded-agg-sm" }),
-            /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-4 w-full max-w-[280px] rounded-agg-sm" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx7("div", { className: "h-px w-full bg-agg-separator" }),
-        /* @__PURE__ */ jsxs6("div", { className: "flex w-full flex-col gap-3", children: [
-          /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx7(SkeletonBlock, { className: "size-4 rounded-agg-sm" }),
-            /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-5 w-[100px] rounded-agg-sm" })
-          ] }),
-          /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx7(SkeletonBlock, { className: "size-4 rounded-agg-sm" }),
-            /* @__PURE__ */ jsx7(SkeletonBlock, { className: "h-5 w-[60px] rounded-agg-sm" })
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-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,
-  MarketDetailsOderbookSkeleton,
-  skeletonViews,
-  Skeleton
-};