@agg-market/ui 4.0.0 → 6.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-LA3FBBSJ.mjs

@@ -1,311 +0,0 @@
-import {
-  formatCountLabel,
-  getVenueSummary,
-  normalizeProbability,
-  resolveEventListItemEvent,
-  resolveOutcomeTitle,
-  resolveTileImage,
-  resolveTileTitle,
-  resolveVenueLabel,
-  resolveVisibleOutcomes,
-  selectPrimaryVenueMarket
-} from "./chunk-QM7CGMFG.mjs";
-import {
-  Badge
-} from "./chunk-K6IJ4WBM.mjs";
-import {
-  Skeleton,
-  baseCardClassName
-} 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 {
-  __objRest,
-  __spreadValues,
-  cn
-} from "./chunk-GJ4U5NCE.mjs";
-
-// src/events/item/index.tsx
-import dayjs from "dayjs";
-import { useMemo } from "react";
-import {
-  useEvent,
-  useLabels,
-  useSdkUiConfig
-} from "@agg-market/hooks";
-import { jsx, jsxs } from "react/jsx-runtime";
-var EventListItemLoadingState = ({
-  classNames,
-  ariaLabel
-}) => {
-  const labels = useLabels();
-  return /* @__PURE__ */ jsx(
-    Skeleton,
-    {
-      view: "event-list-item",
-      className: classNames == null ? void 0 : classNames.root,
-      ariaLabel: ariaLabel != null ? ariaLabel : labels.eventItem.loading
-    }
-  );
-};
-var EventListItemUnavailableState = ({
-  classNames,
-  ariaLabel
-}) => {
-  const labels = useLabels();
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      className: cn(baseCardClassName, classNames == null ? void 0 : classNames.root),
-      role: "status",
-      "aria-label": ariaLabel != null ? ariaLabel : labels.eventItem.unavailableAria,
-      children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItem.unavailableTitle }),
-        /* @__PURE__ */ jsx(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItem.unavailableDescription })
-      ] })
-    }
-  );
-};
-var EventListItemContent = ({
-  event,
-  title,
-  image,
-  showVenueLogo = true,
-  maxOutcomes = 2,
-  classNames,
-  venueInfo,
-  arbitrageByOutcomeId,
-  onClick,
-  ariaLabel
-}) => {
-  var _a;
-  const config = useSdkUiConfig();
-  const labels = useLabels();
-  const allVenueMarkets = useMemo(() => {
-    return event.markets.flatMap((market) => market.venueMarkets);
-  }, [event.markets]);
-  const primaryVenueMarket = useMemo(() => {
-    return selectPrimaryVenueMarket(allVenueMarkets);
-  }, [allVenueMarkets]);
-  const visibleOutcomes = useMemo(() => {
-    if (allVenueMarkets.length === 0)
-      return [];
-    return resolveVisibleOutcomes(allVenueMarkets, maxOutcomes);
-  }, [allVenueMarkets, maxOutcomes]);
-  const resolvedTitle = resolveTileTitle(event, primaryVenueMarket, title);
-  const resolvedImage = resolveTileImage(event, primaryVenueMarket, image);
-  const { marketCount, venueCount, singleVenue } = getVenueSummary(allVenueMarkets);
-  const venueLabel = resolveVenueLabel(singleVenue, venueInfo, labels);
-  const visibleVenueLogos = useMemo(() => {
-    return Array.from(new Set(allVenueMarkets.map((market) => market.venue))).slice(0, 4);
-  }, [allVenueMarkets]);
-  const resolvedVolume = typeof event.volume === "number" ? event.volume : (_a = primaryVenueMarket == null ? void 0 : primaryVenueMarket.volume) != null ? _a : void 0;
-  const volumeLabel = typeof resolvedVolume === "number" ? `${config.formatCompactCurrency(resolvedVolume)} ${labels.eventItem.volumeSuffix}` : "";
-  const handleKeyDown = (eventToHandle) => {
-    if (!onClick)
-      return;
-    if ((eventToHandle == null ? void 0 : eventToHandle.key) === "Enter" || (eventToHandle == null ? void 0 : eventToHandle.key) === " ") {
-      eventToHandle == null ? void 0 : eventToHandle.preventDefault();
-      onClick();
-    }
-  };
-  const renderArbitrage = (value) => {
-    if (value == null)
-      return null;
-    if (Math.abs(value) < config.arbitrageThreshold)
-      return null;
-    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1", "text-agg-success"), children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "label-strong", className: "text-agg-success", children: config.formatPercent(value) }),
-      /* @__PURE__ */ jsx(
-        Icon,
-        {
-          name: "triangle-up",
-          size: "small",
-          title: labels.eventItem.arbitrage,
-          className: "size-2!"
-        }
-      )
-    ] });
-  };
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      className: cn(baseCardClassName, onClick && "cursor-pointer", classNames == null ? void 0 : classNames.root),
-      role: onClick ? "button" : void 0,
-      tabIndex: onClick ? 0 : void 0,
-      onClick,
-      onKeyDown: handleKeyDown,
-      "aria-label": ariaLabel != null ? ariaLabel : resolvedTitle,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", classNames == null ? void 0 : classNames.header), children: [
-          resolvedImage ? /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: resolvedImage,
-              alt: "",
-              className: cn("h-10 w-10", "rounded-agg-lg object-cover")
-            }
-          ) : null,
-          /* @__PURE__ */ jsx(
-            Typography,
-            {
-              variant: "body-strong",
-              className: cn(
-                "min-w-0 text-agg-base font-agg-bold leading-agg-6 ",
-                "truncate text-wrap wrap-break-word line-clamp-2",
-                classNames == null ? void 0 : classNames.title
-              ),
-              children: resolvedTitle
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.outcomes), children: visibleOutcomes.map((visibleOutcome) => {
-          const probability = normalizeProbability(visibleOutcome.outcome.price);
-          const showBadge = typeof probability === "number";
-          const arbitragePercent = arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[visibleOutcome.outcome.id];
-          const outcomeTitle = resolveOutcomeTitle(visibleOutcome.outcome);
-          const formattedTitle = dayjs(outcomeTitle).isValid() ? dayjs(outcomeTitle).format("MMMM D, YYYY") : outcomeTitle;
-          return /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "flex flex-row gap-3 w-full items-center justify-between",
-                classNames == null ? void 0 : classNames.outcomeRow
-              ),
-              children: [
-                /* @__PURE__ */ jsx(
-                  Typography,
-                  {
-                    variant: "body",
-                    className: "min-w-0 truncate text-agg-sm leading-agg-5 md:text-agg-base md:leading-agg-6",
-                    children: formattedTitle
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-3 items-center justify-end", children: [
-                  renderArbitrage(arbitragePercent),
-                  showBadge ? /* @__PURE__ */ jsx(
-                    Badge,
-                    {
-                      text: config.formatPercent(probability),
-                      prefix: showVenueLogo ? /* @__PURE__ */ jsx(VenueLogo, { venue: visibleOutcome.venue, size: "small" }) : void 0,
-                      size: "large",
-                      classNames: {
-                        root: cn(
-                          "h-9 min-w-[101px] justify-center px-4 text-agg-base leading-agg-6",
-                          classNames == null ? void 0 : classNames.badge
-                        )
-                      }
-                    }
-                  ) : null
-                ] })
-              ]
-            },
-            `${visibleOutcome.market.id}-${visibleOutcome.outcome.id}`
-          );
-        }) }),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "flex items-center justify-between gap-2",
-              "text-agg-muted-foreground",
-              classNames == null ? void 0 : classNames.footer
-            ),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1", "text-agg-sm leading-agg-5"), children: [
-                /* @__PURE__ */ jsx("span", { className: "truncate text-agg-muted-foreground", children: formatCountLabel(
-                  marketCount,
-                  labels.eventItem.marketSingular,
-                  labels.eventItem.marketPlural
-                ) }),
-                /* @__PURE__ */ jsx("span", { className: "text-agg-muted-foreground", children: "\xD7" }),
-                singleVenue ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 truncate text-agg-muted-foreground", children: [
-                  showVenueLogo ? /* @__PURE__ */ jsx(
-                    VenueLogo,
-                    {
-                      venue: singleVenue,
-                      size: "small",
-                      isMonochromatic: true,
-                      className: "text-agg-muted-foreground!"
-                    }
-                  ) : null,
-                  /* @__PURE__ */ jsx("span", { children: venueLabel })
-                ] }) : /* @__PURE__ */ jsx("span", { className: "truncate text-agg-muted-foreground", children: formatCountLabel(
-                  venueCount,
-                  labels.eventItem.venueSingular,
-                  labels.eventItem.venuePlural
-                ) }),
-                showVenueLogo && !singleVenue && visibleVenueLogos.length > 0 ? /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1 overflow-hidden", children: visibleVenueLogos.map((venue) => /* @__PURE__ */ jsx(
-                  VenueLogo,
-                  {
-                    venue,
-                    size: "small",
-                    isMonochromatic: true,
-                    className: "text-agg-muted-foreground!"
-                  },
-                  venue
-                )) }) : null
-              ] }),
-              volumeLabel ? /* @__PURE__ */ jsx(Typography, { variant: "label", className: "text-agg-sm text-agg-muted-foreground", children: volumeLabel }) : null
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-var EventListItemByEventId = (_a) => {
-  var _b = _a, {
-    eventId
-  } = _b, rest = __objRest(_b, [
-    "eventId"
-  ]);
-  const {
-    event: fetchedEvent,
-    isError,
-    isLoading
-  } = useEvent(eventId, {
-    enabled: !!eventId
-  });
-  const resolvedEvent = useMemo(() => {
-    return resolveEventListItemEvent(fetchedEvent);
-  }, [fetchedEvent]);
-  if (!eventId) {
-    return /* @__PURE__ */ jsx(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
-  }
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
-  }
-  if (!resolvedEvent && !isError) {
-    return /* @__PURE__ */ jsx(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
-  }
-  if (!resolvedEvent) {
-    return /* @__PURE__ */ jsx(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
-  }
-  return /* @__PURE__ */ jsx(EventListItemContent, __spreadValues({ event: resolvedEvent }, rest));
-};
-var EventListItem = (props) => {
-  if (props.isLoading) {
-    return /* @__PURE__ */ jsx(EventListItemLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
-  }
-  if ("event" in props && props.event) {
-    const _a = props, { event } = _a, rest = __objRest(_a, ["event"]);
-    return /* @__PURE__ */ jsx(EventListItemContent, __spreadValues({ event }, rest));
-  }
-  return /* @__PURE__ */ jsx(EventListItemByEventId, __spreadValues({}, props));
-};
-EventListItem.displayName = "EventListItem";
-
-export {
-  EventListItem
-};

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