@agg-market/ui 0.0.3 → 0.0.4

package/dist/{chunk-FZTAHWOS.mjs → chunk-OGI343OV.mjs}

@@ -1,9 +1,9 @@
 import {
   iconSizeClasses
-} from "./chunk-C4OI72SM.mjs";
+} from "./chunk-ZVBVGWSP.mjs";
 import {
   cn
-} from "./chunk-GC3QIIH7.mjs";
+} from "./chunk-GJ4U5NCE.mjs";
 
 // src/primitives/loading-icon/index.tsx
 import { useLabels, useSdkUiConfig } from "@agg-market/hooks";

package/dist/{chunk-XDAEEJYR.mjs → chunk-P23GR7NX.mjs}

@@ -2,11 +2,11 @@ import {
   resolveOutcomeTitle,
   selectPrimaryVenueMarket,
   sortOutcomes
-} from "./chunk-PAQ542ER.mjs";
+} from "./chunk-GHB3GOCW.mjs";
 import {
   fallbackLineColors,
   lineColorByVenue
-} from "./chunk-NFYS557L.mjs";
+} from "./chunk-JH5VMNDL.mjs";
 
 // src/events/item-details/event-list-item-details.utils.ts
 import dayjs from "dayjs";

package/dist/{chunk-J6L5BLKX.mjs → chunk-PGSPYQOW.mjs}

@@ -1,13 +1,13 @@
 import {
   iconSizeClasses
-} from "./chunk-C4OI72SM.mjs";
+} from "./chunk-ZVBVGWSP.mjs";
 import {
   __objRest,
   __spreadProps,
   __spreadValues,
   cn,
   getMotionClassName
-} from "./chunk-GC3QIIH7.mjs";
+} from "./chunk-GJ4U5NCE.mjs";
 
 // src/primitives/button/index.tsx
 import { useSdkUiConfig } from "@agg-market/hooks";

package/dist/{chunk-J7OETCZ7.mjs → chunk-QFQHD2V6.mjs}

@@ -2,23 +2,23 @@ import {
   defaultSettlementDifferencesTitle,
   defaultSettlementSectionLabel,
   getTradingVenueLabel
-} from "./chunk-KDBYDMYV.mjs";
+} from "./chunk-OBCHURW5.mjs";
 import {
   Skeleton,
   skeletonViews
-} from "./chunk-NFYS557L.mjs";
+} from "./chunk-JH5VMNDL.mjs";
 import {
   VenueLogo
-} from "./chunk-LY6474C4.mjs";
+} from "./chunk-BLSHXIAH.mjs";
 import {
   Icon
-} from "./chunk-DA6KZWSK.mjs";
+} from "./chunk-F236MLT6.mjs";
 import {
   Card
-} from "./chunk-YUIZZ6XE.mjs";
+} from "./chunk-3O4U3E5I.mjs";
 import {
   cn
-} from "./chunk-GC3QIIH7.mjs";
+} from "./chunk-GJ4U5NCE.mjs";
 
 // src/trading/settlement/index.tsx
 import { useEffect, useState } from "react";
@@ -44,19 +44,8 @@ var Settlement = ({
   const labels = useLabels();
   const resolvedSectionLabel = sectionLabel === defaultSettlementSectionLabel ? labels.trading.settlementSection : sectionLabel;
   const resolvedDifferencesTitle = differencesTitle === defaultSettlementDifferencesTitle ? labels.trading.settlementDifferencesTitle : differencesTitle;
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        ariaLabel: labels.trading.settlementLoading,
-        className,
-        view: skeletonViews.settlement
-      }
-    );
-  }
-  const [internalExpandedVenue, setInternalExpandedVenue] = (
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    useState((_b = defaultExpandedVenue != null ? defaultExpandedVenue : (_a = venues[0]) == null ? void 0 : _a.venue) != null ? _b : null)
+  const [internalExpandedVenue, setInternalExpandedVenue] = useState(
+    (_b = defaultExpandedVenue != null ? defaultExpandedVenue : (_a = venues[0]) == null ? void 0 : _a.venue) != null ? _b : null
   );
   useEffect(() => {
     if (expandedVenue === void 0)
@@ -71,11 +60,21 @@ var Settlement = ({
     }
     onExpandedVenueChange == null ? void 0 : onExpandedVenueChange(nextVenue);
   };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(
+      Skeleton,
+      {
+        ariaLabel: labels.trading.settlementLoading,
+        className,
+        view: skeletonViews.settlement
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     Card,
     {
       className: cn(
-        "gap-5 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5 shadow-none hover:shadow-none",
+        "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: [