@gearbox-protocol/ui-kit 4.0.0-next.3 → 4.0.0-next.5

package/dist/esm/components/hf-indicator/hf-indicator.js

@@ -0,0 +1,33 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+const o = [
+  [92, 0.8],
+  [104, 0.6],
+  [116, 0.4],
+  [128, 0.2]
+];
+function a(r) {
+  return 4 - Math.floor((r - 80) / 12);
+}
+function d({
+  value: r = "1.05"
+}) {
+  return /* @__PURE__ */ l("div", { className: "relative m-6 flex w-[80px] h-[80px] justify-center items-center", children: [
+    o.map(([e, n]) => /* @__PURE__ */ t(
+      "div",
+      {
+        className: "absolute top-1/2 left-1/2 rounded-full border border-solid -translate-x-1/2 -translate-y-1/2 bg-transparent",
+        style: {
+          zIndex: a(e),
+          width: `${e}px`,
+          height: `${e}px`,
+          borderColor: `color-mix(in srgb, var(--color-destructive) ${n * 100}%, transparent)`
+        }
+      },
+      e
+    )),
+    /* @__PURE__ */ t("div", { className: "relative z-[5] flex w-[80px] h-[80px] justify-center items-center rounded-full bg-destructive", children: /* @__PURE__ */ t("span", { className: "text-[21px] font-bold", children: r }) })
+  ] });
+}
+export {
+  d as HFIndicator
+};

package/dist/esm/components/hf-indicator/index.js

@@ -0,0 +1,4 @@
+import { HFIndicator as t } from "./hf-indicator.js";
+export {
+  t as HFIndicator
+};