@gearbox-protocol/ui-kit 4.0.0-next.39 → 4.0.0-next.40

package/dist/esm/components/loading-bar/loading-bar.js

@@ -6,7 +6,6 @@ import { SpinnerLoader as c } from "../spinner-loader/spinner-loader.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as p } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const s = m(

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

@@ -1,8 +1,7 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-dialog";
 import { cva as D } from "class-variance-authority";
-import * as i from "react";
-import "@gearbox-protocol/sdk/common-utils";
+import * as s from "react";
 import { useIsMobile as M } from "../../hooks/use-media-query.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as o } from "../../utils/cn.js";
@@ -28,30 +27,30 @@ const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
     colorTheme: "default",
     backdrop: "default"
   }
-}), w = i.forwardRef(
+}), w = s.forwardRef(
   ({
     show: r = !0,
     colorTheme: g = "default",
     backdrop: p = "default",
     xsCentered: v = !1,
-    onClickOutside: s,
+    onClickOutside: i,
     zIndexLayer: c = "MODAL",
     className: x,
     children: y,
     ...h
   }, C) => {
     const _ = M(), d = O[c], f = { zIndex: N[c] };
-    i.useEffect(() => {
+    s.useEffect(() => {
       if (!(typeof document > "u") && r)
         return n += 1, document.body.classList.add(u), () => {
           n = Math.max(0, n - 1), n === 0 && document.body.classList.remove(u);
         };
     }, [r]);
-    const l = i.useCallback(
+    const l = s.useCallback(
       (e) => {
-        e || s?.();
+        e || i?.();
       },
-      [s]
+      [i]
     );
     return r ? /* @__PURE__ */ t(a.Root, { open: r, onOpenChange: l, modal: !0, children: /* @__PURE__ */ m(a.Portal, { children: [
       /* @__PURE__ */ t(

package/dist/esm/components/navbar-logo/navbar-logo.js

@@ -3,10 +3,9 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-function f({
+function y({
   size: o,
   className: t,
   style: i,
@@ -29,5 +28,5 @@ function f({
   );
 }
 export {
-  f as NavBarLogo
+  y as NavBarLogo
 };

package/dist/esm/components/network-icon/network-indicator.js

@@ -1,4 +1,4 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
 import { faChevronDown as h } from "@fortawesome/free-solid-svg-icons";
 import { forwardRef as b } from "react";
 import "../buttons/back-button/back-button.js";
@@ -8,9 +8,8 @@ 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/onchain";
-import { cn as a } from "../../utils/cn.js";
+import { cn as i } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import "../buttons/tab-button/tab-button.js";
@@ -46,7 +45,7 @@ const x = {
         size: x[d],
         disabled: !e,
         onClick: t,
-        className: a(
+        className: i(
           c,
           "min-w-fit",
           "h-10 rounded-[20px]",
@@ -54,8 +53,8 @@ const x = {
           "disabled:text-primary-foreground disabled:bg-transparent disabled:border disabled:border-gray-40"
         ),
         ...f,
-        children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-          s && /* @__PURE__ */ i(w, { as: "span", variant: "bodySmall", color: "secondary", children: [
+        children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+          s && /* @__PURE__ */ a(w, { as: "span", variant: "bodySmall", color: "secondary", children: [
             /* @__PURE__ */ r(I, { messageId: "components.networkIndicator.title" }),
             ":"
           ] }),
@@ -64,7 +63,7 @@ const x = {
             u,
             {
               icon: h,
-              className: a(
+              className: i(
                 "text-secondary-foreground transition-transform",
                 p && "rotate-180"
               ),

package/dist/esm/components/pool-points-indicator/pool-points-indicator.js

@@ -3,7 +3,6 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const a = {
@@ -13,7 +12,7 @@ const a = {
   blue: "border-blue-600 bg-blue-600",
   yellow: "border-yellow-600 bg-yellow-600"
 };
-function f({
+function y({
   size: r = 24,
   color: n = "primary",
   className: s,
@@ -74,5 +73,5 @@ function f({
   ] });
 }
 export {
-  f as PoolPointsIndicator
+  y as PoolPointsIndicator
 };

package/dist/esm/components/radio-group/radio-group.js

@@ -5,7 +5,6 @@ import * as s from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const l = n("", {
@@ -23,9 +22,9 @@ const l = n("", {
     size: "md",
     color: "primary"
   }
-}), p = s.forwardRef(({ className: e, ...o }, i) => /* @__PURE__ */ a(r.Root, { ref: i, className: t(e), ...o }));
-p.displayName = r.Root.displayName;
-const c = s.forwardRef(({ className: e, color: o, size: i, ...d }, m) => /* @__PURE__ */ a(
+}), c = s.forwardRef(({ className: e, ...o }, i) => /* @__PURE__ */ a(r.Root, { ref: i, className: t(e), ...o }));
+c.displayName = r.Root.displayName;
+const p = s.forwardRef(({ className: e, color: o, size: i, ...d }, m) => /* @__PURE__ */ a(
   r.Item,
   {
     ref: m,
@@ -50,8 +49,8 @@ const c = s.forwardRef(({ className: e, color: o, size: i, ...d }, m) => /* @__P
     )
   }
 ));
-c.displayName = r.Item.displayName;
+p.displayName = r.Item.displayName;
 export {
-  p as RadioGroup,
-  c as RadioGroupItem
+  c as RadioGroup,
+  p as RadioGroupItem
 };

package/dist/esm/components/rounded-image/rounded-image.js

@@ -4,7 +4,6 @@ import { useState as s, useRef as j, useEffect as E } from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as k } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import { getStatic as w } from "../../utils/static.js";
 import "luxon";
 import "../../utils/z-index.js";

package/dist/esm/components/sdk-status-pill/sdk-status-pill.js

@@ -4,7 +4,6 @@ import { SimpleTooltip as c } from "../tooltip/simple-tooltip.js";
 import "../tooltip/tooltip.js";
 import { useIntlTyped as m } from "../typed-intl/index.js";
 import "react";
-import "@gearbox-protocol/sdk/common-utils";
 import { useMediaQuery as d } from "../../hooks/use-media-query.js";
 import { SdkStatusPillTest as e } from "./constants.js";
 import { sdkStatusDotVariant as l } from "./sdk-status.js";
@@ -13,10 +12,10 @@ const p = "(hover: none)", u = {
   ready: "components.sdkStatus.connected",
   error: "components.sdkStatus.disconnected"
 };
-function M({
+function E({
   status: o
 }) {
-  const { formatMessage: s } = m(), i = !d(p), r = s({ messageId: u[o] }), n = (
+  const { formatMessage: s } = m(), n = !d(p), r = s({ messageId: u[o] }), i = (
     // `<output>` rather than a span with role="status": same implicit live
     // region, and the status is announced without the dot being focusable.
     //
@@ -47,13 +46,13 @@ function M({
   return /* @__PURE__ */ t(
     c,
     {
-      title: n,
-      trigger: i ? "hover" : "click",
+      title: i,
+      trigger: n ? "hover" : "click",
       placement: "top",
       children: /* @__PURE__ */ t("span", { className: "text-xs", "data-testid": e.tooltip, children: r })
     }
   );
 }
 export {
-  M as SdkStatusPill
+  E as SdkStatusPill
 };

package/dist/esm/components/search-line/search-line.js

@@ -8,7 +8,6 @@ import { Input as V } from "../input/input.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as f } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const D = x("relative w-full transition-all duration-200", {

package/dist/esm/components/segmented-control/segmented-control.js

@@ -5,7 +5,6 @@ import { useRef as x, useState as I, useCallback as v, useLayoutEffect as y } fr
 import "@gearbox-protocol/sdk/onchain";
 import { cn as g } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const S = R(
@@ -27,7 +26,7 @@ const S = R(
     }
   },
   defaultVariants: { size: "md" }
-}), $ = N.forwardRef(({ className: b, name: m, items: n, size: l = "md", ...u }, t) => {
+}), $ = N.forwardRef(({ className: b, name: u, items: n, size: l = "md", ...m }, t) => {
   const r = n.findIndex((e) => e.checked), s = r < 0 ? 0 : r, o = n.length, d = x(null), p = x([]), [h, w] = I({ left: 0, width: 0 }), i = v(() => {
     const e = p.current[s];
     if (!e || o === 0) {
@@ -59,13 +58,13 @@ const S = R(
     {
       ref: z,
       className: g(S({ size: l }), b),
-      ...u,
+      ...m,
       children: [
         n.map((e, a) => /* @__PURE__ */ f(
           k,
           {
             ...e,
-            name: m,
+            name: u,
             ref: (c) => {
               p.current[a] = c;
             }
@@ -93,8 +92,8 @@ const S = R(
   );
 });
 $.displayName = "SegmentedControl";
-const k = N.forwardRef(function({ name: m, switchLabel: n, label: l, onChange: u, onSelect: t, ...r }, s) {
-  const o = u ?? (t ? (d) => {
+const k = N.forwardRef(function({ name: u, switchLabel: n, label: l, onChange: m, onSelect: t, ...r }, s) {
+  const o = m ?? (t ? (d) => {
     d.preventDefault(), t();
   } : void 0);
   return /* @__PURE__ */ C(
@@ -112,7 +111,7 @@ const k = N.forwardRef(function({ name: m, switchLabel: n, label: l, onChange: u
           "input",
           {
             type: "radio",
-            name: m,
+            name: u,
             className: "absolute h-0 w-0 cursor-pointer opacity-0",
             ...r,
             onChange: o

package/dist/esm/components/select/select.js

@@ -7,12 +7,11 @@ import { FaIcon as i } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import { Z_INDEX as h } from "../../utils/z-index.js";
 const x = (a) => /* @__PURE__ */ t(e.Root, { ...a });
 x.displayName = "Select";
-const G = e.Group, O = e.Value, N = g(
+const P = e.Group, G = e.Value, N = g(
   "group flex w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 bg-[rgb(40,40,40)] text-foreground cursor-pointer",
   {
     variants: {
@@ -143,13 +142,13 @@ I.displayName = e.Separator.displayName;
 export {
   x as Select,
   S as SelectContent,
-  G as SelectGroup,
+  P as SelectGroup,
   R as SelectItem,
   v as SelectLabel,
   f as SelectScrollDownButton,
   p as SelectScrollUpButton,
   I as SelectSeparator,
   w as SelectTrigger,
-  O as SelectValue,
+  G as SelectValue,
   N as selectTriggerVariants
 };

package/dist/esm/components/separate-line/separate-line.js

@@ -3,7 +3,6 @@ import * as p from "react";
 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 s = p.forwardRef(

package/dist/esm/components/short-string/short-string.js

@@ -5,19 +5,18 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import { isLongString as u, shortenString as S } from "../../utils/shorten-string.js";
 import "luxon";
 import "../../utils/z-index.js";
-function y({
+function k({
   children: o,
   maxLength: t,
   showTooltip: m = !0,
   className: i
 }) {
-  const n = (p, e) => e === "text-overflow" ? /* @__PURE__ */ r("span", { className: s("inline-block max-w-full truncate", i), children: p }) : /* @__PURE__ */ r("span", { className: i, children: S(p, e) });
+  const n = (e, p) => p === "text-overflow" ? /* @__PURE__ */ r("span", { className: s("inline-block max-w-full truncate", i), children: e }) : /* @__PURE__ */ r("span", { className: i, children: S(e, p) });
   return typeof o == "string" && t !== void 0 ? m && (t === "text-overflow" || u(o, t)) ? /* @__PURE__ */ r(f, { title: n(o, t), children: o }) : n(o, t) : o;
 }
 export {
-  y as ShortString
+  k as ShortString
 };

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

@@ -5,7 +5,6 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const h = "flex-wrap text-left bg-transparent border-0 [&[data-state=open]>[data-accordion-icon]]:rotate-180";

package/dist/esm/components/simple-dropdown/simple-dropdown-menu-item.js

@@ -13,7 +13,6 @@ import "../dropdown-menu/dropdown-menu-sub-trigger.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as e } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const n = "cursor-pointer gap-0 rounded-lg px-3 py-3 text-sm font-normal leading-[17px] text-foreground hover:bg-gray-80 focus:bg-gray-80", a = p.forwardRef(({ className: o, ...r }, m) => /* @__PURE__ */ t(

package/dist/esm/components/simple-dropdown/simple-dropdown.js

@@ -4,12 +4,11 @@ import { useRef as j } from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as l } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import { Z_INDEX as y } from "../../utils/z-index.js";
 function E({
-  children: p,
-  title: f,
+  children: f,
+  title: p,
   asChild: a = !1,
   placement: m = "bottom",
   align: u = "start",
@@ -60,7 +59,7 @@ function E({
               "inline-flex appearance-none border-0 bg-transparent p-0 text-inherit font-inherit cursor-pointer",
               v
             ),
-            children: f
+            children: p
           }
         ),
         /* @__PURE__ */ r(t.Portal, { children: /* @__PURE__ */ r(
@@ -77,7 +76,7 @@ function E({
             },
             onPointerDownOutside: o ? x : void 0,
             onEscapeKeyDown: o ? () => e?.(!1) : void 0,
-            children: p
+            children: f
           }
         ) })
       ]

package/dist/esm/components/skeleton/skeleton-stack.js

@@ -3,16 +3,15 @@ import { useMemo as c } from "react";
 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";
-import { Skeleton as i } from "./skeleton.js";
-const n = {
+import { Skeleton as n } from "./skeleton.js";
+const i = {
   sm: "space-y-2",
   md: "space-y-3",
   lg: "space-y-4"
 };
-function w({
+function S({
   lines: o = 5,
   className: t,
   gap: e = "md"
@@ -21,8 +20,8 @@ function w({
     () => Array.from({ length: o }, () => crypto.randomUUID()),
     [o]
   );
-  return /* @__PURE__ */ m("div", { className: r(n[e], t), children: p.map((s, a) => /* @__PURE__ */ m(
-    i,
+  return /* @__PURE__ */ m("div", { className: r(i[e], t), children: p.map((s, a) => /* @__PURE__ */ m(
+    n,
     {
       className: r("h-4 w-full", a === o - 1 && "w-3/4")
     },
@@ -30,5 +29,5 @@ function w({
   )) });
 }
 export {
-  w as SkeletonStack
+  S as SkeletonStack
 };

package/dist/esm/components/skeleton/skeleton.js

@@ -4,7 +4,6 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as w } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const c = f("animate-pulse rounded-md bg-muted", {
@@ -51,7 +50,7 @@ const c = f("animate-pulse rounded-md bg-muted", {
     height: "md"
   }
 });
-function j({
+function $({
   className: s,
   variant: l,
   speed: n,
@@ -87,6 +86,6 @@ function j({
   );
 }
 export {
-  j as Skeleton,
+  $ as Skeleton,
   c as skeletonVariants
 };

package/dist/esm/components/slider/slider.js

@@ -5,7 +5,6 @@ import * as H from "react";
 import { useMemo as m, useRef as w, useCallback as J, useState as K, useLayoutEffect as Q } from "react";
 import { cn as y } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import { validateMinMax as X } from "../../utils/math.js";
 import "luxon";
 import "../../utils/z-index.js";

package/dist/esm/components/spinner/spinner.js

@@ -4,7 +4,6 @@ import * as i from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import { Z_INDEX as d } from "../../utils/z-index.js";
 const m = i.forwardRef(

package/dist/esm/components/spinner-loader/spinner-loader.js

@@ -1,26 +1,25 @@
 import { jsx as m } from "react/jsx-runtime";
-import * as p from "react";
+import * as d from "react";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as d } from "../../utils/cn.js";
+import { cn as p } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const s = p.forwardRef(
-  ({ size: r = 40, speed: o = "1s", width: i = 4, className: t, style: e, ...a }, n) => /* @__PURE__ */ m(
+const s = d.forwardRef(
+  ({ size: r = 40, speed: o = "1s", width: i = 4, className: e, style: t, ...a }, n) => /* @__PURE__ */ m(
     "span",
     {
       ref: n,
-      className: d(
+      className: p(
         "inline-block rounded-full border-solid border-gray-20 border-b-gray-110 animate-spin",
-        t
+        e
       ),
       style: {
         width: r,
         height: r,
         borderWidth: i,
         animationDuration: o,
-        ...e
+        ...t
       },
       ...a
     }

package/dist/esm/components/split-list/split-list.js

@@ -1,13 +1,12 @@
 import { jsx as a } from "react/jsx-runtime";
-import { cva as c } from "class-variance-authority";
+import { cva as m } from "class-variance-authority";
 import * as t from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const b = c(
+const b = m(
   [
     /* layout */
     "relative flex items-center",
@@ -38,7 +37,7 @@ const b = c(
           l
         ),
         children: n.map((r, o, f) => {
-          const p = typeof e == "function" ? e(o, f) : e, m = t.isValidElement(r) && r.key != null ? r.key : `split-item-${o}`;
+          const p = typeof e == "function" ? e(o, f) : e, c = t.isValidElement(r) && r.key != null ? r.key : `split-item-${o}`;
           return /* @__PURE__ */ a(
             "div",
             {
@@ -47,7 +46,7 @@ const b = c(
               }),
               children: r
             },
-            m
+            c
           );
         })
       }

package/dist/esm/components/status-dot/status-dot.js

@@ -4,7 +4,6 @@ import * as n from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const d = m("rounded-full shrink-0", {
@@ -30,7 +29,7 @@ const d = m("rounded-full shrink-0", {
     variant: "default",
     size: "sm"
   }
-}), p = n.forwardRef(
+}), c = n.forwardRef(
   ({ className: t, variant: r, size: a, pulse: s, ...e }, i) => /* @__PURE__ */ o(
     "div",
     {
@@ -44,8 +43,8 @@ const d = m("rounded-full shrink-0", {
     }
   )
 );
-p.displayName = "StatusDot";
+c.displayName = "StatusDot";
 export {
-  p as StatusDot,
+  c as StatusDot,
   d as statusDotVariants
 };

package/dist/esm/components/status-elements/status-elements.js

@@ -4,7 +4,6 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const d = {
@@ -14,7 +13,7 @@ const d = {
   critical: "bg-destructive",
   liquidation: "bg-liquidation"
 };
-function A({ zone: i, size: t = 8 }) {
+function q({ zone: i, size: t = 8 }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -30,7 +29,7 @@ const l = {
   bad: 1,
   critical: 1,
   liquidation: 1
-}, m = 3, g = {
+}, g = 3, m = {
   good: "success",
   medium: "warning",
   bad: "destructive",
@@ -53,8 +52,8 @@ const l = {
     }
   }
 );
-function x({ zone: i }) {
-  const t = l[i], e = g[i], n = Array.from({ length: m }, (o, r) => {
+function A({ zone: i }) {
+  const t = l[i], e = m[i], n = Array.from({ length: g }, (o, r) => {
     const c = r < t;
     return {
       key: r,
@@ -64,6 +63,6 @@ function x({ zone: i }) {
   return /* @__PURE__ */ a("div", { className: s("flex flex-wrap gap-0.5 w-2"), "aria-hidden": !0, children: n.map(({ key: o, color: r }) => /* @__PURE__ */ a("div", { className: b({ color: r }) }, o)) });
 }
 export {
-  A as HealthDot,
-  x as StatusBars
+  q as HealthDot,
+  A as StatusBars
 };