@agg-market/ui 5.0.0 → 7.0.0

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
-};

package/dist/chunk-KAGYJ4XT.mjs

@@ -1,126 +0,0 @@
-import {
-  iconSizeClasses
-} from "./chunk-FO263M3V.mjs";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues,
-  cn,
-  getMotionClassName
-} from "./chunk-GJ4U5NCE.mjs";
-
-// src/primitives/button/index.tsx
-import { useSdkUiConfig } from "@agg-market/hooks";
-
-// src/primitives/button/button.constants.ts
-var sizeClasses = {
-  small: cn("h-8 px-4 gap-1.5", "text-agg-sm leading-agg-5"),
-  medium: cn("h-9 px-5 gap-1.5", "text-agg-sm leading-agg-5"),
-  large: cn("h-10 px-6 gap-2", "text-agg-base leading-agg-6")
-};
-var iconSizeClasses2 = {
-  small: iconSizeClasses.small,
-  medium: iconSizeClasses.small,
-  large: iconSizeClasses.small
-};
-var iconSlotClasses = {
-  small: "[&_svg]:h-4 [&_svg]:w-4",
-  medium: "[&_svg]:h-4 [&_svg]:w-4",
-  large: "[&_svg]:h-4 [&_svg]:w-4"
-};
-var variantClasses = {
-  primary: cn(
-    "bg-agg-primary text-agg-on-primary",
-    "hover:bg-agg-primary-hover",
-    "disabled:bg-agg-separator disabled:text-agg-on-primary",
-    "focus-visible:ring-agg-primary-hover"
-  ),
-  secondary: cn(
-    "border border-agg-separator bg-agg-secondary text-agg-foreground",
-    "hover:bg-agg-secondary-hover",
-    "disabled:bg-agg-secondary disabled:text-agg-muted-foreground disabled:border-agg-separator",
-    "focus-visible:ring-agg-separator"
-  ),
-  tertiary: cn(
-    "bg-transparent text-agg-primary",
-    "hover:text-agg-primary-hover",
-    "disabled:bg-transparent disabled:text-agg-muted-foreground",
-    "focus-visible:ring-agg-separator",
-    "px-0! py-0! h-fit!"
-  )
-};
-var baseButtonClasses = cn(
-  "cursor-pointer disabled:cursor-not-allowed",
-  "inline-flex items-center justify-center rounded-agg-full font-agg-sans font-agg-bold text-center",
-  "whitespace-nowrap",
-  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary"
-);
-
-// src/primitives/button/index.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Button = (_a) => {
-  var _b = _a, {
-    children,
-    variant = "primary",
-    size = "medium",
-    isLoading = false,
-    disabled,
-    prefix,
-    suffix,
-    type = "button",
-    className,
-    "aria-label": ariaLabel
-  } = _b, other = __objRest(_b, [
-    "children",
-    "variant",
-    "size",
-    "isLoading",
-    "disabled",
-    "prefix",
-    "suffix",
-    "type",
-    "className",
-    "aria-label"
-  ]);
-  const { enableAnimations } = useSdkUiConfig();
-  const isDisabled = disabled || isLoading;
-  return /* @__PURE__ */ jsx(
-    "button",
-    __spreadProps(__spreadValues({
-      type,
-      className: cn(
-        "group/agg-button",
-        baseButtonClasses,
-        getMotionClassName(enableAnimations, "transition-colors duration-200 ease-in-out"),
-        sizeClasses[size],
-        iconSlotClasses[size],
-        variantClasses[variant],
-        className
-      ),
-      disabled: isDisabled,
-      "aria-busy": isLoading,
-      "aria-label": ariaLabel
-    }, other), {
-      children: isLoading ? /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: cn(
-            "inline-block rounded-agg-full border-2 border-current border-r-transparent",
-            getMotionClassName(enableAnimations, "animate-spin"),
-            iconSizeClasses2[size]
-          ),
-          "aria-hidden": "true"
-        }
-      ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        prefix != null ? prefix : null,
-        /* @__PURE__ */ jsx("span", { children }),
-        suffix != null ? suffix : null
-      ] })
-    })
-  );
-};
-Button.displayName = "Button";
-
-export {
-  Button
-};

package/dist/chunk-KIYMVWL4.mjs

@@ -1,280 +0,0 @@
-import {
-  EventList
-} from "./chunk-GFBF2J3Y.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-LCZKSITC.mjs

@@ -1,162 +0,0 @@
-import {
-  cn,
-  getMotionClassName
-} from "./chunk-GJ4U5NCE.mjs";
-
-// src/primitives/switch-button/index.tsx
-import { useEffect, useMemo, useState } from "react";
-import { useSdkUiConfig } from "@agg-market/hooks";
-import { jsx, jsxs } from "react/jsx-runtime";
-var resolveActiveIndex = (options, value) => {
-  const activeIndex = options.findIndex((option) => option.value === value);
-  if (activeIndex >= 0)
-    return activeIndex;
-  return 0;
-};
-var resolveNextEnabledIndex = (options, currentIndex, direction) => {
-  if (options.length <= 1)
-    return currentIndex;
-  const step = direction === "next" ? 1 : -1;
-  for (let offset = 1; offset <= options.length; offset += 1) {
-    const candidateIndex = (currentIndex + step * offset + options.length) % options.length;
-    const candidate = options[candidateIndex];
-    if (candidate && !candidate.disabled) {
-      return candidateIndex;
-    }
-  }
-  return currentIndex;
-};
-var SwitchButton = ({
-  options,
-  value,
-  onValueChange,
-  ariaLabel,
-  className
-}) => {
-  const { enableAnimations } = useSdkUiConfig();
-  const activeIndex = useMemo(() => {
-    return resolveActiveIndex(options, value);
-  }, [options, value]);
-  const [isAnimating, setIsAnimating] = useState(false);
-  const [lastAnimatedIndex, setLastAnimatedIndex] = useState(activeIndex);
-  useEffect(() => {
-    if (lastAnimatedIndex === activeIndex) {
-      return;
-    }
-    setLastAnimatedIndex(activeIndex);
-    if (!enableAnimations) {
-      setIsAnimating(false);
-      return;
-    }
-    setIsAnimating(true);
-    const timeoutId = window.setTimeout(() => {
-      setIsAnimating(false);
-    }, 350);
-    return () => {
-      window.clearTimeout(timeoutId);
-    };
-  }, [activeIndex, enableAnimations, lastAnimatedIndex]);
-  if (options.length === 0) {
-    return null;
-  }
-  const handleKeyDown = (event, optionIndex) => {
-    if ((event == null ? void 0 : event.key) !== "ArrowLeft" && (event == null ? void 0 : event.key) !== "ArrowRight") {
-      return;
-    }
-    event == null ? void 0 : event.preventDefault();
-    const nextOptionIndex = resolveNextEnabledIndex(
-      options,
-      optionIndex,
-      event.key === "ArrowRight" ? "next" : "previous"
-    );
-    const nextOption = options[nextOptionIndex];
-    if (!nextOption || nextOption.disabled) {
-      return;
-    }
-    onValueChange(nextOption.value);
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "group/agg-switch",
-        "inline-flex min-w-0 rounded-agg-full bg-agg-secondary-hover font-agg-sans",
-        getMotionClassName(enableAnimations, "transition-background duration-200 ease-in-out"),
-        "cursor-pointer hover:bg-agg-tertiary",
-        className
-      ),
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "relative grid min-w-0 flex-1 items-center",
-          style: {
-            gridTemplateColumns: `repeat(${options.length}, minmax(0, 1fr))`
-          },
-          role: "tablist",
-          "aria-label": ariaLabel,
-          children: [
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "pointer-events-none absolute inset-y-0 left-0 rounded-agg-full border-2 border-agg-primary bg-agg-secondary",
-                  getMotionClassName(
-                    enableAnimations,
-                    "transition-transform duration-500 ease-[cubic-bezier(0.77,0,0.175,1)]"
-                  )
-                ),
-                style: {
-                  width: `${100 / options.length}%`,
-                  transform: `translateX(${activeIndex * 100}%) scaleX(${isAnimating ? 1.08 : 1})`
-                },
-                "aria-hidden": "true"
-              }
-            ),
-            options.map((option, optionIndex) => {
-              var _a;
-              const isActive = optionIndex === activeIndex;
-              return /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  role: "tab",
-                  "aria-selected": isActive,
-                  "aria-label": (_a = option.ariaLabel) != null ? _a : void 0,
-                  tabIndex: isActive ? 0 : -1,
-                  disabled: option.disabled,
-                  className: cn(
-                    "relative z-10 min-w-0 rounded-agg-full px-5 py-1.5 font-agg-sans text-agg-base leading-agg-6 text-agg-foreground",
-                    getMotionClassName(
-                      enableAnimations,
-                      "transition-[colors] duration-200 ease-in-out"
-                    ),
-                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary-hover",
-                    "cursor-pointer disabled:cursor-not-allowed disabled:text-agg-muted-foreground",
-                    isActive ? "font-agg-bold" : "font-agg-normal"
-                  ),
-                  onClick: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    if (option.disabled || isActive)
-                      return;
-                    onValueChange(option.value);
-                  },
-                  onKeyDown: (event) => {
-                    handleKeyDown(event, optionIndex);
-                  },
-                  children: option.label
-                },
-                option.value
-              );
-            })
-          ]
-        }
-      )
-    }
-  );
-};
-SwitchButton.displayName = "SwitchButton";
-
-export {
-  SwitchButton
-};