@gearbox-protocol/permissionless-ui 1.7.2 → 1.7.4

package/dist/esm/components/liquidation/liquidation-graph-tip.js

@@ -1,72 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  formatAxisTipLabel,
-  formatAxisTipPrice
-} from "../../hooks/use-liquidation/index.js";
-import { HealthFactor } from "../health-factor.js";
-import { ShortString } from "../short-string.js";
-import { TokenSymbol } from "../token-symbol.js";
-import { FormattedMessageTyped } from "../typed-intl/index.js";
-function LiquidationGraphTip({
-  activePointX,
-  activePointY,
-  xAxis,
-  yAxis,
-  hf,
-  underlyingToken,
-  maxLabelLength
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-between items-center", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-      xAxis && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx(
-        PriceLine,
-        {
-          underlyingToken,
-          token: xAxis.label,
-          value: activePointX,
-          order: xAxis.order,
-          maxLabelLength
-        }
-      ) }),
-      yAxis && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx(
-        PriceLine,
-        {
-          underlyingToken,
-          token: yAxis.label,
-          value: activePointY,
-          order: yAxis.order,
-          maxLabelLength
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(FormattedMessageTyped, { messageId: "components.creditSessionDetailedLiquidation.graph.tip.hf" }),
-        ":"
-      ] }),
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(HealthFactor, { value: hf, debt: 1n }) })
-    ] })
-  ] });
-}
-function PriceLine({
-  token,
-  underlyingToken,
-  value = 0,
-  order = "straight",
-  maxLabelLength = 13
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx(TokenSymbol, { token, size: 12 }),
-    /* @__PURE__ */ jsxs("div", { className: "text-sm text-foreground", children: [
-      /* @__PURE__ */ jsx(ShortString, { maxLength: maxLabelLength, children: formatAxisTipLabel(token, underlyingToken, order) }),
-      " ",
-      /* @__PURE__ */ jsx(FormattedMessageTyped, { messageId: "components.creditSessionDetailedLiquidation.graph.tip.price" }),
-      ": ",
-      underlyingToken ? "" : "$",
-      formatAxisTipPrice(value)
-    ] })
-  ] });
-}
-export {
-  LiquidationGraphTip
-};

package/dist/esm/components/liquidation/liquidation-graph.js

@@ -1,193 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { useHF } from "../../hooks/use-hf.js";
-import {
-  DEFAULT_AXIS_MAX,
-  DEFAULT_AXIS_MIN,
-  formatAxisLabel,
-  formatAxisTipLabel,
-  getCellClass,
-  useIsAxisInRelativeUnits,
-  useLiquidationGraphActivePrice,
-  useLiquidationGraphCurrentActiveValue,
-  useLiquidationHeatmap,
-  useWithLiquidationGraphActivePrices
-} from "../../hooks/use-liquidation/index.js";
-import {
-  ColorHeatmap,
-  XAxis,
-  XLine,
-  XYPlot,
-  YAxis,
-  YLine
-} from "../../utils/reactochart-compat.js";
-import { VSpace } from "../vspace.js";
-import { LiquidationGraphLegend } from "./liquidation-graph-legend.js";
-import { LiquidationGraphTip } from "./liquidation-graph-tip.js";
-const WIDTH = 300;
-const HEIGHT = 300;
-const CROSSHAIR_X = "rct-crosshair-x";
-const CROSSHAIR_Y = "rct-crosshair-y";
-function LiquidationGraph({
-  graphParams,
-  assets,
-  liquidationThresholds,
-  quotas,
-  quotasInfo,
-  underlyingToken: underlyingTokenAddress,
-  debt,
-  prices,
-  tokensList,
-  width = WIDTH,
-  height = HEIGHT,
-  maxLabelLength
-}) {
-  const { xAxis, yAxis, currentPoint } = graphParams;
-  const {
-    min: xMin = DEFAULT_AXIS_MIN,
-    max: xMax = DEFAULT_AXIS_MAX,
-    label: xLabel,
-    order: xOrder = "straight",
-    nextOrder: nextOrderX
-  } = xAxis || {};
-  const {
-    min: yMin = DEFAULT_AXIS_MIN,
-    max: yMax = DEFAULT_AXIS_MAX,
-    label: yLabel,
-    order: yOrder = "straight",
-    nextOrder: nextOrderY
-  } = yAxis || {};
-  const heatmap = useLiquidationHeatmap({
-    xMin,
-    xMax,
-    yMin,
-    yMax,
-    xLabel,
-    yLabel,
-    assets,
-    quotas,
-    prices,
-    liquidationThresholds,
-    underlyingTokenAddress,
-    debt,
-    quotasInfo,
-    tokensList
-  });
-  const { activePoint, handleMouseLeave, handleMouseMove } = useLiquidationGraphCurrentActiveValue();
-  const [activePointX, activePointY] = activePoint || [];
-  const activePrices = useWithLiquidationGraphActivePrices({
-    prices,
-    activePoint,
-    xLabel,
-    yLabel
-  });
-  const hf = useHF({
-    quotas,
-    quotasInfo,
-    assets,
-    prices: activePrices,
-    liquidationThresholds,
-    underlyingToken: underlyingTokenAddress,
-    debt,
-    tokensList
-  });
-  const underlyingPrice = prices[underlyingTokenAddress] || 1n;
-  const underlyingToken = tokensList[underlyingTokenAddress];
-  const xRelative = useIsAxisInRelativeUnits(xLabel, underlyingToken);
-  const yRelative = useIsAxisInRelativeUnits(yLabel, underlyingToken);
-  const activePriceX = useLiquidationGraphActivePrice(
-    activePointX || currentPoint[0],
-    underlyingPrice,
-    xRelative,
-    xOrder
-  );
-  const activePriceY = useLiquidationGraphActivePrice(
-    activePointY || currentPoint[1],
-    underlyingPrice,
-    yRelative,
-    yOrder
-  );
-  const labelXFormatter = useCallback(
-    formatAxisLabel(underlyingPrice, xRelative, xOrder),
-    []
-  );
-  const labelYFormatter = useCallback(
-    formatAxisLabel(underlyingPrice, yRelative, yOrder),
-    []
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "mx-auto", style: { width: `${width}px`, maxWidth: "100%" }, children: [
-    /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
-      LiquidationGraphTip,
-      {
-        underlyingToken,
-        hf: hf.hf,
-        xAxis,
-        yAxis,
-        activePointX: activePriceX,
-        activePointY: activePriceY,
-        maxLabelLength
-      }
-    ) }),
-    /* @__PURE__ */ jsx(VSpace, { height: 16 }),
-    /* @__PURE__ */ jsx("div", { className: "w-full liquidation-graph-container", children: /* @__PURE__ */ jsxs(
-      XYPlot,
-      {
-        width,
-        height,
-        xDomain: [xMin, xMax],
-        yDomain: [yMin, yMax],
-        onMouseMove: handleMouseMove,
-        onMouseLeave: handleMouseLeave,
-        children: [
-          /* @__PURE__ */ jsx(
-            XAxis,
-            {
-              showLine: false,
-              title: formatAxisTipLabel(xLabel, underlyingToken, xOrder),
-              titleAlign: "right",
-              tickCount: 5,
-              labelFormat: labelXFormatter,
-              showLabels: !!xLabel,
-              showTicks: !!xLabel,
-              onMouseClickAxis: nextOrderX,
-              nice: false
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            YAxis,
-            {
-              showLine: false,
-              title: formatAxisTipLabel(yLabel, underlyingToken, yOrder),
-              titleAlign: "top",
-              tickCount: 5,
-              labelFormat: labelYFormatter,
-              showLabels: !!yLabel,
-              showTicks: !!yLabel,
-              onMouseClickAxis: nextOrderY,
-              nice: false
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ColorHeatmap,
-            {
-              data: heatmap,
-              value: (d) => d.value,
-              x: (d) => d.x,
-              xEnd: (d) => d.xEnd,
-              y: (d) => d.y,
-              yEnd: (d) => d.yEnd,
-              rectClassName: (p) => getCellClass(p, currentPoint, activePointX, activePointY)
-            }
-          ),
-          activePointX !== void 0 && activePointX !== null && /* @__PURE__ */ jsx(XLine, { value: activePointX, className: CROSSHAIR_X }),
-          activePointY !== void 0 && activePointY !== null && /* @__PURE__ */ jsx(YLine, { value: activePointY, className: CROSSHAIR_Y })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(VSpace, { height: 12 }),
-    /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(LiquidationGraphLegend, {}) })
-  ] });
-}
-export {
-  LiquidationGraph
-};

package/dist/esm/components/loader-guard.js

@@ -1,23 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Guard } from "./guard.js";
-import { Container } from "./layout/index.js";
-import { Skeleton } from "./skeleton.js";
-function LoaderGuard({
-  showGuard: show,
-  children,
-  loader
-}) {
-  const defaultLoader = /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-4", children: [
-    /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-64" }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" })
-    ] })
-  ] }) });
-  const showGuard = show;
-  return /* @__PURE__ */ jsx(Guard, { showGuard, guard: showGuard && (loader || defaultLoader), children });
-}
-export {
-  LoaderGuard
-};

package/dist/esm/components/loading-guard.js

@@ -1,31 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Container } from "./layout/index.js";
-import { Skeleton } from "./skeleton.js";
-function LoadingGuard({
-  showGuard,
-  children,
-  fallback
-}) {
-  if (showGuard) {
-    if (fallback) {
-      return /* @__PURE__ */ jsx(Fragment, { children: fallback });
-    }
-    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-4", children: [
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-64" }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-4 mt-4", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full" })
-      ] })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children });
-}
-export {
-  LoadingGuard
-};

package/dist/esm/components/navbar-indicator-context.js

@@ -1,76 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useRef,
-  useState
-} from "react";
-const NavbarIndicatorContext = createContext(
-  null
-);
-const NavbarIndicatorProvider = ({ children }) => {
-  const itemsRef = useRef(/* @__PURE__ */ new Map());
-  const [activeItemId, setActiveItemId] = useState(null);
-  const indicatorRef = useRef(null);
-  const containerRef = useRef(null);
-  const registerItem = useCallback((id, element) => {
-    itemsRef.current.set(id, element);
-  }, []);
-  const unregisterItem = useCallback((id) => {
-    itemsRef.current.delete(id);
-  }, []);
-  const updateIndicatorPosition = useCallback((id) => {
-    if (!indicatorRef.current || !containerRef.current) return;
-    const targetElement = itemsRef.current.get(id);
-    if (!targetElement) return;
-    const targetRect = targetElement.getBoundingClientRect();
-    const containerRect = containerRef.current.getBoundingClientRect();
-    const left = targetRect.left - containerRect.left + containerRef.current.scrollLeft;
-    const width = targetRect.width;
-    indicatorRef.current.style.opacity = "1";
-    indicatorRef.current.style.transform = `translateX(${left}px)`;
-    indicatorRef.current.style.width = `${width}px`;
-  }, []);
-  const handleSetActiveItem = useCallback(
-    (id) => {
-      setActiveItemId(id);
-      updateIndicatorPosition(id);
-    },
-    [updateIndicatorPosition]
-  );
-  useEffect(() => {
-    if (activeItemId) {
-      updateIndicatorPosition(activeItemId);
-    }
-  }, [activeItemId, updateIndicatorPosition]);
-  useEffect(() => {
-    const handleResize = () => {
-      if (activeItemId) {
-        updateIndicatorPosition(activeItemId);
-      }
-    };
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
-  }, [activeItemId, updateIndicatorPosition]);
-  return /* @__PURE__ */ jsx(
-    NavbarIndicatorContext.Provider,
-    {
-      value: {
-        registerItem,
-        unregisterItem,
-        setActiveItem: handleSetActiveItem,
-        containerRef,
-        indicatorRef
-      },
-      children
-    }
-  );
-};
-const useNavbarIndicator = () => useContext(NavbarIndicatorContext);
-export {
-  NavbarIndicatorProvider,
-  useNavbarIndicator
-};

package/dist/esm/components/navbar.js

@@ -1,98 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import cn from "../utils/index.js";
-import {
-  NavbarIndicatorProvider,
-  useNavbarIndicator
-} from "./navbar-indicator-context.js";
-const navbarVariants = cva("flex items-center bg-background", {
-  variants: {
-    variant: {
-      default: "justify-between",
-      centered: "justify-center",
-      left: "justify-start",
-      right: "justify-end"
-    },
-    size: {
-      sm: "h-12 px-4",
-      default: "h-full px-6",
-      lg: "h-20 px-8"
-    },
-    sticky: {
-      true: "sticky top-0 z-50",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default",
-    sticky: false
-  }
-});
-const NavbarContent = ({ containerClassName, children }) => {
-  const indicatorContext = useNavbarIndicator();
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: indicatorContext?.containerRef,
-      className: cn(
-        "flex items-center gap-2 flex-1 justify-center overflow-x-auto h-full relative",
-        containerClassName
-      ),
-      children: [
-        children,
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: indicatorContext?.indicatorRef,
-            className: "absolute bottom-0 h-0.5 bg-pink-500 transition-all duration-300 ease-out pointer-events-none",
-            style: {
-              left: 0,
-              width: 0,
-              opacity: 0,
-              transform: "translateX(0)"
-            }
-          }
-        )
-      ]
-    }
-  );
-};
-const Navbar = React.forwardRef(
-  ({
-    className,
-    variant,
-    size,
-    sticky,
-    containerClassName,
-    children,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "nav",
-      {
-        ref,
-        className: cn(navbarVariants({ variant, size, sticky, className })),
-        ...props,
-        children: /* @__PURE__ */ jsx(NavbarIndicatorProvider, { children: /* @__PURE__ */ jsx(NavbarContent, { containerClassName, children }) })
-      }
-    );
-  }
-);
-Navbar.displayName = "Navbar";
-const NavbarNav = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("flex items-center gap-1", className),
-    ...props,
-    children
-  }
-));
-NavbarNav.displayName = "NavbarNav";
-export {
-  Navbar,
-  NavbarNav,
-  navbarVariants
-};

package/dist/esm/components/navitem.js

@@ -1,113 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import cn from "../utils/index.js";
-import { useNavbarIndicator } from "./navbar-indicator-context.js";
-const navitemVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 relative",
-  {
-    variants: {
-      variant: {
-        default: "text-decoration-none text-foreground hover:text-foreground hover:bg-secondary data-[active=true]:bg-secondary md:data-[active=true]:bg-transparent data-[active=true]:text-foreground",
-        active: "text-foreground bg-secondary",
-        ghost: "text-decoration-none text-muted-foreground hover:text-foreground hover:bg-secondary data-[active=true]:bg-secondary md:data-[active=true]:bg-transparent data-[active=true]:text-foreground",
-        link: "text-decoration-none text-muted-foreground hover:text-foreground underline-offset-4 hover:underline data-[active=true]:text-foreground data-[active=true]:underline",
-        pill: "text-decoration-none text-muted-foreground hover:text-foreground hover:bg-accent rounded-full data-[active=true]:bg-accent data-[active=true]:text-foreground",
-        tab: "text-decoration-none text-muted-foreground hover:text-foreground border-b-2 border-transparent hover:border-border data-[active=true]:border-primary data-[active=true]:text-foreground rounded-none"
-      },
-      size: {
-        sm: "h-8 px-3 text-xs",
-        default: "px-4 py-2",
-        lg: "h-10 px-5 text-base",
-        icon: "h-9 w-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-const NavItem = React.forwardRef(
-  ({
-    className,
-    variant,
-    size,
-    asChild = false,
-    active = false,
-    icon,
-    badge,
-    external = false,
-    children,
-    ...props
-  }, ref) => {
-    const Comp = asChild ? Slot : "a";
-    const indicatorContext = useNavbarIndicator();
-    const itemRef = React.useRef(null);
-    const itemId = React.useId();
-    React.useImperativeHandle(ref, () => itemRef.current);
-    React.useEffect(() => {
-      if (indicatorContext && itemRef.current) {
-        indicatorContext.registerItem(itemId, itemRef.current);
-        return () => {
-          indicatorContext.unregisterItem(itemId);
-        };
-      }
-    }, [indicatorContext, itemId]);
-    React.useEffect(() => {
-      if (indicatorContext && active) {
-        indicatorContext.setActiveItem(itemId);
-      }
-    }, [indicatorContext, active, itemId]);
-    return /* @__PURE__ */ jsxs(
-      Comp,
-      {
-        ref: itemRef,
-        className: cn(
-          navitemVariants({
-            variant: indicatorContext ? "default" : active ? "active" : variant,
-            size,
-            className
-          })
-        ),
-        "data-active": active,
-        target: external ? "_blank" : void 0,
-        rel: external ? "noopener noreferrer" : void 0,
-        ...props,
-        children: [
-          icon && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: icon }),
-          children,
-          badge && /* @__PURE__ */ jsx("span", { className: "ml-auto", children: badge }),
-          external && /* @__PURE__ */ jsxs(
-            "svg",
-            {
-              className: "h-3 w-3 shrink-0",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              "aria-label": "External link",
-              children: [
-                /* @__PURE__ */ jsx("title", { children: "External link" }),
-                /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-NavItem.displayName = "NavItem";
-export {
-  NavItem,
-  navitemVariants
-};

package/dist/esm/components/not-found.js

@@ -1,24 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import cn from "../utils/index.js";
-function NotFound({
-  icon,
-  message,
-  className
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex w-full flex-col items-center justify-center gap-4 py-8",
-        className
-      ),
-      children: [
-        icon && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center text-muted-foreground opacity-50", children: icon }),
-        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center text-center text-lg text-muted-foreground", children: message })
-      ]
-    }
-  );
-}
-export {
-  NotFound
-};

package/dist/esm/components/options-list.js

@@ -1,53 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import cn from "../utils/index.js";
-function OptionsList({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx("div", { className: cn("m-0 p-0 w-full flex flex-wrap", className), ...props, children });
-}
-function OptionsItem({
-  icon,
-  title,
-  subTitle,
-  onClick,
-  endingIcon,
-  last = false,
-  className
-}) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick,
-      className: cn(
-        "relative z-0 pt-5 flex flex-row items-start gap-4 w-full cursor-pointer text-left",
-        "before:absolute before:-z-10 before:-top-px before:-left-4 before:hidden before:w-[calc(100%+2rem)] before:h-full before:content-[''] before:bg-foreground/10 before:rounded-sm",
-        "hover:before:block",
-        className
-      ),
-      children: [
-        icon && /* @__PURE__ */ jsx("div", { className: "w-6 h-6 text-muted-foreground flex items-center justify-center", children: icon }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "pb-5 flex-1 flex flex-col gap-2 border-border",
-              last ? "" : "border-b"
-            ),
-            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-base leading-[1.2] font-medium", children: title }),
-              subTitle && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: subTitle })
-            ] })
-          }
-        ),
-        endingIcon && /* @__PURE__ */ jsx("div", { className: "ml-4 text-muted-foreground transition-colors", children: endingIcon })
-      ]
-    }
-  );
-}
-export {
-  OptionsItem,
-  OptionsList
-};