@gearbox-protocol/permissionless-ui 1.2.33 → 1.4.0

package/dist/cjs/components/graph/plugins/vertical-line.js

@@ -0,0 +1,127 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var vertical_line_exports = {};
+__export(vertical_line_exports, {
+  VertLine: () => d
+});
+module.exports = __toCommonJS(vertical_line_exports);
+var h = Object.defineProperty;
+var a = (s, t, e) => t in s ? h(s, t, { enumerable: true, configurable: true, writable: true, value: e }) : s[t] = e;
+var i = (s, t, e) => (a(s, typeof t !== "symbol" ? `${t}` : t, e), e);
+function c(s) {
+  return Math.floor(s * 0.5);
+}
+function _(s, t, e = 1, o) {
+  const n = Math.round(t * s), r = o ? e : Math.round(e * t), l = c(r);
+  return { position: n - l, length: r };
+}
+class u {
+  constructor(t, e) {
+    i(this, "_x", null);
+    i(this, "_options");
+    this._x = t, this._options = e;
+  }
+  draw(t) {
+    t.useBitmapCoordinateSpace((e) => {
+      if (this._x === null) return;
+      const o = e.context, n = _(this._x, e.horizontalPixelRatio, this._options.width);
+      o.fillStyle = this._options.color, o.fillRect(n.position, 0, n.length, e.bitmapSize.height);
+    });
+  }
+}
+class p {
+  constructor(t, e) {
+    i(this, "_source");
+    i(this, "_x", null);
+    i(this, "_options");
+    this._source = t, this._options = e;
+  }
+  update() {
+    const t = this._source._chart.timeScale();
+    this._x = t.timeToCoordinate(this._source._time);
+  }
+  renderer() {
+    return new u(this._x, this._options);
+  }
+}
+class x {
+  constructor(t, e) {
+    i(this, "_source");
+    i(this, "_x", null);
+    i(this, "_options");
+    this._source = t, this._options = e;
+  }
+  update() {
+    const t = this._source._chart.timeScale();
+    this._x = t.timeToCoordinate(this._source._time);
+  }
+  visible() {
+    return this._options.showLabel;
+  }
+  tickVisible() {
+    return this._options.showLabel;
+  }
+  coordinate() {
+    return this._x ?? 0;
+  }
+  text() {
+    return this._options.labelText;
+  }
+  textColor() {
+    return this._options.labelTextColor;
+  }
+  backColor() {
+    return this._options.labelBackgroundColor;
+  }
+}
+const w = {
+  color: "green",
+  labelText: "",
+  width: 3,
+  labelBackgroundColor: "green",
+  labelTextColor: "white",
+  showLabel: false
+};
+class d {
+  constructor(t, e, o, n) {
+    i(this, "_chart");
+    i(this, "_series");
+    i(this, "_time");
+    i(this, "_paneViews");
+    i(this, "_timeAxisViews");
+    const r = {
+      ...w,
+      ...n
+    };
+    this._chart = t, this._series = e, this._time = o, this._paneViews = [new p(this, r)], this._timeAxisViews = [new x(this, r)];
+  }
+  updateAllViews() {
+    this._paneViews.forEach((t) => t.update()), this._timeAxisViews.forEach((t) => t.update());
+  }
+  timeAxisViews() {
+    return this._timeAxisViews;
+  }
+  paneViews() {
+    return this._paneViews;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  VertLine
+});

package/dist/cjs/components/guard.js

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var guard_exports = {};
+__export(guard_exports, {
+  Guard: () => Guard
+});
+module.exports = __toCommonJS(guard_exports);
+function Guard({
+  showGuard,
+  guard,
+  children
+}) {
+  return showGuard ? guard : children;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Guard
+});

package/dist/cjs/components/health-factor.js

@@ -0,0 +1,100 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var health_factor_exports = {};
+__export(health_factor_exports, {
+  BAD_HF: () => BAD_HF,
+  GOOD_HF: () => GOOD_HF,
+  HealthFactor: () => HealthFactor,
+  getHFZones: () => getHFZones
+});
+module.exports = __toCommonJS(health_factor_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_utils = __toESM(require('../utils/index.js'));
+var import_format_money = require('../utils/format-money.js');
+const GOOD_HF = 15e3;
+const BAD_HF = 11e3;
+const CRITICAL_HF = 10500;
+const getHFZones = (hf) => {
+  if (!hf) return void 0;
+  const numHf = Number(hf);
+  const hfInBasisPoints = numHf < 1e3 ? numHf * import_format_money.PERCENTAGE_FACTOR : numHf;
+  if (hfInBasisPoints >= GOOD_HF) return "good";
+  if (hfInBasisPoints > BAD_HF) return "medium";
+  if (hfInBasisPoints > CRITICAL_HF) return "bad";
+  if (hfInBasisPoints > import_format_money.PERCENTAGE_FACTOR) return "critical";
+  return "liquidation";
+};
+function HealthFactor({
+  value,
+  debt,
+  decimals = 3,
+  zone,
+  showColor = true,
+  className,
+  ...props
+}) {
+  const zeroDebt = debt !== void 0 && debt === 0n;
+  const getZone = () => {
+    if (zeroDebt) return void 0;
+    return zone === void 0 || zone === null ? getHFZones(value) : zone;
+  };
+  const currentZone = getZone();
+  const getColorClass = () => {
+    if (!showColor || currentZone === void 0) return "";
+    switch (currentZone) {
+      case "good":
+        return "text-green-600";
+      case "medium":
+        return "text-yellow-600";
+      case "bad":
+        return "text-orange-500";
+      case "critical":
+      case "liquidation":
+        return "text-destructive";
+      default:
+        return "";
+    }
+  };
+  const renderValue = () => {
+    if (zeroDebt) return "N/A";
+    const numValue = Number(value);
+    const hfInBasisPoints = numValue < 1e3 ? numValue * import_format_money.PERCENTAGE_FACTOR : numValue;
+    const hfDecimal = hfInBasisPoints / import_format_money.PERCENTAGE_FACTOR;
+    const formatted = (0, import_format_money.formatPercentAmount)(hfDecimal, decimals);
+    return String(formatted);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_utils.default)("font-medium", getColorClass(), className), ...props, children: renderValue() });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BAD_HF,
+  GOOD_HF,
+  HealthFactor,
+  getHFZones
+});

package/dist/cjs/components/help-center-container.js

@@ -0,0 +1,107 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var help_center_container_exports = {};
+__export(help_center_container_exports, {
+  HelpCenterContainer: () => HelpCenterContainer
+});
+module.exports = __toCommonJS(help_center_container_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_cn = require('../utils/cn.js');
+var import_block_sync = require('./block-sync.js');
+function usePageParams() {
+  const [pageVerticalOffset, setPageVerticalOffset] = (0, import_react.useState)(
+    typeof window !== "undefined" ? window.scrollY : 0
+  );
+  const [clientHeight, setClientHeight] = (0, import_react.useState)(
+    typeof document !== "undefined" ? document.documentElement.clientHeight : 0
+  );
+  (0, import_react.useEffect)(() => {
+    const handleWindowScroll = () => {
+      setPageVerticalOffset(window.scrollY);
+    };
+    const handleDocumentResize = () => {
+      setClientHeight(document.documentElement.clientHeight);
+    };
+    window.addEventListener("scroll", handleWindowScroll);
+    window.addEventListener("resize", handleDocumentResize);
+    return () => {
+      window.removeEventListener("scroll", handleWindowScroll);
+      window.removeEventListener("resize", handleDocumentResize);
+    };
+  }, []);
+  const clientOffsetHeight = typeof document !== "undefined" ? Math.max(
+    document.body.scrollHeight,
+    document.documentElement.scrollHeight,
+    document.body.offsetHeight,
+    document.documentElement.offsetHeight,
+    document.body.clientHeight,
+    document.documentElement.clientHeight
+  ) : 0;
+  return {
+    pageVerticalOffset,
+    clientHeight,
+    clientOffsetHeight
+  };
+}
+function HelpCenterContainer({
+  blockSyncProps,
+  footerHeight,
+  gapFromFooter
+}) {
+  const [bottomDistance, setBottomDistance] = (0, import_react.useState)(gapFromFooter);
+  const { pageVerticalOffset, clientOffsetHeight, clientHeight } = usePageParams();
+  (0, import_react.useEffect)(() => {
+    const gapFromBottom = footerHeight + gapFromFooter;
+    const distance = clientOffsetHeight - (clientHeight + pageVerticalOffset);
+    const visibleFooter = distance < gapFromBottom ? gapFromBottom - distance : 0;
+    setBottomDistance(gapFromFooter + visibleFooter);
+  }, [
+    pageVerticalOffset,
+    clientHeight,
+    clientOffsetHeight,
+    footerHeight,
+    gapFromFooter
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_cn.cn)(
+        // Desktop: fixed position with dynamic bottom
+        "hidden sm:flex",
+        "fixed right-9 flex-col items-end gap-2 text-xs text-muted-foreground z-[100]",
+        "transition-[bottom] duration-300 ease-in-out"
+      ),
+      style: { bottom: `${bottomDistance}px` },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_block_sync.BlockSync,
+        {
+          blockByChain: blockSyncProps.blockByChain,
+          explorerAddresses: blockSyncProps.explorerAddresses,
+          networkById: blockSyncProps.networkById
+        }
+      )
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HelpCenterContainer
+});

package/dist/cjs/components/hide-on.js

@@ -0,0 +1,66 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hide_on_exports = {};
+__export(hide_on_exports, {
+  HideOn: () => HideOn,
+  ShowOn: () => ShowOn
+});
+module.exports = __toCommonJS(hide_on_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require('../utils/cn.js');
+const breakpointClasses = {
+  small: "sm:hidden",
+  medium: "md:hidden",
+  large: "lg:hidden",
+  xlarge: "xl:hidden"
+};
+function HideOn({
+  $breakpoint,
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)(breakpointClasses[$breakpoint], className), ...props, children });
+}
+const showBreakpointClasses = {
+  small: "hidden sm:block",
+  medium: "hidden md:block",
+  large: "hidden lg:block",
+  xlarge: "hidden xl:block"
+};
+function ShowOn({
+  $breakpoint,
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_cn.cn)(showBreakpointClasses[$breakpoint], className),
+      ...props,
+      children
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HideOn,
+  ShowOn
+});

package/dist/cjs/components/horizontal-indicator.js

@@ -0,0 +1,63 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var horizontal_indicator_exports = {};
+__export(horizontal_indicator_exports, {
+  HorizontalIndicator: () => HorizontalIndicator
+});
+module.exports = __toCommonJS(horizontal_indicator_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../utils/index.js'));
+var import_tooltip = require('./tooltip.js');
+const HorizontalIndicator = React.forwardRef(({ label, value, tip, valueDescription, className }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: (0, import_utils.default)("flex flex-col gap-2 w-full", className), children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: label }),
+    tip && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tooltip.Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex items-center justify-center text-muted-foreground hover:text-foreground transition-colors cursor-help",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.HelpCircle, { className: "h-3.5 w-3.5" })
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipContent, { side: "top", className: "max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: tip }) })
+    ] }) })
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-base font-semibold text-foreground", children: value }),
+    valueDescription && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-muted-foreground", children: valueDescription })
+  ] })
+] }));
+HorizontalIndicator.displayName = "HorizontalIndicator";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HorizontalIndicator
+});

package/dist/cjs/components/image.js

@@ -0,0 +1,56 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var image_exports = {};
+__export(image_exports, {
+  Image: () => Image
+});
+module.exports = __toCommonJS(image_exports);
+var import_jsx_runtime = (
+  // biome-ignore lint: This is a universal component that works outside Next.js
+  require("react/jsx-runtime")
+);
+function Image({
+  src,
+  alt,
+  width,
+  height,
+  onError,
+  onLoad,
+  className,
+  loading = "lazy"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "img",
+    {
+      src,
+      alt,
+      width,
+      height,
+      className,
+      onError,
+      onLoad,
+      loading,
+      decoding: "async"
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Image
+});