@gearbox-protocol/ui-kit 4.0.0-next.2 → 4.0.0-next.20

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

@@ -0,0 +1,59 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+const d = {
+  sm: {
+    core: 40,
+    rings: [
+      [46, 0.6],
+      [52, 0.3]
+    ],
+    font: "text-xs"
+  },
+  md: {
+    core: 80,
+    rings: [
+      [92, 0.8],
+      [104, 0.6],
+      [116, 0.4],
+      [128, 0.2]
+    ],
+    font: "text-[21px]"
+  }
+};
+function f({
+  value: o,
+  size: i = "md"
+}) {
+  const { core: t, rings: e, font: l } = d[i], n = e[e.length - 1]?.[0] ?? t;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: "relative flex shrink-0 items-center justify-center",
+      style: { width: n, height: n },
+      children: [
+        e.map(([r, c]) => /* @__PURE__ */ s(
+          "div",
+          {
+            className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-solid bg-transparent",
+            style: {
+              width: r,
+              height: r,
+              borderColor: `color-mix(in srgb, var(--color-destructive) ${c * 100}%, transparent)`
+            }
+          },
+          r
+        )),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: "relative z-[1] flex items-center justify-center rounded-full bg-destructive",
+            style: { width: t, height: t },
+            children: /* @__PURE__ */ s("span", { className: `${l} font-bold`, children: o })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  f 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
+};