@agg-market/ui 4.0.0 → 6.0.0

package/dist/chunk-P2PJBO5C.mjs

@@ -1,280 +0,0 @@
-import {
-  EventList
-} from "./chunk-OH56VUYK.mjs";
-import {
-  Tabs
-} from "./chunk-S3H63TQ5.mjs";
-import {
-  Icon
-} from "./chunk-PZTHM6WG.mjs";
-import {
-  cn
-} from "./chunk-GJ4U5NCE.mjs";
-
-// src/pages/home/index.tsx
-import { useEffect, useMemo, useState } from "react";
-import { useCategories, useLabels } from "@agg-market/hooks";
-
-// src/pages/home/home.constants.ts
-var ALL_CATEGORIES_TAB_VALUE = "trending";
-var DEFAULT_CATEGORIES_LIMIT = 100;
-var DEFAULT_ALL_CATEGORY_TAB_LABEL = "Trending";
-var CATEGORY_TAB_NAME_ORDER = [
-  "crypto",
-  "economy",
-  "entertainment",
-  "finance",
-  "geopolitics",
-  "health",
-  "mentions",
-  "politics",
-  "science",
-  "sports",
-  "technology",
-  "weather",
-  "world"
-];
-var getDefaultHomePageTabs = (allCategoryTabLabel) => {
-  return [
-    {
-      value: ALL_CATEGORIES_TAB_VALUE,
-      label: allCategoryTabLabel,
-      iconName: "arrow-trend-up"
-    },
-    { value: "crypto", label: "crypto", categoryIds: ["crypto"] },
-    { value: "economy", label: "economy", categoryIds: ["economy"] },
-    {
-      value: "entertainment",
-      label: "entertainment",
-      categoryIds: ["entertainment"]
-    },
-    { value: "finance", label: "finance", categoryIds: ["finance"] },
-    {
-      value: "geopolitics",
-      label: "geopolitics",
-      categoryIds: ["geopolitics"]
-    },
-    { value: "health", label: "health", categoryIds: ["health"] },
-    { value: "mentions", label: "mentions", categoryIds: ["mentions"] },
-    { value: "politics", label: "politics", categoryIds: ["politics"] },
-    { value: "science", label: "science", categoryIds: ["science"] },
-    { value: "sports", label: "sports", categoryIds: ["sports"] },
-    { value: "technology", label: "technology", categoryIds: ["technology"] },
-    { value: "weather", label: "weather", categoryIds: ["weather"] },
-    { value: "world", label: "world", categoryIds: ["world"] }
-  ];
-};
-var getDefaultEventSectionItems = (labels) => {
-  return [
-    {
-      id: "top-markets",
-      title: labels.home.topMarkets,
-      maxItemsPerRow: 3,
-      limit: 3,
-      maxVisibleItems: 3
-    },
-    {
-      id: "new-markets",
-      title: labels.home.newMarkets,
-      maxItemsPerRow: 3,
-      limit: 3,
-      maxVisibleItems: 3
-    }
-  ];
-};
-
-// src/pages/home/home.utils.ts
-var categoryOrderMap = CATEGORY_TAB_NAME_ORDER.reduce(
-  (accumulator, name, index) => {
-    accumulator.set(name, index);
-    return accumulator;
-  },
-  /* @__PURE__ */ new Map()
-);
-var normalizeCategoryName = (name) => {
-  return name.trim().toLowerCase();
-};
-var resolveCategoryTabs = (categories, allCategoryTabLabel) => {
-  const sortedCategories = [...categories].sort((left, right) => {
-    const leftName = normalizeCategoryName(left.name);
-    const rightName = normalizeCategoryName(right.name);
-    const leftOrder = categoryOrderMap.get(leftName);
-    const rightOrder = categoryOrderMap.get(rightName);
-    if (leftOrder != null && rightOrder != null) {
-      return leftOrder - rightOrder;
-    }
-    if (leftOrder != null)
-      return -1;
-    if (rightOrder != null)
-      return 1;
-    return leftName.localeCompare(rightName);
-  });
-  const seenCategoryIds = /* @__PURE__ */ new Set();
-  const tabs = [
-    {
-      value: ALL_CATEGORIES_TAB_VALUE,
-      label: allCategoryTabLabel,
-      iconName: "arrow-trend-up"
-    }
-  ];
-  for (const category of sortedCategories) {
-    if (seenCategoryIds.has(category.id))
-      continue;
-    seenCategoryIds.add(category.id);
-    tabs.push({
-      value: category.id,
-      label: normalizeCategoryName(category.name),
-      categoryIds: [category.id]
-    });
-  }
-  return tabs;
-};
-var resolveInitialTabValue = (tabs, defaultActiveTab) => {
-  var _a, _b;
-  if (defaultActiveTab) {
-    const hasDefaultTab = tabs.some((tab) => tab.value === defaultActiveTab);
-    if (hasDefaultTab)
-      return defaultActiveTab;
-  }
-  return (_b = (_a = tabs[0]) == null ? void 0 : _a.value) != null ? _b : "trending";
-};
-
-// src/pages/home/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var HomePage = ({
-  tabs,
-  defaultActiveTab,
-  onTabChange,
-  eventSectionItems,
-  classNames,
-  useCategoriesTabs = true,
-  categoriesLimit = DEFAULT_CATEGORIES_LIMIT,
-  allCategoryTabLabel = DEFAULT_ALL_CATEGORY_TAB_LABEL
-}) => {
-  const labels = useLabels();
-  const hasCustomTabs = !!tabs && tabs.length > 0;
-  const shouldUseCategoriesTabs = !hasCustomTabs && useCategoriesTabs;
-  const resolvedAllCategoryTabLabel = allCategoryTabLabel === DEFAULT_ALL_CATEGORY_TAB_LABEL ? labels.home.trending : allCategoryTabLabel;
-  const { categories } = useCategories({
-    limit: categoriesLimit,
-    enabled: shouldUseCategoriesTabs
-  });
-  const categoryTabs = useMemo(() => {
-    return resolveCategoryTabs(categories, resolvedAllCategoryTabLabel);
-  }, [categories, resolvedAllCategoryTabLabel]);
-  const resolvedTabs = useMemo(() => {
-    if (hasCustomTabs && tabs)
-      return tabs;
-    if (shouldUseCategoriesTabs)
-      return categoryTabs;
-    return getDefaultHomePageTabs(resolvedAllCategoryTabLabel);
-  }, [categoryTabs, hasCustomTabs, resolvedAllCategoryTabLabel, shouldUseCategoriesTabs, tabs]);
-  const resolvedEventSectionItems = eventSectionItems && eventSectionItems.length > 0 ? eventSectionItems : getDefaultEventSectionItems(labels);
-  const [activeTabValue, setActiveTabValue] = useState(() => {
-    return resolveInitialTabValue(resolvedTabs, defaultActiveTab);
-  });
-  useEffect(() => {
-    setActiveTabValue((currentValue) => {
-      const hasCurrentValue = resolvedTabs.some((tab) => tab.value === currentValue);
-      if (hasCurrentValue)
-        return currentValue;
-      return resolveInitialTabValue(resolvedTabs, defaultActiveTab);
-    });
-  }, [defaultActiveTab, resolvedTabs]);
-  const tabsItems = useMemo(() => {
-    return resolvedTabs.map((tab) => {
-      const isActive = tab.value === activeTabValue;
-      return {
-        value: tab.value,
-        label: tab.label,
-        icon: tab.iconName ? /* @__PURE__ */ jsx(
-          Icon,
-          {
-            name: tab.iconName,
-            size: "medium",
-            color: isActive ? "var(--agg-color-primary)" : "var(--agg-color-foreground)"
-          }
-        ) : void 0,
-        disabled: tab.disabled
-      };
-    });
-  }, [activeTabValue, resolvedTabs]);
-  const activeTab = useMemo(() => {
-    return resolvedTabs.find((tab) => tab.value === activeTabValue);
-  }, [activeTabValue, resolvedTabs]);
-  const resolvedSectionItems = useMemo(() => {
-    var _a, _b, _c, _d, _e;
-    if (activeTabValue === ALL_CATEGORIES_TAB_VALUE) {
-      return resolvedEventSectionItems;
-    }
-    const maxItemsPerRow = (_b = (_a = resolvedEventSectionItems[0]) == null ? void 0 : _a.maxItemsPerRow) != null ? _b : 3;
-    const showVenueLogo = (_c = resolvedEventSectionItems[0]) == null ? void 0 : _c.showVenueLogo;
-    const firstSectionLimit = (_d = resolvedEventSectionItems[0]) == null ? void 0 : _d.limit;
-    const limit = firstSectionLimit && Number.isFinite(firstSectionLimit) ? Math.max(9, Math.floor(firstSectionLimit)) : 9;
-    return [
-      {
-        id: `${activeTabValue}-markets`,
-        title: (_e = activeTab == null ? void 0 : activeTab.label) != null ? _e : activeTabValue,
-        maxItemsPerRow,
-        limit,
-        maxVisibleItems: void 0,
-        showVenueLogo,
-        search: activeTab == null ? void 0 : activeTab.search,
-        categoryIds: activeTab == null ? void 0 : activeTab.categoryIds
-      }
-    ];
-  }, [activeTab, activeTabValue, resolvedEventSectionItems]);
-  const handleTabChange = (value) => {
-    setActiveTabValue(value);
-    onTabChange == null ? void 0 : onTabChange(value);
-  };
-  return /* @__PURE__ */ jsxs("section", { className: cn("flex w-full flex-col", classNames == null ? void 0 : classNames.root), children: [
-    /* @__PURE__ */ jsx(
-      "header",
-      {
-        className: cn("w-full bg-agg-secondary border-b border-agg-separator", classNames == null ? void 0 : classNames.header),
-        children: /* @__PURE__ */ jsx(
-          Tabs,
-          {
-            ariaLabel: labels.home.categoryTabsAria,
-            variant: "underline",
-            className: cn("w-full px-4 md:px-10", classNames == null ? void 0 : classNames.tabs),
-            items: tabsItems,
-            value: activeTabValue,
-            onChange: handleTabChange
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "main",
-      {
-        className: cn(
-          "flex w-full flex-col gap-4 md:gap-10 px-4 md:px-10 py-4 md:py-8",
-          classNames == null ? void 0 : classNames.sections
-        ),
-        children: resolvedSectionItems.map((eventSectionItem) => {
-          var _a, _b, _c;
-          return /* @__PURE__ */ jsx(
-            EventList,
-            {
-              title: eventSectionItem.title,
-              maxItemsPerRow: eventSectionItem.maxItemsPerRow,
-              limit: eventSectionItem.limit,
-              maxVisibleItems: eventSectionItem.maxVisibleItems,
-              showVenueLogo: eventSectionItem.showVenueLogo,
-              search: (_b = eventSectionItem.search) != null ? _b : activeTab == null ? void 0 : activeTab.search,
-              categoryIds: (_c = eventSectionItem.categoryIds) != null ? _c : activeTab == null ? void 0 : activeTab.categoryIds
-            },
-            (_a = eventSectionItem.id) != null ? _a : eventSectionItem.title
-          );
-        })
-      }
-    )
-  ] });
-};
-HomePage.displayName = "HomePage";
-
-export {
-  HomePage
-};

package/dist/chunk-PORVP72S.mjs

@@ -1,277 +0,0 @@
-import {
-  getIconA11yProps
-} from "./chunk-BNDFQPHF.mjs";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues,
-  cn
-} from "./chunk-GJ4U5NCE.mjs";
-
-// src/primitives/venue-logo/index.tsx
-import { useLabels } from "@agg-market/hooks";
-
-// src/primitives/venue-logo/logo-props.ts
-var DEFAULT_MONOCHROME_COLOR = "currentColor";
-var resolveLogoPrimaryColor = ({
-  brandColor,
-  isColor = true,
-  color
-}) => {
-  if (typeof color === "string" && color.trim())
-    return color;
-  if (!isColor)
-    return DEFAULT_MONOCHROME_COLOR;
-  return brandColor;
-};
-
-// src/primitives/venue-logo/svg/logo-kalshi.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var KALSHI_GREEN = "#18C590";
-var LogoKalshiIcon = (_a) => {
-  var _b = _a, {
-    title,
-    className,
-    isColor = true,
-    color
-  } = _b, props = __objRest(_b, [
-    "title",
-    "className",
-    "isColor",
-    "color"
-  ]);
-  const primaryColor = resolveLogoPrimaryColor({
-    brandColor: KALSHI_GREEN,
-    isColor,
-    color
-  });
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 100 100",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M54.9798 47.579L79.4249 85.9995H58.2273L38.2531 52.9344V85.9995H20.4189V13.9995H38.2531V45.4356L59.6547 13.9995H78.7119L54.9798 47.579Z",
-            fill: primaryColor
-          }
-        )
-      ]
-    })
-  );
-};
-LogoKalshiIcon.displayName = "LogoKalshiIcon";
-
-// src/primitives/venue-logo/svg/logo-opinion.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var OPINION_BLACK = "#000000";
-var LogoOpinionIcon = (_a) => {
-  var _b = _a, {
-    title,
-    className,
-    isColor = true,
-    color
-  } = _b, props = __objRest(_b, [
-    "title",
-    "className",
-    "isColor",
-    "color"
-  ]);
-  const primaryColor = resolveLogoPrimaryColor({
-    brandColor: OPINION_BLACK,
-    isColor,
-    color
-  });
-  return /* @__PURE__ */ jsxs2(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 100 100",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ jsx2("title", { children: title }) : null,
-        /* @__PURE__ */ jsx2(
-          "path",
-          {
-            d: "M51.8239 68.4603L56.9659 68.0094L58.8049 89.0576C61.1459 88.5314 63.4349 87.7952 65.6437 86.8578V68.1879H71.9955V83.4385C74.6496 81.6828 77.0863 79.619 79.2548 77.2898L80.0716 67.958L85.516 68.433C88.6185 62.4381 90.156 55.7558 89.9858 49.0072C89.8154 42.2584 87.9429 35.6623 84.542 29.8316L84.3394 32.1494L77.9876 31.5927L78.8042 22.2668C76.7468 20.1288 74.4594 18.225 71.9835 16.5902V31.9164H65.6317V13.1739C62.9224 12.0205 60.0929 11.173 57.1957 10.6473L59.0317 31.6441L53.8897 32.0949L51.9599 10.0482C51.3128 10.0179 50.6593 9.99976 50.006 9.99976C47.4581 9.99976 44.9161 10.2419 42.414 10.723L46.0438 31.3899L42.1297 32.0798L38.5304 11.6701C35.1755 12.6725 31.9677 14.1143 28.9905 15.9578L33.0435 31.0873L29.9705 31.9134L26.2018 17.8369C23.2938 19.9923 20.6902 22.5308 18.4615 25.3835L20.4246 30.7787L18.1833 31.5956L16.7707 27.7134C14.5111 31.0771 12.7772 34.7657 11.6287 38.652L12.2639 38.4221L20.4306 60.8471L18.1893 61.6641L10.8877 41.5963C9.21542 49.4012 9.91256 57.528 12.8896 64.9338C15.8667 72.3395 20.9879 78.6865 27.5961 83.1601L23.8031 68.9989L26.8762 68.1728L31.5162 85.4991C34.6952 87.1593 38.0844 88.3808 41.5914 89.1303L38.0132 68.7296L41.9301 68.0397L45.7684 89.8262C47.1811 89.9757 48.6007 90.0505 50.0212 90.0502C51.2583 90.0502 52.4863 89.9926 53.6963 89.8807L51.8239 68.4603ZM80.1017 37.8985L86.4385 38.4524L84.3605 62.2299L78.0087 61.6761L80.1017 37.8985ZM65.6528 38.1315H72.0046V61.9969H65.6528V38.1315ZM56.975 37.9501L59.053 61.7277L53.911 62.1785L51.8299 38.4009L56.975 37.9501ZM29.9976 62.003L23.8243 38.9486L26.8974 38.1255L33.0707 61.1649L29.9976 62.003ZM42.157 62.1603L38.0132 38.658L41.9301 37.9683L46.0709 61.4674L42.157 62.1603Z",
-            fill: primaryColor
-          }
-        )
-      ]
-    })
-  );
-};
-LogoOpinionIcon.displayName = "LogoOpinionIcon";
-
-// src/primitives/venue-logo/svg/logo-polymarket.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var POLYMARKET_BLUE = "#2E5CFF";
-var LogoPolymarketIcon = (_a) => {
-  var _b = _a, {
-    title,
-    className,
-    isColor = true,
-    color
-  } = _b, props = __objRest(_b, [
-    "title",
-    "className",
-    "isColor",
-    "color"
-  ]);
-  const primaryColor = resolveLogoPrimaryColor({
-    brandColor: POLYMARKET_BLUE,
-    isColor,
-    color
-  });
-  return /* @__PURE__ */ jsxs3(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 100 100",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ jsx3("title", { children: title }) : null,
-        /* @__PURE__ */ jsx3(
-          "path",
-          {
-            d: "M81.0904 84.2882C81.0904 87.9246 81.0904 89.7428 79.901 90.644C78.7119 91.5456 76.9613 91.0542 73.4603 90.0717L17.1975 74.2838C15.0881 73.6919 14.0332 73.3959 13.4233 72.5913C12.8135 71.7866 12.8135 70.6911 12.8135 68.5002V31.4998C12.8135 29.309 12.8135 28.2134 13.4233 27.4088C14.0332 26.6042 15.0881 26.3081 17.1975 25.7163L73.4603 9.92806C76.9613 8.94572 78.7119 8.45448 79.901 9.35587C81.0904 10.2573 81.0904 12.0755 81.0904 15.7119V84.2882ZM26.8451 69.1363L73.4308 82.2104V56.0637L26.8451 69.1363ZM20.4723 63.0711L67.0487 50L20.4723 36.929V63.0711ZM26.8446 30.8638L73.4308 43.9366V17.7896L26.8446 30.8638Z",
-            fill: primaryColor
-          }
-        )
-      ]
-    })
-  );
-};
-LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
-
-// src/primitives/venue-logo/svg/logo-probable.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var PROBABLE_ORANGE = "#F05923";
-var LogoProbableIcon = (_a) => {
-  var _b = _a, {
-    title,
-    className,
-    isColor = true,
-    color
-  } = _b, props = __objRest(_b, [
-    "title",
-    "className",
-    "isColor",
-    "color"
-  ]);
-  const primaryColor = resolveLogoPrimaryColor({
-    brandColor: PROBABLE_ORANGE,
-    isColor,
-    color
-  });
-  return /* @__PURE__ */ jsxs4(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 100 100",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ jsx4("title", { children: title }) : null,
-        /* @__PURE__ */ jsx4(
-          "path",
-          {
-            d: "M75.625 59.3489C75.6247 53.7323 71.0719 49.1792 65.4551 49.179H33.9209C28.3039 49.179 23.7503 53.7321 23.75 59.3489C23.75 64.9659 28.3038 69.5198 33.9209 69.5198H65.4551C71.0719 69.5195 75.625 64.9658 75.625 59.3489ZM90.625 59.3489C90.625 73.2501 79.3562 84.5195 65.4551 84.5198H33.9209C20.0196 84.5198 8.75 73.2502 8.75 59.3489C8.75026 45.4477 20.0198 34.179 33.9209 34.179H65.4551C79.3559 34.1792 90.6247 45.4478 90.625 59.3489Z",
-            fill: primaryColor
-          }
-        ),
-        /* @__PURE__ */ jsx4("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
-        /* @__PURE__ */ jsx4(
-          "path",
-          {
-            d: "M64.5742 51.3496C68.9894 51.3496 72.5742 54.9344 72.5742 59.3496C72.5742 63.7648 68.9894 67.3496 64.5742 67.3496C60.159 67.3496 56.5742 63.7648 56.5742 59.3496C56.5742 54.9344 60.159 51.3496 64.5742 51.3496Z",
-            fill: primaryColor
-          }
-        )
-      ]
-    })
-  );
-};
-LogoProbableIcon.displayName = "LogoProbableIcon";
-
-// src/primitives/venue-logo/venue-logo.constants.ts
-var venueLogoRegistry = {
-  kalshi: LogoKalshiIcon,
-  polymarket: LogoPolymarketIcon,
-  opinion: LogoOpinionIcon,
-  probable: LogoProbableIcon
-};
-var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
-var venueLogoUrlRegistry = {
-  kalshi: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
-  polymarket: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
-  opinion: `${VENUE_LOGO_BASE_URL}/opinion.png`,
-  probable: `${VENUE_LOGO_BASE_URL}/probable.png`
-};
-var venueLogoLabels = {
-  kalshi: "Kalshi",
-  polymarket: "Polymarket",
-  opinion: "Opinion",
-  probable: "Probable"
-};
-var venueLogoNames = Object.keys(venueLogoRegistry);
-var sizeClasses = {
-  small: "h-4 w-4",
-  medium: "h-6 w-6",
-  large: "h-8 w-8"
-};
-
-// src/primitives/venue-logo/index.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var VenueLogo = ({
-  venue,
-  variant = "icon",
-  isColor = true,
-  isMonochromatic = false,
-  color,
-  size = "medium",
-  className,
-  ariaLabel,
-  title
-}) => {
-  const labels = useLabels();
-  const sizeClass = sizeClasses[size];
-  const resolvedLabel = ariaLabel != null ? ariaLabel : labels.venues[venue];
-  if (variant === "logo") {
-    return /* @__PURE__ */ jsx5(
-      "img",
-      {
-        src: venueLogoUrlRegistry[venue],
-        alt: resolvedLabel,
-        title,
-        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
-      }
-    );
-  }
-  const Component = venueLogoRegistry[venue];
-  const resolvedIsColor = isMonochromatic ? false : isColor;
-  return /* @__PURE__ */ jsx5(
-    Component,
-    {
-      className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
-      isColor: resolvedIsColor,
-      color,
-      "aria-label": resolvedLabel,
-      title
-    }
-  );
-};
-VenueLogo.displayName = "VenueLogo";
-
-export {
-  venueLogoLabels,
-  venueLogoNames,
-  VenueLogo
-};