@gearbox-protocol/ui-kit 2.1.0-next.1

package/dist/cjs/utils/static.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="https://static.gearbox.finance",c=(e=t)=>i=>`${e}${i}`,S=c();exports.STATIC_SERVER=t;exports.buildStaticUrl=c;exports.getStatic=S;

package/dist/cjs/utils/templates.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),l=require("@gearbox-protocol/sdk"),g=require("@gearbox-protocol/sdk/common-utils"),d=require("./format-money.cjs");function p(o,e=2){return m.jsx(m.Fragment,{children:d.percentTemplate(o,e)})}function u(o,e,s,t=" ",r){const{decimals:n=18}=e||{};let i=l.formatBN(o,n,s);const a=e?.title||e?.symbol||"undefined";if(r!==void 0&&i!=="-"){const f=t.length+a.length,c=r-f;c>0&&i.length>c&&(i=i.slice(0,c))}return i==="-"?i:`${i}${t}${a}`}function T(o,e,s=2){if(o===void 0)return"-";const t=o.toFixed(s),r=Math.abs(Number(t))>0?"":"< ",n=r?`${t.slice(0,t.length-1)}1`:t;return`${r}${n} ${e?.title}`}function $(o,e,s,t){const r=l.toBigInt(o||0),n=u(g.BigIntMath.abs(r),e,s,t);return n==="-"?n:`${r<0?"-":""}${n}`}function b(o,e,s,t=" "){const{decimals:r=18}=e||{},n=l.formatBN(o,r,s),i=e?.title||e?.symbol||"undefined";return n==="-"?n:`${n}${t}${i}`}exports.negativeTokenTemplate=$;exports.percentageTemplate=p;exports.tokenTemplate=u;exports.tokenTemplateNumber=T;exports.tokenTemplateString=b;

package/dist/cjs/utils/ttl.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("luxon"),f=1e3,s=60*f,u=60*s,i=24*u,c=7*i,m=30*i;function T(t){if(!t)return;const n=typeof t=="bigint"?Number(t):t;return n>=m?"good":n>c?"medium":"bad"}function a(t){if(!t)return"Expired";const n=typeof t=="bigint"?Number(t):t;if(n<=0)return"Expired";const o=Math.floor(n/i),r=Math.floor(n%i/u),e=Math.floor(n%u/s);return o>0?r>0?`${o}d ${r}h`:`${o}d`:r>0?e>0?`${r}h ${e}m`:`${r}h`:e>0?`${e}m`:"< 1m"}function N(t,n=Date.now()){if(!t)return"Expired";let o=typeof t=="bigint"?Number(t):t;o<1e12&&(o*=1e3);const r=o-n;return a(r)}function l(t){const n=typeof t=="bigint"?Number(t):t,o=d.Duration.fromMillis(n),r=o.as("months");if(r>3)return{months:Math.floor(r)};const e=o.as("days");if(e>=1)return{day:Math.floor(e)}}const h={SECOND:f,MINUTE:s,HOUR:u,DAY:i,WEEK:c,MONTH:m};exports.TTL_CONSTANTS=h;exports.getTTLZones=T;exports.ttlFromTimestamp=N;exports.ttlLeft=l;exports.ttlLeftHuman=a;

package/dist/cjs/utils/window.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function w(o,n="_blank",i){const e=n==="_blank"?window.open(o,n,"noreferrer,noopener"):window.open(o,n,i);e&&e.focus()}exports.openInNewWindow=w;

package/dist/cjs/utils/z-index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={TOAST:1e4,TOOLTIP:9e3,BANNERS:800,MODAL:600,MODAL_ALERT:700,DROPDOWN:650,LOADING:400,CONTENT:0},t=Object.fromEntries(Object.keys(e).map(O=>[O,e[O]===0?"z-0":`z-[${e[O]}]`]));exports.Z_INDEX=t;exports.Z_INDEX_VALUES=e;

package/dist/esm/_virtual/ResizeObserver.es.js

@@ -0,0 +1,6 @@
+import { getAugmentedNamespace as e } from "./_commonjsHelpers.js";
+import * as r from "../node_modules/.pnpm/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js";
+const t = /* @__PURE__ */ e(r);
+export {
+  t as default
+};

package/dist/esm/_virtual/_commonjsHelpers.js

@@ -0,0 +1,28 @@
+var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function f(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function l(e) {
+  if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
+  var r = e.default;
+  if (typeof r == "function") {
+    var t = function o() {
+      return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
+    };
+    t.prototype = r.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
+    var n = Object.getOwnPropertyDescriptor(e, o);
+    Object.defineProperty(t, o, n.get ? n : {
+      enumerable: !0,
+      get: function() {
+        return e[o];
+      }
+    });
+  }), t;
+}
+export {
+  u as commonjsGlobal,
+  l as getAugmentedNamespace,
+  f as getDefaultExportFromCjs
+};

package/dist/esm/_virtual/arrows.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/esm/_virtual/default-props.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/esm/_virtual/dots.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/esm/_virtual/index.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/.pnpm/tailwind-scrollbar@4.0.2_react@19.2.0_tailwindcss@4.1.17/node_modules/tailwind-scrollbar/src/index.js";
+var t = o();
+const i = /* @__PURE__ */ r(t);
+export {
+  i as default
+};

package/dist/esm/_virtual/index2.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/.pnpm/react-slick@0.31.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-slick/lib/index.js";
+var o = e();
+const a = /* @__PURE__ */ r(o);
+export {
+  a as default
+};

package/dist/esm/_virtual/index3.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/esm/_virtual/index4.js

@@ -0,0 +1,4 @@
+var s = { exports: {} };
+export {
+  s as __module
+};

package/dist/esm/_virtual/initial-state.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/dist/esm/_virtual/inner-slider.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/esm/_virtual/innerSliderUtils.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/esm/_virtual/slider.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/esm/_virtual/track.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/esm/components/accordion/accordion.js

@@ -0,0 +1,61 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { IconExpand as m } from "@gearbox-protocol/static";
+import * as o from "@radix-ui/react-accordion";
+import * as c from "react";
+import "@gearbox-protocol/sdk";
+import { cn as i } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const v = o.Root, p = c.forwardRef(({ className: r, ...t }, e) => /* @__PURE__ */ a(
+  o.Item,
+  {
+    ref: e,
+    className: i("border-b border-border", r),
+    ...t
+  }
+));
+p.displayName = "AccordionItem";
+const l = c.forwardRef(({ className: r, children: t, hideIcon: e = !1, ...s }, n) => /* @__PURE__ */ a(o.Header, { className: "flex", children: /* @__PURE__ */ d(
+  o.Trigger,
+  {
+    ref: n,
+    className: i(
+      "flex flex-1 items-center justify-between py-5 text-base font-bold transition-all text-foreground cursor-pointer",
+      !e && "[&[data-state=open]>svg]:rotate-180",
+      r
+    ),
+    ...s,
+    children: [
+      t,
+      !e && /* @__PURE__ */ a(
+        m,
+        {
+          size: 12,
+          className: "shrink-0 transition-transform duration-200 [&_svg]:size-3"
+        }
+      )
+    ]
+  }
+) }));
+l.displayName = o.Trigger.displayName;
+const f = c.forwardRef(({ className: r, innerClassName: t, children: e, ...s }, n) => /* @__PURE__ */ a(
+  o.Content,
+  {
+    ref: n,
+    className: i(
+      "overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      r
+    ),
+    ...s,
+    children: /* @__PURE__ */ a("div", { className: i("pb-5 pt-0", t), children: e })
+  }
+));
+f.displayName = o.Content.displayName;
+export {
+  v as Accordion,
+  f as AccordionContent,
+  p as AccordionItem,
+  l as AccordionTrigger
+};

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

@@ -0,0 +1,7 @@
+import { Accordion as r, AccordionContent as n, AccordionItem as i, AccordionTrigger as d } from "./accordion.js";
+export {
+  r as Accordion,
+  n as AccordionContent,
+  i as AccordionItem,
+  d as AccordionTrigger
+};

package/dist/esm/components/address/address.js

@@ -0,0 +1,24 @@
+import { jsx as n } from "react/jsx-runtime";
+import { WithCopy as f } from "../with-copy/with-copy.js";
+import "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";
+function W({
+  address: o = "",
+  short: p = !0,
+  startChars: t = 6,
+  endChars: i = 4,
+  copyable: r = !1,
+  children: c,
+  className: e
+}) {
+  const l = p && o.length > t + i + 3 ? `${o.slice(0, t)}...${o.slice(-i)}` : o, m = /* @__PURE__ */ n("span", { className: u("font-mono text-sm", e), children: c || l });
+  return r && o ? /* @__PURE__ */ n(f, { toCopy: o, children: m }) : m;
+}
+export {
+  W as Address
+};

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

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

package/dist/esm/components/alert-badge/alert-badge.js

@@ -0,0 +1,100 @@
+import { jsxs as v, jsx as t } from "react/jsx-runtime";
+import { IconInfo as s } from "@gearbox-protocol/static";
+import { cva as w } from "class-variance-authority";
+import * as y from "react";
+import { faCircleCheck as I, faTriangleExclamation as A, faCircleExclamation as f } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as F } from "../icons/fa-icon.js";
+import "@gearbox-protocol/sdk";
+import { cn as c } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+function r({
+  icon: e,
+  size: a,
+  className: n
+}) {
+  return /* @__PURE__ */ t(
+    F,
+    {
+      icon: e,
+      style: { fontSize: a, width: a, height: a },
+      className: c("shrink-0", n)
+    }
+  );
+}
+const N = w(
+  "inline-flex flex-row flex-nowrap items-center text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-gray-30",
+        alert: "bg-destructive",
+        warning: "bg-warning",
+        success: "bg-success",
+        info: "bg-blue-600",
+        primary: "bg-gradient-to-l from-[#FF29AA] to-[#FF2974]"
+      },
+      size: {
+        sm: "px-[7px] py-1.5 text-sm leading-[17px] gap-[5px] rounded-[5px]",
+        default: "min-h-[44px] px-[13px] py-2.5 text-base leading-[19px] gap-2 rounded-sm",
+        lg: "px-4 py-3 text-base leading-[24px] gap-2.5 rounded-lg"
+      },
+      fullWidth: {
+        true: "w-full",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      fullWidth: !1
+    }
+  }
+), C = {
+  sm: 14,
+  default: 18,
+  lg: 22
+}, k = {
+  default: (e) => /* @__PURE__ */ t(r, { icon: f, ...e }),
+  alert: (e) => /* @__PURE__ */ t(r, { icon: f, ...e }),
+  warning: (e) => /* @__PURE__ */ t(r, { icon: A, ...e }),
+  success: (e) => /* @__PURE__ */ t(r, { icon: I, ...e }),
+  info: s,
+  primary: s
+}, z = y.forwardRef(
+  ({
+    className: e,
+    variant: a,
+    color: n,
+    size: i = "default",
+    fullWidth: d,
+    icon: o,
+    hideIcon: m = !1,
+    children: p,
+    ...u
+  }, g) => {
+    const l = a ?? n ?? "default", x = k[l || "default"], h = C[i || "default"], b = () => m ? null : o || /* @__PURE__ */ t(x, { size: h, className: "shrink-0" });
+    return /* @__PURE__ */ v(
+      "div",
+      {
+        ref: g,
+        className: c(
+          N({ variant: l, size: i, fullWidth: d }),
+          e
+        ),
+        ...u,
+        children: [
+          b(),
+          /* @__PURE__ */ t("div", { className: "flex-1", children: p })
+        ]
+      }
+    );
+  }
+);
+z.displayName = "AlertBadge";
+export {
+  z as AlertBadge,
+  N as alertBadgeVariants
+};

package/dist/esm/components/alert-badge/index.js

@@ -0,0 +1,5 @@
+import { AlertBadge as r, alertBadgeVariants as t } from "./alert-badge.js";
+export {
+  r as AlertBadge,
+  t as alertBadgeVariants
+};

package/dist/esm/components/alert-dialog/alert-dialog.js

@@ -0,0 +1,126 @@
+import { jsx as l, jsxs as d } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-alert-dialog";
+import * as i from "react";
+import "../buttons/back-button/back-button.js";
+import { buttonVariants as s } from "../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 "@gearbox-protocol/sdk";
+import { cn as r } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import { Z_INDEX as m } from "../../utils/z-index.js";
+import "../buttons/tab-button/tab-button.js";
+const h = t.Root, k = t.Trigger, p = t.Portal, n = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ l(
+  t.Overlay,
+  {
+    className: r(
+      m.MODAL_ALERT,
+      "fixed inset-0 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...a,
+    ref: o
+  }
+));
+n.displayName = t.Overlay.displayName;
+const c = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(p, { children: [
+  /* @__PURE__ */ l(n, {}),
+  /* @__PURE__ */ l(
+    t.Content,
+    {
+      ref: o,
+      className: r(
+        m.MODAL_ALERT,
+        "fixed left-[50%] top-[50%] grid w-[calc(100%-2rem)] max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-input bg-background p-4 sm:p-6 sm:w-full shadow-lg rounded-lg",
+        e
+      ),
+      ...a
+    }
+  )
+] }));
+c.displayName = t.Content.displayName;
+const f = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: r(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      e
+    ),
+    ...a
+  }
+);
+f.displayName = "AlertDialogHeader";
+const g = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: r(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      e
+    ),
+    ...a
+  }
+);
+g.displayName = "AlertDialogFooter";
+const N = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ l(
+  t.Title,
+  {
+    ref: o,
+    className: r("text-lg font-semibold", e),
+    ...a
+  }
+));
+N.displayName = t.Title.displayName;
+const A = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ l(
+  t.Description,
+  {
+    ref: o,
+    className: r("text-sm text-muted-foreground", e),
+    ...a
+  }
+));
+A.displayName = t.Description.displayName;
+const y = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ l(
+  t.Action,
+  {
+    ref: o,
+    className: r(s(), e),
+    ...a
+  }
+));
+y.displayName = t.Action.displayName;
+const D = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ l(
+  t.Cancel,
+  {
+    ref: o,
+    className: r(
+      s({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      e
+    ),
+    ...a
+  }
+));
+D.displayName = t.Cancel.displayName;
+export {
+  h as AlertDialog,
+  y as AlertDialogAction,
+  D as AlertDialogCancel,
+  c as AlertDialogContent,
+  A as AlertDialogDescription,
+  g as AlertDialogFooter,
+  f as AlertDialogHeader,
+  n as AlertDialogOverlay,
+  p as AlertDialogPortal,
+  N as AlertDialogTitle,
+  k as AlertDialogTrigger
+};

package/dist/esm/components/alert-dialog/index.js

@@ -0,0 +1,14 @@
+import { AlertDialog as r, AlertDialogAction as o, AlertDialogCancel as t, AlertDialogContent as i, AlertDialogDescription as a, AlertDialogFooter as g, AlertDialogHeader as A, AlertDialogOverlay as D, AlertDialogPortal as n, AlertDialogTitle as c, AlertDialogTrigger as p } from "./alert-dialog.js";
+export {
+  r as AlertDialog,
+  o as AlertDialogAction,
+  t as AlertDialogCancel,
+  i as AlertDialogContent,
+  a as AlertDialogDescription,
+  g as AlertDialogFooter,
+  A as AlertDialogHeader,
+  D as AlertDialogOverlay,
+  n as AlertDialogPortal,
+  c as AlertDialogTitle,
+  p as AlertDialogTrigger
+};

package/dist/esm/components/alert-modal/alert-modal.js

@@ -0,0 +1,52 @@
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import * as s from "react";
+import "../buttons/back-button/back-button.js";
+import { Button as d } from "../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 "@gearbox-protocol/sdk";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+import "../buttons/tab-button/tab-button.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 { DialogModalContainer as n } from "../dialog/dialog-modal-container.js";
+import "../dialog/dialog-overlay.js";
+import "viem";
+import "../input/input.js";
+import "../label/label.js";
+import { FormattedMessageTyped as o } from "../typed-intl/index.js";
+const c = s.forwardRef(
+  function({ show: e, title: i, body: m, onHide: r, onConfirm: l = r }, p) {
+    return /* @__PURE__ */ t(
+      n,
+      {
+        ref: p,
+        show: e,
+        onClickOutside: r,
+        modal: { zIndexLayer: "MODAL_ALERT" },
+        children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-5", children: [
+          /* @__PURE__ */ t("h2", { className: "w-full text-xl font-semibold leading-6 text-center", children: /* @__PURE__ */ t(o, { messageId: i }) }),
+          /* @__PURE__ */ t("div", { className: "w-full text-center", children: /* @__PURE__ */ t(o, { messageId: m }) }),
+          /* @__PURE__ */ t("div", { className: "w-full flex justify-center", children: /* @__PURE__ */ t(d, { onClick: l, className: "w-1/4", children: /* @__PURE__ */ t(o, { messageId: "components.alertModal.ok" }) }) })
+        ] })
+      }
+    );
+  }
+);
+c.displayName = "AlertModal";
+export {
+  c as AlertModal
+};

package/dist/esm/components/alert-modal/index.js

@@ -0,0 +1,4 @@
+import { AlertModal as e } from "./alert-modal.js";
+export {
+  e as AlertModal
+};