@gearbox-protocol/ui-kit 3.14.0-next.8 → 4.0.0-next.1

package/dist/esm/components/assets-ratio/assets-ratio.js

@@ -1,82 +0,0 @@
-import { jsx as p, jsxs as E } from "react/jsx-runtime";
-import { PERCENTAGE_FACTOR as u, PERCENTAGE_DECIMALS as N } from "@gearbox-protocol/sdk";
-import * as P from "react";
-import { TooltipProvider as R, Tooltip as _, TooltipTrigger as v, TooltipContent as x } from "../tooltip/tooltip.js";
-import { cn as g } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const C = (e) => e.reduce((n, c) => n + c.balanceInUSD, 0n), D = {
-  0: "bg-[#4976FE]",
-  1: "bg-[#FFE55A]",
-  2: "bg-[#CA5AFF]"
-}, F = "bg-[#5ABAFF]", s = 4;
-function L(e) {
-  const n = e.filter((t) => t > 0);
-  if (n.length === 0) return e;
-  const c = n.length * s;
-  if (e.reduce((t, o) => t + o, 0) === 0 || !n.some((t) => t < s)) return e;
-  const d = 100 - c, i = n.filter((t) => t > s).reduce((t, o) => t + o - s, 0);
-  return e.map((t) => {
-    if (t === 0) return 0;
-    if (t < s) return s;
-    if (i === 0) return t;
-    const o = t - s;
-    return s + o / i * d;
-  });
-}
-function z({
-  assets: e,
-  labels: n,
-  className: c
-}) {
-  const [b, h] = P.useMemo(() => {
-    const l = e.slice(0, 3), r = C(e), m = C(e.slice(3)), A = l.map(
-      (I) => r > 0 ? Number(
-        I.balanceInUSD * u * N / r
-      ) / Number(u) : Number(u)
-    ), a = r > 0n ? Number(m * u * N / r) / Number(u) : 0, f = [...A, a], T = L(f);
-    return [T.slice(0, 3), T[3] || 0];
-  }, [e]), d = h > 0, i = n?.slice(3), t = i && i.length > 0 ? i.join(", ") : void 0, o = (l, r, m, A, a) => {
-    const f = /* @__PURE__ */ p(
-      "span",
-      {
-        className: g(
-          "relative inline-flex h-full",
-          m,
-          A ? "border-r-2 border-muted" : ""
-        ),
-        style: { width: `${l}%` }
-      }
-    );
-    return a ? /* @__PURE__ */ E(_, { children: [
-      /* @__PURE__ */ p(v, { asChild: !0, children: f }),
-      /* @__PURE__ */ p(x, { children: a })
-    ] }, `tooltip-${r}-${e.length}`) : f;
-  };
-  return /* @__PURE__ */ p(R, { children: /* @__PURE__ */ E(
-    "span",
-    {
-      className: g(
-        "relative inline-flex overflow-hidden w-full h-[10px] bg-muted border-2 border-muted rounded-[20px]",
-        c
-      ),
-      children: [
-        b.map(
-          (l, r, m) => o(
-            l,
-            r,
-            D[r] || F,
-            d || r !== m.length - 1,
-            n?.[r]
-          )
-        ),
-        d && o(h, 3, F, !1, t)
-      ]
-    }
-  ) });
-}
-export {
-  z as AssetsRatio
-};

package/dist/esm/components/assets-ratio/index.js

@@ -1,4 +0,0 @@
-import { AssetsRatio as t } from "./assets-ratio.js";
-export {
-  t as AssetsRatio
-};

package/dist/esm/components/avatar/avatar.js

@@ -1,47 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import * as a from "@radix-ui/react-avatar";
-import * as l from "react";
-import "@gearbox-protocol/sdk";
-import { cn as o } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const i = l.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ m(
-  a.Root,
-  {
-    ref: t,
-    className: o(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      e
-    ),
-    ...r
-  }
-));
-i.displayName = a.Root.displayName;
-const s = l.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ m(
-  a.Image,
-  {
-    ref: t,
-    className: o("aspect-square h-full w-full", e),
-    ...r
-  }
-));
-s.displayName = a.Image.displayName;
-const f = l.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ m(
-  a.Fallback,
-  {
-    ref: t,
-    className: o(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium",
-      e
-    ),
-    ...r
-  }
-));
-f.displayName = a.Fallback.displayName;
-export {
-  i as Avatar,
-  f as AvatarFallback,
-  s as AvatarImage
-};

package/dist/esm/components/avatar/index.js

@@ -1,6 +0,0 @@
-import { Avatar as t, AvatarFallback as v, AvatarImage as A } from "./avatar.js";
-export {
-  t as Avatar,
-  v as AvatarFallback,
-  A as AvatarImage
-};

package/dist/esm/components/button-checkbox/button-checkbox.js

@@ -1,54 +0,0 @@
-import { jsxs as i, jsx as m } from "react/jsx-runtime";
-import { cva as p } from "class-variance-authority";
-import * as d from "react";
-import "@gearbox-protocol/sdk";
-import { cn as s } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const u = p(
-  [
-    "flex cursor-pointer select-none items-center border rounded-md p-3",
-    "mb-0 border-gray-20",
-    "data-[checked=true]:outline data-[checked=true]:outline-2 data-[checked=true]:outline-primary"
-  ].join(" ")
-), l = d.forwardRef(
-  ({
-    checked: e,
-    disabled: o = !1,
-    onChange: t,
-    children: r,
-    className: a,
-    ...c
-  }, n) => /* @__PURE__ */ i(
-    "label",
-    {
-      ...c,
-      ref: n,
-      "data-checked": e,
-      className: s(
-        u(),
-        o && "cursor-not-allowed opacity-50",
-        a
-      ),
-      children: [
-        r,
-        /* @__PURE__ */ m(
-          "input",
-          {
-            type: "checkbox",
-            checked: e,
-            onChange: () => t?.(),
-            disabled: o,
-            className: "hidden"
-          }
-        )
-      ]
-    }
-  )
-);
-l.displayName = "ButtonCheckbox";
-export {
-  l as ButtonCheckbox
-};

package/dist/esm/components/button-checkbox/index.js

@@ -1,4 +0,0 @@
-import { ButtonCheckbox as e } from "./button-checkbox.js";
-export {
-  e as ButtonCheckbox
-};

package/dist/esm/components/card-grid/card-grid.js

@@ -1,96 +0,0 @@
-import { jsx as g } from "react/jsx-runtime";
-import { cva as a } from "class-variance-authority";
-import * as e from "react";
-import "@gearbox-protocol/sdk";
-import { cn as n } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const p = a("grid w-full", {
-  variants: {
-    columns: {
-      1: "grid-cols-1",
-      2: "grid-cols-2",
-      3: "grid-cols-3",
-      4: "grid-cols-4",
-      5: "grid-cols-5",
-      6: "grid-cols-6"
-    },
-    columnsLg: {
-      1: "lg:grid-cols-1",
-      2: "lg:grid-cols-2",
-      3: "lg:grid-cols-3",
-      4: "lg:grid-cols-4",
-      5: "lg:grid-cols-5",
-      6: "lg:grid-cols-6"
-    },
-    columnsMd: {
-      1: "md:grid-cols-1",
-      2: "md:grid-cols-2",
-      3: "md:grid-cols-3",
-      4: "md:grid-cols-4",
-      5: "md:grid-cols-5",
-      6: "md:grid-cols-6"
-    },
-    columnsSm: {
-      1: "sm:grid-cols-1",
-      2: "sm:grid-cols-2",
-      3: "sm:grid-cols-3",
-      4: "sm:grid-cols-4",
-      5: "sm:grid-cols-5",
-      6: "sm:grid-cols-6"
-    },
-    gap: {
-      none: "gap-0",
-      sm: "gap-2",
-      md: "gap-4",
-      lg: "gap-6",
-      xl: "gap-8"
-    },
-    justifyItemContent: {
-      start: "justify-items-start",
-      center: "justify-items-center",
-      end: "justify-items-end",
-      stretch: "justify-items-stretch"
-    }
-  },
-  defaultVariants: {
-    columns: 1,
-    gap: "md",
-    justifyItemContent: "stretch"
-  }
-}), f = e.forwardRef(
-  ({
-    className: s,
-    columns: r,
-    columnsLg: i,
-    columnsMd: o,
-    columnsSm: d,
-    gap: t,
-    justifyItemContent: l,
-    ...m
-  }, c) => /* @__PURE__ */ g(
-    "div",
-    {
-      ref: c,
-      className: n(
-        p({
-          columns: r,
-          columnsLg: i,
-          columnsMd: o,
-          columnsSm: d,
-          gap: t,
-          justifyItemContent: l,
-          className: s
-        })
-      ),
-      ...m
-    }
-  )
-);
-f.displayName = "CardGrid";
-export {
-  f as CardGrid,
-  p as cardGridVariants
-};

package/dist/esm/components/card-grid/index.js

@@ -1,5 +0,0 @@
-import { CardGrid as d, cardGridVariants as i } from "./card-grid.js";
-export {
-  d as CardGrid,
-  i as cardGridVariants
-};

package/dist/esm/components/carousel/carousel.js

@@ -1,66 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-/* empty css                                                                                                     */
-/* empty css                                                                                                           */
-import * as N from "react";
-import w from "../../_virtual/index2.js";
-import { faChevronRight as h, faChevronLeft as x } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as i } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk";
-import { cn as s } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const b = ({ onClick: o, className: e, style: t }) => /* @__PURE__ */ r(
-  "button",
-  {
-    type: "button",
-    onClick: o,
-    className: s("slick-arrow slick-prev", e),
-    style: t,
-    "aria-label": "Previous slide",
-    children: /* @__PURE__ */ r(i, { icon: x, className: "size-4" })
-  }
-), y = ({ onClick: o, className: e, style: t }) => /* @__PURE__ */ r(
-  "button",
-  {
-    type: "button",
-    onClick: o,
-    className: s("slick-arrow slick-next", e),
-    style: t,
-    "aria-label": "Next slide",
-    children: /* @__PURE__ */ r(i, { icon: h, className: "size-4" })
-  }
-), k = N.forwardRef(
-  ({
-    className: o,
-    children: e,
-    infinite: t = !0,
-    arrows: a = !1,
-    dots: l = !0,
-    autoplay: c = !1,
-    autoplaySpeed: m = 5e3,
-    slidesToShow: n = 1,
-    gap: p = 16,
-    ...f
-  }, u) => {
-    const d = {
-      infinite: t,
-      arrows: a,
-      dots: l,
-      autoplay: c,
-      autoplaySpeed: m,
-      slidesToShow: n,
-      prevArrow: /* @__PURE__ */ r(b, {}),
-      nextArrow: /* @__PURE__ */ r(y, {}),
-      ...f
-    }, v = {
-      "--carousel-gap": `${p}px`
-    };
-    return /* @__PURE__ */ r("div", { className: s("carousel-clip relative w-full", o), children: /* @__PURE__ */ r("div", { className: "carousel-root", style: v, children: /* @__PURE__ */ r(w, { ref: u, ...d, children: e }) }) });
-  }
-);
-k.displayName = "Carousel";
-export {
-  k as Carousel
-};

package/dist/esm/components/carousel/index.js

@@ -1,4 +0,0 @@
-import { Carousel as e } from "./carousel.js";
-export {
-  e as Carousel
-};

package/dist/esm/components/colored-text/colored-text.js

@@ -1,76 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { cva as x } from "class-variance-authority";
-import * as d from "react";
-import "@gearbox-protocol/sdk";
-import { cn as u } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const f = x("", {
-  variants: {
-    color: {
-      inherit: "text-inherit",
-      default: "text-foreground",
-      muted: "text-muted-foreground",
-      success: "text-success",
-      warning: "text-warning",
-      alert: "text-destructive",
-      primary: "text-primary"
-    },
-    size: {
-      xs: "text-xs",
-      sm: "text-sm",
-      default: "text-base",
-      lg: "text-lg",
-      xl: "text-xl",
-      unset: ""
-    },
-    weight: {
-      normal: "font-normal",
-      medium: "font-medium",
-      semibold: "font-semibold",
-      bold: "font-bold",
-      unset: ""
-    }
-  },
-  defaultVariants: {
-    color: "inherit",
-    size: "unset",
-    weight: "unset"
-  }
-}), c = d.forwardRef(
-  ({
-    className: t,
-    color: e,
-    size: r,
-    weight: o,
-    as: s = "span",
-    textTransform: i,
-    style: m,
-    ...a
-  }, n) => /* @__PURE__ */ l(
-    s,
-    {
-      ref: n,
-      className: u(
-        f({
-          color: e,
-          size: r,
-          weight: o
-        }),
-        t
-      ),
-      style: {
-        textTransform: i,
-        ...m
-      },
-      ...a
-    }
-  )
-);
-c.displayName = "ColoredText";
-export {
-  c as ColoredText,
-  f as coloredTextVariants
-};

package/dist/esm/components/colored-text/index.js

@@ -1,5 +0,0 @@
-import { ColoredText as r, coloredTextVariants as t } from "./colored-text.js";
-export {
-  r as ColoredText,
-  t as coloredTextVariants
-};

package/dist/esm/components/complex-input/complex-input.js

@@ -1,230 +0,0 @@
-import { jsx as o, jsxs as v } from "react/jsx-runtime";
-import { Input as N } from "../input/input.js";
-import { WithTitle as S } from "../with-title/with-title.js";
-import "react";
-import { bnToInputView as V } from "../../utils/bn-to-input-view.js";
-import "@gearbox-protocol/sdk";
-import { parseInputToBN as j } from "../../utils/parse-input-to-bn.js";
-import { cn as L } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-import "../accordion/accordion.js";
-import "@gearbox-protocol/static";
-import "@fortawesome/free-solid-svg-icons";
-import "../icons/fa-icon.js";
-import "../alert-badge/alert-badge.js";
-import "../alert-dialog/alert-dialog.js";
-import "../alert-modal/alert-modal.js";
-import "../tooltip/simple-tooltip.js";
-import "../tooltip/tooltip.js";
-import "react-intl";
-import "../arc-loader/arc-loader.js";
-import "../asset-line/asset-line.js";
-import "../buttons/back-button/back-button.js";
-import "../buttons/button/button.js";
-import "../buttons/copy-button/copy-button.js";
-import "../buttons/external-button/external-button.js";
-import "../buttons/filter-button/filter-button.js";
-import "../buttons/navigation-button/navigation-button.js";
-import "../buttons/tab-button/tab-button.js";
-import "../token-icon/token-icon.js";
-import "wagmi";
-import "../auth/wallet-ui-context.js";
-import "../avatar/avatar.js";
-import "../badge/badge.js";
-import "../base-link/base-link.js";
-import "../navigation-context/navigation-context.js";
-import "../button-checkbox/button-checkbox.js";
-import "../card-grid/card-grid.js";
-import "../cards/card/card.js";
-import "../carousel/carousel.js";
-import "../checkbox/checkbox.js";
-import "../checkbox/checkbox-labeled.js";
-import "../checkbox-item/checkbox-item.js";
-import "../client-adapters/styled-button/styled-button.js";
-import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
-import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
-import "../colored-text/colored-text.js";
-import "../table/grid-table.js";
-import "../token-symbol/token-symbol.js";
-import "../typography/typography.js";
-import "../help-tip/help-tip.js";
-import "../description/description.js";
-import { ShortString as M } from "../short-string/short-string.js";
-import "../confirm-menu/confirm-menu.js";
-import "../dialog/dialog-modal-container.js";
-import "../text-button/text-button.js";
-import "../vertical-indicator/vertical-indicator.js";
-import "../points-icon/points-icon.js";
-import "../skeleton/skeleton.js";
-import "../vertical-list/vertical-list.js";
-import "../rounded-image/rounded-image.js";
-import "../progress/progress.js";
-import "../pool-indicator-icon/pool-indicator-icon.js";
-import "../composites/strategies-table/components/feature/feature.styles.js";
-import "viem";
-import "../icon-button/icon-button.js";
-import "../separate-line/separate-line.js";
-import "../tip-card/tip-card.js";
-import "../composites/strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
-import "../currency-button/currency-button.js";
-import "../detailed-apy/detailed-apy.js";
-import "../detailed-page-title/detailed-page-title.js";
-import "../detailed-page-title/detailed-page-title-copy-button.js";
-import "../detailed-page-title/detailed-page-title-explorer-dropdown.js";
-import "../modal/modal.js";
-import "@radix-ui/react-dialog";
-import "../dialog/dialog-container.js";
-import "../dialog/dialog-content.js";
-import "../dialog/dialog-description.js";
-import "../dialog/dialog-footer.js";
-import "../dialog/dialog-header.js";
-import "../dialog/dialog-title.js";
-import "../dialog/dialog-overlay.js";
-import "../label/label.js";
-import "../dropdown-menu/dropdown-menu.js";
-import "../dropdown-menu/dropdown-menu-checkbox-item.js";
-import "../dropdown-menu/dropdown-menu-content.js";
-import "../dropdown-menu/dropdown-menu-item.js";
-import "../dropdown-menu/dropdown-menu-label.js";
-import "../dropdown-menu/dropdown-menu-radio-item.js";
-import "../dropdown-menu/dropdown-menu-separator.js";
-import "../dropdown-menu/dropdown-menu-shortcut.js";
-import "../dropdown-menu/dropdown-menu-sub-content.js";
-import "../dropdown-menu/dropdown-menu-sub-trigger.js";
-import "../edit-input/edit-input.js";
-import "../fadeout-loading/fadeout-loading.js";
-import "../filter/filter-block.js";
-import "../filter/filter-checkbox-item.js";
-import "../filter/filter-chip.js";
-import "../filter/filter-chips.js";
-import "../filter/filter-dropdown-item.js";
-import "../filter/filter-group.js";
-import "../filter/filter-label.js";
-import "../search-line/search-line.js";
-import "../tabs/tabs.js";
-import "../filter/filter-modal-item.js";
-import "../filter/filter-radio-item.js";
-import "../filter/filter-separator.js";
-import "../filter/variants.js";
-import "../graph/formatters.js";
-import "lightweight-charts";
-import "../graph/graph-view.js";
-import "../health-factor/health-factor.js";
-import "../horizontal-indicator/horizontal-indicator.js";
-import "../layout/col/col.js";
-import "../layout/container/container.js";
-import "../layout/footer/footer.js";
-import "../layout/grid/grid.js";
-import "../layout/header/header.js";
-import "../layout/layout/layout.js";
-import "../layout/main-aside-layout/main-aside-layout.js";
-import "../page-title/page-title.js";
-import "../layout/social-icons/social-icons.js";
-import "../link/link.js";
-import "../../utils/reactochart-compat.js";
-import "../status-elements/status-elements.js";
-import "../loader/loader.js";
-import "../loading/loading.js";
-import "../loading-bar/loading-bar.js";
-import "react-markdown";
-import "remark-gfm";
-import "../navbar/navbar.js";
-import "../navbar/navbar-indicator-context.js";
-import "../app-bar/app-bar.js";
-import "../navitem/navitem.js";
-import "../simple-dropdown/simple-dropdown.js";
-import "../progress-bar/progress-bar.js";
-import "../radio-group/radio-group.js";
-import "../search-bar/search-bar.js";
-import "../segmented-control/segmented-control.js";
-import "../select/select.js";
-import "../separator/separator.js";
-import "../simple-accordion/simple-accordion.js";
-import "../simple-dropdown/simple-dropdown-menu-item.js";
-import "../slider/slider.js";
-import "../slider/slider-context.js";
-import "@radix-ui/react-slider";
-import { BalanceIndicator as P } from "../smart-number-input/balance-indicator.js";
-import "../smart-number-input/smart-number-input.js";
-import "../spinner/spinner.js";
-import "../spinner-loader/spinner-loader.js";
-import "../split-list/split-list.js";
-import "../stat-badge/stat-badge.js";
-import "../status-dot/status-dot.js";
-import "../stepper/stepper.js";
-import "../switch/switch.js";
-import "../table/table.js";
-import "../table/grid-table-loader.js";
-import "../textarea/textarea.js";
-import "../theme-provider.js";
-import "../time-to-liquidation/time-to-liquidation.js";
-import "../toggle/toggle.js";
-import "../with-filter-button/with-filter-button.js";
-function qi({
-  titleProps: s,
-  inputProps: a,
-  balanceIndicatorProps: c
-}) {
-  const {
-    title: u,
-    className: d,
-    size: f = "md",
-    ...h
-  } = s, {
-    size: x = "sm",
-    title: g = "Max",
-    maxButton: I = !0,
-    token: i,
-    maxAmount: r,
-    ...T
-  } = c, { decimals: p = 18 } = i || {}, {
-    colorTheme: w = "filledLight",
-    onChange: e,
-    maxTokenLength: z = 15,
-    ...C
-  } = a, B = (t) => {
-    const m = t.target.value, [n, l] = j(m, p);
-    n === null || l === null || e?.(n, l);
-  }, k = () => {
-    const t = r || 0n, m = V(t, p);
-    e?.(t, m);
-  };
-  return /* @__PURE__ */ o(
-    S,
-    {
-      className: L(d),
-      size: f,
-      title: /* @__PURE__ */ v("div", { className: "flex flex-nowrap justify-between items-center", children: [
-        u,
-        r !== void 0 && /* @__PURE__ */ o(
-          P,
-          {
-            token: i,
-            title: g,
-            size: x,
-            maxButton: I,
-            maxAmount: r,
-            onMaxButtonClick: k,
-            ...T
-          }
-        )
-      ] }),
-      ...h,
-      children: /* @__PURE__ */ o(
-        N,
-        {
-          colorTheme: w,
-          onChange: B,
-          endingIcon: /* @__PURE__ */ o(M, { maxLength: z, children: i?.title }),
-          ...C
-        }
-      )
-    }
-  );
-}
-export {
-  qi as ComplexInput
-};