@agg-market/ui 0.0.1

package/dist/index.mjs

@@ -0,0 +1,307 @@
+import {
+  HomePage
+} from "./chunk-765JPQDG.mjs";
+import {
+  ConnectAccountsStep,
+  ConnectKalshiModal,
+  ConnectOnchainModal,
+  HowItWorksStep,
+  OnboardingModal,
+  ProfileSetupStep
+} from "./chunk-R3DRVI4J.mjs";
+import {
+  EventMarketPage
+} from "./chunk-2PGUPOXY.mjs";
+import {
+  Modal
+} from "./chunk-CKTAVEW2.mjs";
+import {
+  Settlement
+} from "./chunk-J7OETCZ7.mjs";
+import {
+  PlaceOrder
+} from "./chunk-5MN6ZNFA.mjs";
+import {
+  defaultSettlementDifferencesTitle,
+  defaultSettlementSectionLabel,
+  defaultTradingDisclaimer,
+  getTradingAveragePriceLabel,
+  getTradingBalanceLabel,
+  getTradingDateLabel,
+  getTradingPriceLabel,
+  getTradingSharesLabel,
+  getTradingSlippageLabel,
+  getTradingValueLabel,
+  getTradingVenueLabel
+} from "./chunk-KDBYDMYV.mjs";
+import {
+  EventListItemDetails
+} from "./chunk-4NK2FNAG.mjs";
+import {
+  MarketDetails
+} from "./chunk-7CD7GIZC.mjs";
+import "./chunk-XDAEEJYR.mjs";
+import {
+  EventList
+} from "./chunk-H7P6DIX4.mjs";
+import {
+  EventListItem
+} from "./chunk-CB2MLGCJ.mjs";
+import {
+  Tabs
+} from "./chunk-QXFDXXDB.mjs";
+import "./chunk-PAQ542ER.mjs";
+import {
+  NumberValue
+} from "./chunk-JLLMIPIX.mjs";
+import {
+  Badge,
+  badgeSizes
+} from "./chunk-MG243DSX.mjs";
+import {
+  Select
+} from "./chunk-IY2AA3OL.mjs";
+import {
+  Search
+} from "./chunk-QE46DVJG.mjs";
+import {
+  Skeleton,
+  skeletonViews
+} from "./chunk-NFYS557L.mjs";
+import {
+  ConnectButton
+} from "./chunk-7XRKA6XF.mjs";
+import {
+  LoadingIcon
+} from "./chunk-FZTAHWOS.mjs";
+import {
+  VenueLogo,
+  venueLogoNames
+} from "./chunk-LY6474C4.mjs";
+import {
+  ArrowTrendUpIcon,
+  ArrowsToDotIcon,
+  BestPricesIcon,
+  CheckCircleIcon,
+  ChevronDownIcon,
+  ChevronRightIcon,
+  ChevronUpIcon,
+  CreateAccountIcon,
+  DisconnectIcon,
+  DownloadIcon,
+  Icon,
+  LinkAccountsIcon,
+  ProfileIcon,
+  RevenueAltIcon,
+  SearchIcon,
+  ShieldTrustIcon,
+  StayInControlIcon,
+  TriangleDownIcon,
+  TriangleUpIcon,
+  UploadIcon,
+  WalletAvatarIcon,
+  WarningIcon,
+  iconNames
+} from "./chunk-DA6KZWSK.mjs";
+import {
+  CloseIcon
+} from "./chunk-VYNVBJK6.mjs";
+import "./chunk-BNDFQPHF.mjs";
+import {
+  Button
+} from "./chunk-J6L5BLKX.mjs";
+import "./chunk-C4OI72SM.mjs";
+import {
+  HelloWorld
+} from "./chunk-OUOIDPGX.mjs";
+import {
+  Typography
+} from "./chunk-DQ6XFBYJ.mjs";
+import {
+  Card
+} from "./chunk-YUIZZ6XE.mjs";
+import {
+  LineChart
+} from "./chunk-FACIYUNK.mjs";
+import {
+  SwitchButton
+} from "./chunk-TTOR7JCT.mjs";
+import {
+  AGG_ROOT_CLASS_NAME,
+  cn,
+  formatUsd,
+  getMotionClassName,
+  getScrollBehavior,
+  isTruthy,
+  isValidDateValue,
+  shortenAddress,
+  toDate
+} from "./chunk-GC3QIIH7.mjs";
+
+// src/trading/types.ts
+import { z } from "zod";
+var tradingVenueSchema = z.enum(["polymarket", "kalshi", "opinion", "probable"]);
+var settlementVenueSchema = z.object({
+  venue: tradingVenueSchema,
+  label: z.string().optional(),
+  description: z.string().min(1),
+  showMoreLabel: z.string().optional()
+});
+var settlementViewModelSchema = z.object({
+  sectionLabel: z.string().min(1),
+  question: z.string().min(1),
+  differencesTitle: z.string().min(1),
+  differences: z.array(z.string().min(1)).min(1),
+  venues: z.array(settlementVenueSchema).min(1),
+  defaultExpandedVenue: tradingVenueSchema.nullable().optional()
+});
+var placeOrderTabSchema = z.enum(["buy", "sell"]);
+var placeOrderStatusToneSchema = z.enum(["warning", "error"]);
+var placeOrderStatusPlacementSchema = z.enum(["above-action", "below-action"]);
+var placeOrderRoutingToneSchema = z.enum(["default", "highlighted"]);
+var placeOrderResultToneSchema = z.enum(["default", "success"]);
+var placeOrderOutcomeSchema = z.object({
+  id: z.string().min(1),
+  label: z.string().min(1),
+  priceLabel: z.string().min(1)
+});
+var placeOrderMetricSchema = z.object({
+  label: z.string().min(1),
+  hint: z.string().min(1),
+  value: z.string().min(1)
+});
+var placeOrderRoutingRowSchema = z.object({
+  venue: tradingVenueSchema,
+  label: z.string().min(1),
+  priceLabel: z.string().min(1)
+});
+var placeOrderRoutingSchema = z.object({
+  tone: placeOrderRoutingToneSchema,
+  rows: z.array(placeOrderRoutingRowSchema).min(1),
+  helperLabel: z.string().min(1),
+  highlightLabel: z.string().optional()
+});
+var placeOrderResultSchema = z.object({
+  label: z.string().min(1),
+  hint: z.string().min(1),
+  value: z.string().min(1),
+  tone: placeOrderResultToneSchema
+});
+var placeOrderStatusSchema = z.object({
+  tone: placeOrderStatusToneSchema,
+  message: z.string().min(1),
+  actionLabel: z.string().optional(),
+  placement: placeOrderStatusPlacementSchema
+});
+var placeOrderViewModelSchema = z.object({
+  title: z.string().min(1),
+  marketDate: z.union([z.string(), z.date()]),
+  marketImageUrl: z.string().url().optional(),
+  activeTab: placeOrderTabSchema,
+  buyLabel: z.string().min(1),
+  sellLabel: z.string().min(1),
+  outcomes: z.array(placeOrderOutcomeSchema).min(2),
+  selectedOutcomeId: z.string().min(1),
+  primaryMetric: placeOrderMetricSchema,
+  routing: placeOrderRoutingSchema,
+  result: placeOrderResultSchema,
+  actionLabel: z.string().min(1),
+  disclaimer: z.string().min(1),
+  isDismissible: z.boolean().optional(),
+  status: placeOrderStatusSchema.optional()
+});
+export {
+  AGG_ROOT_CLASS_NAME,
+  ArrowTrendUpIcon,
+  ArrowsToDotIcon,
+  Badge,
+  BestPricesIcon,
+  Button,
+  Card,
+  CheckCircleIcon,
+  ChevronDownIcon,
+  ChevronRightIcon,
+  ChevronUpIcon,
+  CloseIcon,
+  ConnectAccountsStep,
+  ConnectButton,
+  ConnectKalshiModal,
+  ConnectOnchainModal,
+  CreateAccountIcon,
+  DisconnectIcon,
+  DownloadIcon,
+  EventList,
+  EventListItem,
+  EventListItemDetails,
+  EventMarketPage,
+  HelloWorld,
+  HomePage,
+  HowItWorksStep,
+  Icon,
+  LineChart,
+  LinkAccountsIcon,
+  LoadingIcon,
+  MarketDetails,
+  Modal,
+  NumberValue,
+  OnboardingModal,
+  PlaceOrder,
+  ProfileIcon,
+  ProfileSetupStep,
+  RevenueAltIcon,
+  Search,
+  SearchIcon,
+  Select,
+  Settlement,
+  ShieldTrustIcon,
+  Skeleton,
+  StayInControlIcon,
+  SwitchButton,
+  Tabs,
+  TriangleDownIcon,
+  TriangleUpIcon,
+  Typography,
+  UploadIcon,
+  VenueLogo,
+  WalletAvatarIcon,
+  WarningIcon,
+  AGG_ROOT_CLASS_NAME as aggRootClassName,
+  badgeSizes,
+  cn,
+  defaultSettlementDifferencesTitle,
+  defaultSettlementSectionLabel,
+  defaultTradingDisclaimer,
+  formatUsd,
+  getMotionClassName,
+  getScrollBehavior,
+  getTradingAveragePriceLabel,
+  getTradingBalanceLabel,
+  getTradingDateLabel,
+  getTradingPriceLabel,
+  getTradingSharesLabel,
+  getTradingSlippageLabel,
+  getTradingValueLabel,
+  getTradingVenueLabel,
+  iconNames,
+  isTruthy,
+  isValidDateValue,
+  placeOrderMetricSchema,
+  placeOrderOutcomeSchema,
+  placeOrderResultSchema,
+  placeOrderResultToneSchema,
+  placeOrderRoutingRowSchema,
+  placeOrderRoutingSchema,
+  placeOrderRoutingToneSchema,
+  placeOrderStatusPlacementSchema,
+  placeOrderStatusSchema,
+  placeOrderStatusToneSchema,
+  placeOrderTabSchema,
+  placeOrderViewModelSchema,
+  settlementVenueSchema,
+  settlementViewModelSchema,
+  shortenAddress,
+  skeletonViews,
+  toDate,
+  tradingVenueSchema,
+  venueLogoNames
+};

package/dist/loading-icon.d.mts

@@ -0,0 +1,14 @@
+import { A as AvailableSizes } from './types-CayJ8tWA.mjs';
+
+type LoadingIconSize = AvailableSizes;
+type LoadingIconProps = {
+    size?: LoadingIconSize;
+    className?: string;
+    ariaLabel?: string;
+};
+declare const LoadingIcon: {
+    ({ size, className, ariaLabel, }: LoadingIconProps): JSX.Element;
+    displayName: string;
+};
+
+export { LoadingIcon, type LoadingIconProps, type LoadingIconSize };

package/dist/loading-icon.d.ts

@@ -0,0 +1,14 @@
+import { A as AvailableSizes } from './types-CayJ8tWA.js';
+
+type LoadingIconSize = AvailableSizes;
+type LoadingIconProps = {
+    size?: LoadingIconSize;
+    className?: string;
+    ariaLabel?: string;
+};
+declare const LoadingIcon: {
+    ({ size, className, ariaLabel, }: LoadingIconProps): JSX.Element;
+    displayName: string;
+};
+
+export { LoadingIcon, type LoadingIconProps, type LoadingIconSize };

package/dist/loading-icon.js

@@ -0,0 +1,115 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/primitives/loading-icon/index.tsx
+var loading_icon_exports = {};
+__export(loading_icon_exports, {
+  LoadingIcon: () => LoadingIcon
+});
+module.exports = __toCommonJS(loading_icon_exports);
+var import_hooks = require("@agg-market/hooks");
+
+// src/primitives/icon/icon.constants.ts
+var iconSizeClasses = {
+  xxs: "h-2 w-2",
+  xs: "h-3 w-3",
+  s: "h-4 w-4",
+  m: "h-6 w-6",
+  l: "h-8 w-8",
+  xl: "h-10 w-10",
+  xxl: "h-12 w-12"
+};
+
+// src/shared/utils.ts
+var cn = (...values) => values.filter(Boolean).join(" ");
+
+// src/primitives/loading-icon/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var LoadingIcon = ({
+  size = "m",
+  className,
+  ariaLabel
+}) => {
+  const labels = (0, import_hooks.useLabels)();
+  const { enableAnimations } = (0, import_hooks.useSdkUiConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      role: "status",
+      "aria-label": ariaLabel != null ? ariaLabel : labels.common.loading,
+      className: cn(
+        "inline-grid place-items-center text-agg-primary will-change-transform",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 44 44", className: cn("block", iconSizeClasses[size]), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+        enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            attributeType: "XML",
+            type: "rotate",
+            from: "0 22 22",
+            to: "360 22 22",
+            dur: "1.4s",
+            repeatCount: "indefinite"
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "circle",
+          {
+            cx: "22",
+            cy: "22",
+            r: "16",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "6",
+            strokeLinecap: "round",
+            strokeDasharray: "60 100",
+            strokeDashoffset: "0",
+            children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "animate",
+                {
+                  attributeName: "stroke-dasharray",
+                  values: "1 100;60 100;1 100",
+                  dur: "1.2s",
+                  repeatCount: "indefinite"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "animate",
+                {
+                  attributeName: "stroke-dashoffset",
+                  values: "0;-25;-100",
+                  dur: "1.2s",
+                  repeatCount: "indefinite"
+                }
+              )
+            ] }) : null
+          }
+        )
+      ] }) }) })
+    }
+  );
+};
+LoadingIcon.displayName = "LoadingIcon";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LoadingIcon
+});

package/dist/loading-icon.mjs

@@ -0,0 +1,8 @@
+import {
+  LoadingIcon
+} from "./chunk-FZTAHWOS.mjs";
+import "./chunk-C4OI72SM.mjs";
+import "./chunk-GC3QIIH7.mjs";
+export {
+  LoadingIcon
+};

package/dist/market-details.d.mts

@@ -0,0 +1,73 @@
+import { Event } from '@agg-market/hooks';
+import React from 'react';
+import { V as VenueLogoName } from './venue-logo.types-B1iPJgiD.mjs';
+import { d as EventListItemDetailsTimeRange } from './event-list-item-details.types-DekJKeMD.mjs';
+import './types-CayJ8tWA.mjs';
+import './event-list-item.types-Y6IeJ4e4.mjs';
+
+type MarketDetailsTab = "order-book" | "graph" | "other";
+type MarketDetailsClassNames = Partial<{
+    root: string;
+    header: string;
+    tabs: string;
+    content: string;
+    orderBook: string;
+    graph: string;
+    footer: string;
+}>;
+type MarketDetailsBaseProps = {
+    marketId?: string;
+    title?: string;
+    image?: string | null;
+    defaultIsOpened?: boolean;
+    isOpened?: boolean;
+    onOpenChange?: (isOpened: boolean) => void;
+    defaultTab?: MarketDetailsTab;
+    defaultOutcomeLabel?: string;
+    defaultTimeRange?: EventListItemDetailsTimeRange;
+    orderBookDepth?: number;
+    ariaLabel?: string;
+    classNames?: MarketDetailsClassNames;
+    otherContent?: React.ReactNode;
+    isLoading?: boolean;
+};
+type MarketDetailsLoadingProps = MarketDetailsBaseProps & {
+    isLoading: true;
+    event?: never;
+    eventId?: string;
+};
+type MarketDetailsWithEventProps = MarketDetailsBaseProps & {
+    event: Event;
+    eventId?: string;
+    isLoading?: false;
+};
+type MarketDetailsWithEventIdProps = MarketDetailsBaseProps & {
+    event?: never;
+    eventId: string;
+    isLoading?: false;
+};
+type MarketDetailsProps = MarketDetailsLoadingProps | MarketDetailsWithEventProps | MarketDetailsWithEventIdProps;
+type MarketDetailsContentProps = MarketDetailsBaseProps & {
+    event: Event;
+};
+type MarketDetailsOrderBookTone = "positive" | "negative";
+type MarketDetailsOrderBookRow = {
+    id: string;
+    venue: VenueLogoName;
+    price: number;
+    size: number;
+    total: number;
+    tone: MarketDetailsOrderBookTone;
+    barScale: number;
+};
+type MarketDetailsMetaRow = {
+    label: string;
+    value: string;
+};
+
+declare const MarketDetails: {
+    (props: MarketDetailsProps): JSX.Element;
+    displayName: string;
+};
+
+export { MarketDetails, type MarketDetailsClassNames, type MarketDetailsContentProps, type MarketDetailsMetaRow, type MarketDetailsOrderBookRow, type MarketDetailsProps, type MarketDetailsTab };

package/dist/market-details.d.ts

@@ -0,0 +1,73 @@
+import { Event } from '@agg-market/hooks';
+import React from 'react';
+import { V as VenueLogoName } from './venue-logo.types-Bg8eXtGp.js';
+import { d as EventListItemDetailsTimeRange } from './event-list-item-details.types-CMbXOrT-.js';
+import './types-CayJ8tWA.js';
+import './event-list-item.types-Y6IeJ4e4.js';
+
+type MarketDetailsTab = "order-book" | "graph" | "other";
+type MarketDetailsClassNames = Partial<{
+    root: string;
+    header: string;
+    tabs: string;
+    content: string;
+    orderBook: string;
+    graph: string;
+    footer: string;
+}>;
+type MarketDetailsBaseProps = {
+    marketId?: string;
+    title?: string;
+    image?: string | null;
+    defaultIsOpened?: boolean;
+    isOpened?: boolean;
+    onOpenChange?: (isOpened: boolean) => void;
+    defaultTab?: MarketDetailsTab;
+    defaultOutcomeLabel?: string;
+    defaultTimeRange?: EventListItemDetailsTimeRange;
+    orderBookDepth?: number;
+    ariaLabel?: string;
+    classNames?: MarketDetailsClassNames;
+    otherContent?: React.ReactNode;
+    isLoading?: boolean;
+};
+type MarketDetailsLoadingProps = MarketDetailsBaseProps & {
+    isLoading: true;
+    event?: never;
+    eventId?: string;
+};
+type MarketDetailsWithEventProps = MarketDetailsBaseProps & {
+    event: Event;
+    eventId?: string;
+    isLoading?: false;
+};
+type MarketDetailsWithEventIdProps = MarketDetailsBaseProps & {
+    event?: never;
+    eventId: string;
+    isLoading?: false;
+};
+type MarketDetailsProps = MarketDetailsLoadingProps | MarketDetailsWithEventProps | MarketDetailsWithEventIdProps;
+type MarketDetailsContentProps = MarketDetailsBaseProps & {
+    event: Event;
+};
+type MarketDetailsOrderBookTone = "positive" | "negative";
+type MarketDetailsOrderBookRow = {
+    id: string;
+    venue: VenueLogoName;
+    price: number;
+    size: number;
+    total: number;
+    tone: MarketDetailsOrderBookTone;
+    barScale: number;
+};
+type MarketDetailsMetaRow = {
+    label: string;
+    value: string;
+};
+
+declare const MarketDetails: {
+    (props: MarketDetailsProps): JSX.Element;
+    displayName: string;
+};
+
+export { MarketDetails, type MarketDetailsClassNames, type MarketDetailsContentProps, type MarketDetailsMetaRow, type MarketDetailsOrderBookRow, type MarketDetailsProps, type MarketDetailsTab };