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

package/dist/esm/components/buttons/copy-button/copy-button.js

@@ -1,13 +1,11 @@
 import { jsxs as y, jsx as t } from "react/jsx-runtime";
-import { IconCopy as h } from "@gearbox-protocol/static";
+import { faCheck as h } from "@fortawesome/free-solid-svg-icons";
+import { IconCopy as C } from "@gearbox-protocol/static";
 import * as r from "react";
-import { Button as C } from "../button/button.js";
-import { faCheck as x } from "@fortawesome/free-solid-svg-icons";
+import { Button as x } from "../button/button.js";
 import { FaIcon as w } from "../../icons/fa-icon.js";
-import "@gearbox-protocol/sdk";
-import { cn as i } from "../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
+import "@gearbox-protocol/sdk/onchain";
+import { cn as a } from "../../../utils/cn.js";
 import "luxon";
 import "../../../utils/z-index.js";
 const N = {
@@ -23,7 +21,7 @@ const N = {
   5: 20,
   6: 24
 }, j = r.forwardRef(
-  ({ text: n, className: l, iconSize: a = "3.5", successDuration: p = 1500, ...m }, u) => {
+  ({ text: n, className: l, iconSize: i = "3.5", successDuration: p = 1500, ...m }, u) => {
     const [e, s] = r.useState(!1), o = r.useRef(null), f = async () => {
       try {
         await navigator.clipboard.writeText(n), o.current && clearTimeout(o.current), s(!0), o.current = setTimeout(() => {
@@ -32,14 +30,14 @@ const N = {
       } catch (d) {
         console.error("Failed to copy:", d);
       }
-    }, c = N[a];
+    }, c = N[i];
     return /* @__PURE__ */ y(
-      C,
+      x,
       {
         ref: u,
         variant: "text",
         size: "auto",
-        className: i("p-1! border-0! relative", l),
+        className: a("p-1! border-0! relative", l),
         onClick: f,
         title: e ? "Copied!" : "Copy to clipboard",
         ...m,
@@ -47,21 +45,21 @@ const N = {
           /* @__PURE__ */ t(
             "span",
             {
-              className: i(
+              className: a(
                 "absolute inset-0 flex items-center justify-center transition-all duration-200",
                 e ? "opacity-100 scale-100 text-green-500" : "opacity-0 scale-50 text-green-500"
               ),
-              children: /* @__PURE__ */ t(w, { icon: x, className: c })
+              children: /* @__PURE__ */ t(w, { icon: h, className: c })
             }
           ),
           /* @__PURE__ */ t(
             "span",
             {
-              className: i(
+              className: a(
                 "flex items-center justify-center transition-all duration-200",
                 e ? "opacity-0 scale-50" : "opacity-100 scale-100"
               ),
-              children: /* @__PURE__ */ t(h, { size: b[a], className: c })
+              children: /* @__PURE__ */ t(C, { size: b[i], className: c })
             }
           )
         ]

package/dist/esm/components/buttons/external-button/external-button.js

@@ -1,11 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
-import { IconExternal as e } from "@gearbox-protocol/static";
+import { IconExternal as m } from "@gearbox-protocol/static";
 import * as p from "react";
 import { Button as s } from "../button/button.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as r } from "../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 const c = {
@@ -21,17 +19,17 @@ const c = {
   5: 20,
   6: 24
 }, w = p.forwardRef(
-  ({ url: i, className: n, iconSize: o = "3.5", ...m }, a) => /* @__PURE__ */ t(
+  ({ url: n, className: a, iconSize: o = "3.5", ...e }, i) => /* @__PURE__ */ t(
     s,
     {
-      ref: a,
+      ref: i,
       variant: "text",
       size: "auto",
-      className: r("p-1! border-0!", n),
-      onClick: () => window.open(i, "_blank"),
-      ...m,
+      className: r("p-1! border-0!", a),
+      onClick: () => window.open(n, "_blank"),
+      ...e,
       children: /* @__PURE__ */ t(
-        e,
+        m,
         {
           size: l[o],
           className: r(c[o])

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

@@ -1,20 +1,14 @@
 import { BackButton as r, backButtonVariants as n } from "./back-button/back-button.js";
-import { Button as e, buttonVariants as u } from "./button/button.js";
+import { Button as u, buttonVariants as B } from "./button/button.js";
 import { CopyButton as p } from "./copy-button/copy-button.js";
 import { ExternalButton as f } from "./external-button/external-button.js";
-import { FilterButton as i } from "./filter-button/filter-button.js";
-import { NavigationButton as s } from "./navigation-button/navigation-button.js";
-import { RangeButtons as g } from "./range-buttons/range-buttons.js";
-import { TabButton as l } from "./tab-button/tab-button.js";
+import { TabButton as b } from "./tab-button/tab-button.js";
 export {
   r as BackButton,
-  e as Button,
+  u as Button,
   p as CopyButton,
   f as ExternalButton,
-  i as FilterButton,
-  s as NavigationButton,
-  g as RangeButtons,
-  l as TabButton,
+  b as TabButton,
   n as backButtonVariants,
-  u as buttonVariants
+  B as buttonVariants
 };

package/dist/esm/components/buttons/range-buttons/index.js

@@ -1,4 +1 @@
-import { RangeButtons as e } from "./range-buttons.js";
-export {
-  e as RangeButtons
-};
+

package/dist/esm/components/buttons/range-buttons/range-buttons.js

@@ -1,36 +1 @@
-import { jsx as r } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as t } from "../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../../utils/z-index.js";
-function f({
-  range: n,
-  rangeList: o,
-  setRange: i,
-  className: d
-}) {
-  return /* @__PURE__ */ r("div", { className: t("flex flex-row flex-nowrap", d), children: o.map((e, l) => /* @__PURE__ */ r(
-    "button",
-    {
-      type: "button",
-      onClick: () => i(e.value),
-      className: t(
-        "px-2.5 py-2 flex min-w-[44px] min-h-[26px] justify-center items-center",
-        "text-xs leading-[14px] font-medium text-center",
-        "rounded-md border cursor-pointer transition-colors",
-        "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        e.value === n ? "bg-secondary border-secondary text-foreground" : "bg-muted border-muted text-muted-foreground hover:border-secondary",
-        l < o.length - 1 && "mr-1.5"
-      ),
-      children: e.label
-    },
-    String(e.value)
-  )) });
-}
-export {
-  f as RangeButtons
-};
+

package/dist/esm/components/cards/card/card.js

@@ -1,10 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { cva as s } from "class-variance-authority";
 import * as o from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as d } from "../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 const n = s(
@@ -21,7 +19,7 @@ const n = s(
       variant: "default"
     }
   }
-), m = o.forwardRef(
+), c = o.forwardRef(
   ({ className: r, variant: a, ...e }, i) => /* @__PURE__ */ t(
     "div",
     {
@@ -31,8 +29,8 @@ const n = s(
     }
   )
 );
-m.displayName = "Card";
-const c = o.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
+c.displayName = "Card";
+const m = o.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
   "div",
   {
     ref: e,
@@ -43,7 +41,7 @@ const c = o.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
     ...a
   }
 ));
-c.displayName = "CardHeader";
+m.displayName = "CardHeader";
 const p = o.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
   "div",
   {
@@ -77,10 +75,10 @@ const C = o.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
 ));
 C.displayName = "CardFooter";
 export {
-  m as Card,
+  c as Card,
   l as CardContent,
   f as CardDescription,
   C as CardFooter,
-  c as CardHeader,
+  m as CardHeader,
   p as CardTitle
 };

package/dist/esm/components/cards/expandable-card/expandable-card.js

@@ -1,22 +1,20 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import * as a from "react";
-import { faCaretDown as d } from "@fortawesome/free-solid-svg-icons";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { faCaretDown as m } from "@fortawesome/free-solid-svg-icons";
+import * as d from "react";
 import { FaIcon as c } from "../../icons/fa-icon.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as n } from "../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import { Card as f, CardContent as p } from "../card/card.js";
-function I({
+function j({
   header: i,
   children: s,
   alwaysExpanded: r = !1
 }) {
-  const [t, m] = a.useState(r);
-  return /* @__PURE__ */ e(f, { children: [
-    /* @__PURE__ */ e(
+  const [t, a] = d.useState(r);
+  return /* @__PURE__ */ o(f, { children: [
+    /* @__PURE__ */ o(
       "div",
       {
         className: n(
@@ -25,14 +23,14 @@ function I({
           t ? "" : "rounded-b-xl"
         ),
         onClick: () => {
-          r || m(!t);
+          r || a(!t);
         },
         children: [
-          /* @__PURE__ */ o("div", { className: "flex-1", children: i }),
-          !r && /* @__PURE__ */ o("span", { className: "text-muted-foreground transform transition-transform", children: /* @__PURE__ */ o(
+          /* @__PURE__ */ e("div", { className: "flex-1", children: i }),
+          !r && /* @__PURE__ */ e("span", { className: "text-muted-foreground transform transition-transform", children: /* @__PURE__ */ e(
             c,
             {
-              icon: d,
+              icon: m,
               className: n(
                 "size-4 text-muted-foreground",
                 t ? "rotate-180" : "",
@@ -43,9 +41,9 @@ function I({
         ]
       }
     ),
-    t && /* @__PURE__ */ o(p, { className: "border-t border-input bg-gray-900/30", children: s })
+    t && /* @__PURE__ */ e(p, { className: "border-t border-input bg-gray-900/30", children: s })
   ] });
 }
 export {
-  I as ExpandableCard
+  j as ExpandableCard
 };

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

@@ -1,15 +1,13 @@
-import { Card as e, CardContent as o, CardDescription as d, CardFooter as t, CardHeader as C, CardTitle as n } from "./card/card.js";
+import { Card as a, CardContent as o, CardDescription as d, CardFooter as t, CardHeader as C, CardTitle as n } from "./card/card.js";
 import { DangerZone as x } from "./danger-zone/danger-zone.js";
-import { ExpandablCall as f } from "./expandable-call/expandable-call.js";
 import { ExpandableCard as i } from "./expandable-card/expandable-card.js";
 export {
-  e as Card,
+  a as Card,
   o as CardContent,
   d as CardDescription,
   t as CardFooter,
   C as CardHeader,
   n as CardTitle,
   x as DangerZone,
-  f as ExpandablCall,
   i as ExpandableCard
 };

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

@@ -1,10 +1,8 @@
 import { jsxs as f, jsx as t } from "react/jsx-runtime";
 import { cva as b } from "class-variance-authority";
 import * as o from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as h } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import "../accordion/accordion.js";
@@ -16,8 +14,6 @@ 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 "@fortawesome/free-solid-svg-icons";
 import "../icons/fa-icon.js";
@@ -36,7 +32,9 @@ import "../token-symbol/token-symbol.js";
 import "../simple-accordion/simple-accordion.js";
 import "../tip-card/tip-card.js";
 import "../typography/typography.js";
+import "../help-tip/help-tip.js";
 import "../points-icon/points-icon.js";
+import "viem";
 import "../vertical-indicator/vertical-indicator.js";
 import "../base/page-title/page-title.js";
 import "../detailed-page-title/detailed-page-title-copy-button.js";
@@ -46,8 +44,10 @@ import "../layout/main-aside-layout/main-aside-layout.js";
 import "../base/details-view/details-view.js";
 import "../fadeout-loading/fadeout-loading.js";
 import "../health-factor/health-factor.js";
+import "@gearbox-protocol/sdk/model";
 import { Checkbox as g } from "./checkbox.js";
 import "../select/select.js";
+import "sonner";
 import "../breakpoint-provider.js";
 import "lightweight-charts";
 import "../graph/formatters.js";
@@ -71,7 +71,6 @@ import "../dialog/dialog-header.js";
 import "../dialog/dialog-title.js";
 import "../dialog/dialog-modal-container.js";
 import "../dialog/dialog-overlay.js";
-import "viem";
 import "../input/input.js";
 import { Label as k } from "../label/label.js";
 import "../simple-dropdown/simple-dropdown.js";
@@ -79,42 +78,19 @@ import "../simple-dropdown/simple-dropdown-menu-item.js";
 import "../base/tabber/tabber.js";
 import "../link/link.js";
 import "../rounded-image/rounded-image.js";
-import "../network-icon/network-indicator.js";
 import "../base-link/base-link.js";
-import "../help-tip/help-tip.js";
 import "../base-table/base-table-line.js";
 import "../navigation-context/navigation-context.js";
 import "../cards/card/card.js";
-import "../checkbox-item/checkbox-item.js";
 import "../client-adapters/styled-button/styled-button.js";
-import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
 import "../composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
 import "../composites/tx-preview/confirm/dialog/constants.js";
+import "../spinner/spinner.js";
 import "../spinner-loader/spinner-loader.js";
-import "../detailed-apy/detailed-apy.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 "../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 "../icon-button/icon-button.js";
 import "../layout/app-footer/app-footer.js";
 import "../layout/app-header/app-header.js";
@@ -126,11 +102,13 @@ import "../legal-agreement/legal-agreement-theme.js";
 import "../loader/loader.js";
 import "../loading/loading.js";
 import "../loading-bar/loading-bar.js";
+import "../radio-group/radio-group.js";
+import "../status-dot/status-dot.js";
+import "../search-line/search-line.js";
 import "../segmented-control/segmented-control.js";
 import "../separate-line/separate-line.js";
-import "../spinner/spinner.js";
 import "../split-list/split-list.js";
-import "../status-dot/status-dot.js";
+import "../tabs/tabs.js";
 import "../textarea/textarea.js";
 import "../theme-provider.js";
 const C = b("", {

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

@@ -1,13 +1,11 @@
 import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-checkbox";
+import { faCheck as t } from "@fortawesome/free-solid-svg-icons";
+import * as a from "@radix-ui/react-checkbox";
 import { cva as y } from "class-variance-authority";
 import * as f from "react";
-import { faCheck as a } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as o } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as r } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const h = y("", {
@@ -26,7 +24,7 @@ const h = y("", {
     color: "primary"
   }
 }), i = "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", s = "size-3", c = "text-current", u = f.forwardRef(({ className: d, color: n, size: p, ...m }, l) => /* @__PURE__ */ b(
-  t.Root,
+  a.Root,
   {
     ref: l,
     className: r(
@@ -45,7 +43,7 @@ const h = y("", {
         o,
         {
           "aria-hidden": "true",
-          icon: a,
+          icon: t,
           className: r(
             s,
             c,
@@ -58,20 +56,20 @@ const h = y("", {
         }
       ),
       /* @__PURE__ */ e(
-        t.Indicator,
+        a.Indicator,
         {
           className: r(
             i,
             c,
             "pointer-events-none flex items-center justify-center"
           ),
-          children: /* @__PURE__ */ e(o, { icon: a, className: s })
+          children: /* @__PURE__ */ e(o, { icon: t, className: s })
         }
       )
     ]
   }
 ));
-u.displayName = t.Root.displayName;
+u.displayName = a.Root.displayName;
 export {
   u as Checkbox
 };

package/dist/esm/components/client-adapters/index.js

@@ -1,8 +1,6 @@
-import { StyledButton as t } from "./styled-button/styled-button.js";
-import { StyledDialogContainer as d } from "./styled-dialog-container/styled-dialog-container.js";
-import { StyledRoundedImage as m } from "./styled-rounded-image/styled-rounded-image.js";
+import { StyledButton as e } from "./styled-button/styled-button.js";
+import { StyledDialogContainer as l } from "./styled-dialog-container/styled-dialog-container.js";
 export {
-  t as StyledButton,
-  d as StyledDialogContainer,
-  m as StyledRoundedImage
+  e as StyledButton,
+  l as StyledDialogContainer
 };

package/dist/esm/components/client-adapters/styled-button/styled-button.js

@@ -1,38 +1,30 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import * as n from "react";
-import { Button as p } from "../../buttons/button/button.js";
-import "@gearbox-protocol/sdk";
-import { cn as s } from "../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
+import { Button as s } from "../../buttons/button/button.js";
+import "@gearbox-protocol/sdk/onchain";
+import { cn as c } from "../../../utils/cn.js";
 import "luxon";
 import "../../../utils/z-index.js";
-const c = {
+const l = {
   primary: "default",
   outlined: "outline",
   neutral: "neutral",
   white: "white",
   success: "success"
-}, l = n.forwardRef(
-  ({
-    $size: t = "lg",
-    $width: r = "compact",
-    $color: o = "primary",
-    className: i,
-    ...e
-  }, m) => /* @__PURE__ */ a(
-    p,
+}, p = n.forwardRef(
+  ({ size: t = "lg", width: r = "compact", color: o = "primary", className: e, ...i }, a) => /* @__PURE__ */ m(
+    s,
     {
-      ref: m,
+      ref: a,
       size: t,
       width: r,
-      variant: c[o],
-      className: s("inline-block whitespace-normal", i),
-      ...e
+      variant: l[o],
+      className: c("inline-block whitespace-normal", e),
+      ...i
     }
   )
 );
-l.displayName = "StyledButton";
+p.displayName = "StyledButton";
 export {
-  l as StyledButton
+  p as StyledButton
 };

package/dist/esm/components/client-adapters/styled-dialog-container/styled-dialog-container.js

@@ -1,10 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as f from "react";
 import { DialogContainer as d } from "../../dialog/dialog-container.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as c } from "../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 const g = f.forwardRef(
@@ -12,8 +10,8 @@ const g = f.forwardRef(
     $padding: o = "lg",
     $width: r,
     $minWidth: t,
-    $maxWidth: i,
-    $minHeight: e,
+    $maxWidth: e,
+    $minHeight: i,
     $colorTheme: m = "box",
     className: a,
     style: l,
@@ -30,8 +28,8 @@ const g = f.forwardRef(
         ...l,
         width: r || void 0,
         minWidth: t || void 0,
-        maxWidth: i || void 0,
-        minHeight: e || void 0
+        maxWidth: e || void 0,
+        minHeight: i || void 0
       }
     }
   )

package/dist/esm/components/collateral-allocation-tooltip/allocation-wheel.js

@@ -1,12 +1,9 @@
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as d } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-import { AllocationWheelTest as p } from "./constants.js";
+import { AllocationWheelTest as f } from "./constants.js";
 const c = [
   "stroke-chart-1",
   "stroke-chart-2",
@@ -20,21 +17,21 @@ const c = [
   "stroke-chart-10",
   "stroke-chart-11",
   "stroke-chart-12"
-], t = 20, o = 3.5, e = (t - o) / 2, i = 2 * Math.PI * e;
-function M({
-  share: h,
-  colorIndex: l,
+], t = 20, o = 3.5, e = (t - o) / 2, h = 2 * Math.PI * e;
+function u({
+  share: l,
+  colorIndex: i,
   idle: n = !1
 }) {
-  const s = Math.min(1, Math.max(0, h)), a = i * s, m = n ? "stroke-muted-foreground" : c[l % c.length];
-  return /* @__PURE__ */ k(
+  const s = Math.min(1, Math.max(0, l)), a = h * s, k = n ? "stroke-muted-foreground" : c[i % c.length];
+  return /* @__PURE__ */ m(
     "svg",
     {
       width: t,
       height: t,
       viewBox: `0 0 ${t} ${t}`,
       className: "-rotate-90",
-      "data-testid": p.root,
+      "data-testid": f.root,
       role: "img",
       "aria-label": "Allocation share",
       children: [
@@ -57,9 +54,9 @@ function M({
             cy: t / 2,
             r: e,
             fill: "none",
-            className: d(m),
+            className: d(k),
             strokeWidth: o,
-            strokeDasharray: `${a} ${i - a}`
+            strokeDasharray: `${a} ${h - a}`
           }
         )
       ]
@@ -67,5 +64,5 @@ function M({
   );
 }
 export {
-  M as AllocationWheel
+  u as AllocationWheel
 };