@agg-market/ui 5.0.0 → 6.0.0

package/dist/chunk-ERGNR6UQ.mjs

@@ -1,67 +0,0 @@
-import {
-  cn
-} from "./chunk-GJ4U5NCE.mjs";
-
-// src/primitives/typography/typography.constants.ts
-var typographyVariants = [
-  "display",
-  "heading",
-  "title",
-  "title-strong",
-  "body-large",
-  "body-large-strong",
-  "body",
-  "body-strong",
-  "label",
-  "label-strong",
-  "label-caps",
-  "caption",
-  "caption-strong",
-  "caption-caps",
-  "overline"
-];
-var typographyVariantClasses = {
-  display: cn("agg-type-display"),
-  heading: cn("agg-type-heading"),
-  title: cn("agg-type-title"),
-  "title-strong": cn("agg-type-title-strong"),
-  "body-large": cn("agg-type-body-large"),
-  "body-large-strong": cn("agg-type-body-large-strong"),
-  body: cn("agg-type-body"),
-  "body-strong": cn("agg-type-body-strong"),
-  label: cn("agg-type-label"),
-  "label-strong": cn("agg-type-label-strong"),
-  "label-caps": cn("agg-type-label-caps"),
-  caption: cn("agg-type-caption"),
-  "caption-strong": cn("agg-type-caption-strong"),
-  "caption-caps": cn("agg-type-caption-caps"),
-  overline: cn("agg-type-overline")
-};
-
-// src/primitives/typography/index.tsx
-import { jsx } from "react/jsx-runtime";
-var Typography = ({
-  as: Component = "p",
-  variant = "body",
-  className,
-  children
-}) => {
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      className: cn(
-        "group/agg-typography",
-        "text-agg-foreground",
-        typographyVariantClasses[variant],
-        className
-      ),
-      children
-    }
-  );
-};
-Typography.displayName = "Typography";
-
-export {
-  typographyVariants,
-  Typography
-};

package/dist/chunk-FO263M3V.mjs

@@ -1,10 +0,0 @@
-// src/primitives/icon/icon.constants.ts
-var iconSizeClasses = {
-  small: "h-4 w-4",
-  medium: "h-6 w-6",
-  large: "h-8 w-8"
-};
-
-export {
-  iconSizeClasses
-};

package/dist/chunk-FO2QCB4Z.mjs

@@ -1,35 +0,0 @@
-import {
-  __objRest,
-  __spreadValues,
-  cn,
-  getMotionClassName
-} from "./chunk-GJ4U5NCE.mjs";
-
-// src/primitives/card/index.tsx
-import { useSdkUiConfig } from "@agg-market/hooks";
-import { jsx } from "react/jsx-runtime";
-var Card = (_a) => {
-  var _b = _a, { className, onClick } = _b, props = __objRest(_b, ["className", "onClick"]);
-  const { enableAnimations } = useSdkUiConfig();
-  return /* @__PURE__ */ jsx(
-    "div",
-    __spreadValues(__spreadValues({
-      className: cn(
-        "group/agg-card",
-        "flex w-full flex-col font-agg-sans",
-        "rounded-agg-xl border border-agg-separator",
-        "bg-agg-secondary text-agg-foreground shadow-agg-card",
-        getMotionClassName(
-          enableAnimations,
-          "transition-shadow hover:shadow-agg-card-hover duration-300 ease-in-out"
-        ),
-        className
-      )
-    }, onClick ? { onClick } : {}), props)
-  );
-};
-Card.displayName = "Card";
-
-export {
-  Card
-};

package/dist/chunk-GFBF2J3Y.mjs

@@ -1,328 +0,0 @@
-import {
-  EventListItem
-} from "./chunk-CTYJVVHJ.mjs";
-import {
-  Tabs
-} from "./chunk-S3H63TQ5.mjs";
-import {
-  StateMessage
-} from "./chunk-XUCS575S.mjs";
-import {
-  Skeleton
-} from "./chunk-M4RJHRFT.mjs";
-import {
-  VenueLogo
-} from "./chunk-PORVP72S.mjs";
-import {
-  Icon
-} from "./chunk-PZTHM6WG.mjs";
-import {
-  Typography
-} from "./chunk-ERGNR6UQ.mjs";
-import {
-  Card
-} from "./chunk-FO2QCB4Z.mjs";
-import {
-  cn
-} from "./chunk-GJ4U5NCE.mjs";
-
-// src/events/list/index.tsx
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useEvents, useLabels } from "@agg-market/hooks";
-
-// src/events/list/event-list.constants.ts
-var POLYMARKET_VENUE = "polymarket";
-var KALSHI_VENUE = "kalshi";
-var POLYMARKET_VENUE_LOGO = "polymarket";
-var KALSHI_VENUE_LOGO = "kalshi";
-var getDefaultEventListTabs = (labels) => {
-  return [
-    {
-      value: "matched",
-      label: labels.eventList.matchedTab,
-      iconName: "arrows-to-dot"
-    },
-    {
-      value: "polymarket",
-      label: labels.venues.polymarket,
-      venueLogo: POLYMARKET_VENUE_LOGO,
-      venues: [POLYMARKET_VENUE]
-    },
-    {
-      value: "kalshi",
-      label: labels.venues.kalshi,
-      venueLogo: KALSHI_VENUE_LOGO,
-      venues: [KALSHI_VENUE]
-    }
-  ];
-};
-
-// src/events/list/event-list.utils.ts
-var mapEventToEventListItemEvent = (event) => {
-  const mergedVenueMarkets = event.markets.flatMap((m) => m.venueMarkets);
-  if (mergedVenueMarkets.length === 0)
-    return null;
-  return event;
-};
-var filterEventsByTabValue = (events, _tabValue) => {
-  return events;
-};
-var resolveTabVenus = (tab) => {
-  if (!tab)
-    return void 0;
-  if (tab.venues && tab.venues.length > 0)
-    return tab.venues;
-  if (tab.value === "polymarket" || tab.value === "kalshi") {
-    return [tab.value];
-  }
-  return void 0;
-};
-
-// src/events/list/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var renderTabIcon = (tab, isActive) => {
-  if (tab.venueLogo) {
-    return /* @__PURE__ */ jsx(VenueLogo, { venue: tab.venueLogo, size: "small" });
-  }
-  if (!tab.iconName)
-    return null;
-  return /* @__PURE__ */ jsx(
-    Icon,
-    {
-      name: tab.iconName,
-      size: "small",
-      color: isActive ? "var(--agg-color-primary)" : "var(--agg-color-foreground)"
-    }
-  );
-};
-var TAB_MIN_WIDTH = 80;
-var TAB_HORIZONTAL_PADDING = 32;
-var TAB_ICON_AND_GAP_WIDTH = 24;
-var TAB_OUTER_BORDER_WIDTH = 2;
-var TAB_INNER_BORDER_WIDTH = 1;
-var measureTabLabelWidth = (label) => {
-  if (typeof document === "undefined")
-    return label.length * 9;
-  const canvas = document.createElement("canvas");
-  const context = canvas.getContext("2d");
-  if (!context)
-    return label.length * 9;
-  context.font = "700 16px Inter";
-  return context.measureText(label).width;
-};
-var estimateTabsWidth = (items) => {
-  if (items.length === 0)
-    return 0;
-  const tabsWidth = items.reduce((sum, item) => {
-    const textWidth = Math.ceil(measureTabLabelWidth(item.label));
-    const iconWidth = item.icon ? TAB_ICON_AND_GAP_WIDTH : 0;
-    const buttonWidth = Math.max(TAB_MIN_WIDTH, textWidth + iconWidth + TAB_HORIZONTAL_PADDING);
-    return sum + buttonWidth;
-  }, 0);
-  return tabsWidth + TAB_OUTER_BORDER_WIDTH + (items.length - 1) * TAB_INNER_BORDER_WIDTH;
-};
-var EventList = ({
-  title,
-  maxItemsPerRow = 3,
-  limit = 3,
-  maxVisibleItems,
-  showVenueLogo = true,
-  search,
-  categoryIds
-}) => {
-  var _a, _b;
-  const labels = useLabels();
-  const defaultEventListTabs = useMemo(() => {
-    return getDefaultEventListTabs(labels);
-  }, [labels]);
-  const [activeTabValue, setActiveTabValue] = useState(
-    (_b = (_a = defaultEventListTabs[0]) == null ? void 0 : _a.value) != null ? _b : "matched"
-  );
-  const [_shouldUseSelectOverflow, setShouldUseSelectOverflow] = useState(false);
-  const activeTab = useMemo(() => {
-    return defaultEventListTabs.find((tab) => tab.value === activeTabValue);
-  }, [activeTabValue]);
-  const venues = useMemo(() => {
-    return resolveTabVenus(activeTab);
-  }, [activeTab]);
-  const resolvedMaxVisibleItems = useMemo(() => {
-    if (!Number.isFinite(maxVisibleItems))
-      return void 0;
-    return Math.max(1, Math.floor(maxVisibleItems));
-  }, [maxVisibleItems]);
-  const requestLimit = resolvedMaxVisibleItems != null ? resolvedMaxVisibleItems : limit;
-  const shouldPaginate = resolvedMaxVisibleItems == null;
-  const { events, isLoading, isError, fetchNextPage, hasNextPage, isFetchingNextPage } = useEvents({
-    venues,
-    search,
-    categoryIds,
-    limit: requestLimit
-  });
-  const filteredEvents = useMemo(() => {
-    return filterEventsByTabValue(events, activeTabValue);
-  }, [events, activeTabValue]);
-  const tileEvents = useMemo(() => {
-    const normalizedEvents = filteredEvents.map((event) => mapEventToEventListItemEvent(event)).filter((event) => event != null);
-    if (resolvedMaxVisibleItems == null)
-      return normalizedEvents;
-    return normalizedEvents.slice(0, resolvedMaxVisibleItems);
-  }, [filteredEvents, resolvedMaxVisibleItems]);
-  const tabsItems = useMemo(() => {
-    return defaultEventListTabs.map((tab) => {
-      const isActive = tab.value === activeTabValue;
-      return {
-        value: tab.value,
-        label: tab.label,
-        icon: renderTabIcon(tab, isActive),
-        disabled: tab.disabled
-      };
-    });
-  }, [activeTabValue]);
-  const headerRef = useRef(null);
-  const titleRef = useRef(null);
-  const updateTabsOverflowBehavior = useCallback(() => {
-    if (typeof window === "undefined")
-      return;
-    const headerElement = headerRef.current;
-    const titleElement = titleRef.current;
-    if (!headerElement || !titleElement)
-      return;
-    const isDesktop = window.matchMedia("(min-width: 768px)").matches;
-    if (!isDesktop) {
-      setShouldUseSelectOverflow(false);
-      return;
-    }
-    const headerStyles = window.getComputedStyle(headerElement);
-    const rawGap = headerStyles.columnGap || headerStyles.gap || "0";
-    const horizontalGap = Number.parseFloat(rawGap) || 0;
-    const availableTabsWidth = headerElement.clientWidth - titleElement.getBoundingClientRect().width - horizontalGap;
-    const estimatedTabsWidth = estimateTabsWidth(tabsItems);
-    setShouldUseSelectOverflow(availableTabsWidth > 0 && estimatedTabsWidth > availableTabsWidth);
-  }, [tabsItems]);
-  useEffect(() => {
-    updateTabsOverflowBehavior();
-  }, [updateTabsOverflowBehavior]);
-  useEffect(() => {
-    if (typeof ResizeObserver === "undefined")
-      return;
-    const headerElement = headerRef.current;
-    const titleElement = titleRef.current;
-    if (!headerElement || !titleElement)
-      return;
-    const resizeObserver = new ResizeObserver(() => {
-      updateTabsOverflowBehavior();
-    });
-    resizeObserver.observe(headerElement);
-    resizeObserver.observe(titleElement);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [updateTabsOverflowBehavior]);
-  const resolvedMaxItemsPerRow = Number.isFinite(maxItemsPerRow) ? Math.max(1, Math.floor(maxItemsPerRow)) : 1;
-  const loadingPlaceholderCount = isFetchingNextPage ? Math.min(resolvedMaxItemsPerRow, resolvedMaxVisibleItems != null ? resolvedMaxVisibleItems : Infinity) : 0;
-  const shouldRenderLoadingState = isLoading && tileEvents.length === 0;
-  const loadMoreRef = useRef(null);
-  useEffect(() => {
-    if (!shouldPaginate)
-      return;
-    if (!hasNextPage)
-      return;
-    const target = loadMoreRef.current;
-    if (!target)
-      return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        const entry = entries[0];
-        if (!(entry == null ? void 0 : entry.isIntersecting))
-          return;
-        if (isLoading || isFetchingNextPage || !hasNextPage)
-          return;
-        void fetchNextPage();
-      },
-      {
-        rootMargin: "320px 0px"
-      }
-    );
-    observer.observe(target);
-    return () => {
-      observer.disconnect();
-    };
-  }, [fetchNextPage, hasNextPage, isFetchingNextPage, isLoading, shouldPaginate]);
-  const gridStyle = {
-    ["--agg-event-list-columns"]: String(resolvedMaxItemsPerRow)
-  };
-  const gridClassName = cn(
-    "grid grid-cols-1 gap-5",
-    "md:[grid-template-columns:repeat(var(--agg-event-list-columns),minmax(0,1fr))]"
-  );
-  if (shouldRenderLoadingState) {
-    return /* @__PURE__ */ jsx(Skeleton, { view: "event-list", ariaLabel: labels.eventList.loading(title) });
-  }
-  return /* @__PURE__ */ jsxs("section", { className: "flex w-full flex-col gap-5", children: [
-    /* @__PURE__ */ jsxs(
-      "header",
-      {
-        ref: headerRef,
-        className: "flex flex-col sm:flex-row w-full flex-nowrap items-start sm:items-center justify-between gap-2 sm:gap-4",
-        children: [
-          /* @__PURE__ */ jsx("div", { ref: titleRef, className: "min-w-0", children: /* @__PURE__ */ jsx(Typography, { as: "h2", variant: "title", className: "truncate [&::first-letter]:uppercase", children: title }) }),
-          /* @__PURE__ */ jsx(
-            Tabs,
-            {
-              ariaLabel: labels.eventList.tabsAria(title),
-              items: tabsItems,
-              value: activeTabValue,
-              onChange: setActiveTabValue
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: gridClassName, style: gridStyle, children: [
-      tileEvents.map((event) => /* @__PURE__ */ jsx(
-        EventListItem,
-        {
-          event,
-          showVenueLogo,
-          classNames: {
-            root: "w-full min-w-0 max-w-none"
-          }
-        },
-        event.id
-      )),
-      Array.from({ length: loadingPlaceholderCount }).map((_, index) => /* @__PURE__ */ jsx(
-        EventListItem,
-        {
-          isLoading: true,
-          classNames: {
-            root: "w-full min-w-0 max-w-none"
-          }
-        },
-        `loading-${index}`
-      )),
-      !isLoading && !isError && (tileEvents == null ? void 0 : tileEvents.length) === 0 ? /* @__PURE__ */ jsx(Card, { className: "col-span-full overflow-hidden shadow-none hover:shadow-none", children: /* @__PURE__ */ jsx(
-        StateMessage,
-        {
-          ariaLabel: labels.eventList.emptyAria,
-          title: labels.eventList.emptyTitle,
-          description: labels.eventList.emptyDescription,
-          className: "min-h-[320px]"
-        }
-      ) }) : null,
-      isError ? /* @__PURE__ */ jsx(
-        Typography,
-        {
-          variant: "body",
-          className: "w-full col-span-full flex flex-col items-center justify-center h-32",
-          children: labels.eventList.error
-        }
-      ) : null
-    ] }),
-    shouldPaginate && hasNextPage ? /* @__PURE__ */ jsx("div", { ref: loadMoreRef, className: "h-px w-full", "aria-hidden": true }) : null
-  ] });
-};
-EventList.displayName = "EventList";
-
-export {
-  EventList
-};

package/dist/chunk-GJ4U5NCE.mjs

@@ -1,134 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/constants.ts
-var AGG_ROOT_CLASS_NAME = "agg-root";
-
-// src/shared/utils.ts
-var isTruthy = (x) => !!x;
-var cn = (...values) => values.filter(Boolean).join(" ");
-var getMotionClassName = (enabled, ...values) => {
-  if (!enabled)
-    return void 0;
-  return cn(...values);
-};
-var getScrollBehavior = (enabled) => {
-  return enabled ? "smooth" : "auto";
-};
-var isValidDateValue = (value) => {
-  if (value instanceof Date && !Number.isNaN(value.getTime()))
-    return true;
-  return false;
-};
-var toDate = (value) => {
-  if (!value)
-    return null;
-  if (value instanceof Date)
-    return value;
-  const parsed = new Date(value);
-  if (Number.isNaN(parsed.getTime()))
-    return null;
-  return parsed;
-};
-var shortenAddress = (value) => {
-  if (value.length < 10)
-    return value;
-  return `${value.slice(0, 6)}...${value.slice(-5)}`;
-};
-var formatUsd = (value) => {
-  if (!Number.isFinite(value))
-    return "$0";
-  return value.toLocaleString("en-US", {
-    style: "currency",
-    currency: "USD",
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 2
-  });
-};
-var formatCompactUsd = (amount) => {
-  const formatted = amount % 1 === 0 ? amount.toString() : amount.toFixed(1);
-  return `$${formatted}`;
-};
-var formatAmountDisplay = (value) => {
-  var _a;
-  if (!value)
-    return "";
-  const num = Number(value);
-  if (Number.isNaN(num))
-    return value;
-  if (value.includes(".")) {
-    const [, dec] = value.split(".");
-    return num.toLocaleString("en-US", {
-      minimumFractionDigits: (_a = dec == null ? void 0 : dec.length) != null ? _a : 0,
-      maximumFractionDigits: 2
-    });
-  }
-  return num.toLocaleString("en-US");
-};
-
-export {
-  __spreadValues,
-  __spreadProps,
-  __objRest,
-  __async,
-  AGG_ROOT_CLASS_NAME,
-  isTruthy,
-  cn,
-  getMotionClassName,
-  getScrollBehavior,
-  isValidDateValue,
-  toDate,
-  shortenAddress,
-  formatUsd,
-  formatCompactUsd,
-  formatAmountDisplay
-};

package/dist/chunk-K6IJ4WBM.mjs

@@ -1,67 +0,0 @@
-import {
-  __spreadProps,
-  __spreadValues,
-  cn,
-  getMotionClassName
-} from "./chunk-GJ4U5NCE.mjs";
-
-// src/primitives/badge/index.tsx
-import { useSdkUiConfig } from "@agg-market/hooks";
-
-// src/primitives/badge/badge.constants.ts
-var badgeSizes = ["small", "medium", "large"];
-var badgeSizeClasses = {
-  small: cn("py-1.5 px-4 gap-1.5", "agg-type-label"),
-  medium: cn("py-1.5 px-4 gap-2", "agg-type-body"),
-  large: cn("py-2.5 px-6 gap-2", "agg-type-body")
-};
-var baseBadgeClasses = cn(
-  "inline-flex items-center justify-center rounded-agg-full font-agg-sans",
-  "bg-agg-secondary-hover text-agg-foreground whitespace-nowrap font-agg-normal"
-);
-
-// src/primitives/badge/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Badge({
-  text,
-  prefix,
-  suffix,
-  size = "medium",
-  classNames,
-  onClick,
-  isActive = false
-}) {
-  const { enableAnimations } = useSdkUiConfig();
-  const resolvedText = `${text}`;
-  const resolvedAriaLabel = resolvedText.length > 0 ? resolvedText : void 0;
-  return /* @__PURE__ */ jsxs(
-    "span",
-    __spreadProps(__spreadValues({
-      "aria-label": resolvedAriaLabel,
-      className: cn(
-        "group/agg-badge",
-        baseBadgeClasses,
-        badgeSizeClasses[size],
-        onClick ? "cursor-pointer hover:bg-agg-tertiary disabled:cursor-not-allowed" : "",
-        getMotionClassName(
-          enableAnimations,
-          "transition-[border-color,background-color] duration-200 ease-in-out"
-        ),
-        isActive ? "border-agg-primary bg-agg-secondary! font-agg-bold!" : "border-transparent font-agg-normal",
-        classNames == null ? void 0 : classNames.root
-      )
-    }, onClick && { onClick }), {
-      children: [
-        prefix ? /* @__PURE__ */ jsx("span", { className: classNames == null ? void 0 : classNames.prefix, children: prefix }) : null,
-        /* @__PURE__ */ jsx("span", { className: cn("truncate", classNames == null ? void 0 : classNames.text), children: text }),
-        suffix ? /* @__PURE__ */ jsx("span", { className: classNames == null ? void 0 : classNames.suffix, children: suffix }) : null
-      ]
-    })
-  );
-}
-Badge.displayName = "Badge";
-
-export {
-  badgeSizes,
-  Badge
-};