@gearbox-protocol/permissionless-ui 1.22.5 → 1.22.7

package/dist/cjs/components/navbar/navbar-with-overflow.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("@fortawesome/free-solid-svg-icons"),o=require("react"),C=require("../app-bar/app-bar.cjs"),_=require("./navbar-indicator-context.cjs"),I=require("../navitem/navitem.cjs"),D=require("../simple-dropdown/simple-dropdown.cjs");require("@gearbox-protocol/sdk");const E=require("../../utils/cn.cjs");require("sonner");require("luxon");require("../../utils/z-index.cjs");const A=require("../icons/fa-icon.cjs"),x=24;function B({visibleItems:t,overflowItems:i,showMore:h,moreOpen:a,setMoreOpen:l,moreLabel:u,measured:d}){const p=_.useNavbarIndicator();return e.jsxs("div",{ref:p?.containerRef,className:"relative flex items-center gap-10 max-xs:gap-8 h-full",style:{opacity:d?1:0},children:[t.map(r=>e.jsx(I.NavItem,{active:r.active,onClick:r.onClick,style:{cursor:"pointer"},children:r.label},r.id)),h&&e.jsx(D.SimpleDropdown,{open:a,onOpenChange:l,title:e.jsx(I.NavItem,{active:i.some(r=>r.active),badge:e.jsx(A.FaIcon,{icon:k.faChevronDown,className:"size-3 text-foreground ml-1 transition-transform duration-200",style:{transform:a?"rotate(180deg)":void 0}}),children:u}),asChild:!0,align:"end",className:"p-0 border-0 bg-transparent shadow-none",children:e.jsx(C.AppBarDropdownMenu,{children:i.map(r=>e.jsx(C.AppBarMenuItem,{onClick:r.onClick,children:r.label},r.id))})}),e.jsx("div",{ref:p?.indicatorRef,className:"absolute bottom-0 h-0.5 bg-accent transition-all duration-300 ease-out pointer-events-none",style:{left:0,width:0,opacity:0,transform:"translateX(0)"}})]})}function P({items:t,moreLabel:i="More",className:h}){const a=o.useRef(null),l=o.useRef(null),[u,d]=o.useState(t.length),[p,r]=o.useState(!1),[M,b]=o.useState(!1),f=o.useCallback(()=>{const s=a.current,c=l.current;if(!s||!c||t.length===0)return;const v=s.clientWidth;if(v<=0)return;const w=Array.from(c.children),m=w.slice(0,t.length).map(n=>n.offsetWidth),W=w[t.length]?.offsetWidth??60;if(m.every(n=>n===0))return;let j=0;for(let n=0;n<t.length;n++)j+=(n===0?0:x)+m[n];if(j<=v){d(t.length),b(!0);return}let N=0,q=0;for(let n=0;n<t.length;n++){const O=m[n],y=N+(n===0?0:x)+O;if(y+x+W>v)break;N=y,q=n+1}d(q),b(!0)},[t]);o.useEffect(()=>{f()},[f]),o.useEffect(()=>{const s=a.current;if(!s)return;const c=new ResizeObserver(f);return c.observe(s),()=>c.disconnect()},[f]);const R=t.slice(0,u),g=t.slice(u),S=g.length>0;return e.jsxs("div",{ref:a,className:E.cn("relative flex-1 min-w-0 h-full flex items-center justify-center",h),children:[e.jsxs("div",{ref:l,"aria-hidden":!0,style:{position:"absolute",visibility:"hidden",height:0,overflow:"hidden",whiteSpace:"nowrap",pointerEvents:"none"},className:"flex items-center gap-10 max-xs:gap-8",children:[t.map(s=>e.jsx("span",{className:"inline-flex items-center whitespace-nowrap text-[15px] leading-[125%]",children:s.label},s.id)),e.jsxs("span",{className:"inline-flex items-center whitespace-nowrap text-[15px] leading-[125%] gap-2",children:[i,e.jsx("span",{className:"size-3"})]})]}),e.jsx(_.NavbarIndicatorProvider,{children:e.jsx(B,{visibleItems:R,overflowItems:g,showMore:S,moreOpen:p,setMoreOpen:r,moreLabel:i,measured:M})})]})}exports.NavbarWithOverflow=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("@fortawesome/free-solid-svg-icons"),o=require("react"),C=require("../app-bar/app-bar.cjs"),_=require("./navbar-indicator-context.cjs"),I=require("../navitem/navitem.cjs"),D=require("../simple-dropdown/simple-dropdown.cjs");require("@gearbox-protocol/sdk");const E=require("../../utils/cn.cjs");require("sonner");require("luxon");require("../../utils/z-index.cjs");const A=require("../icons/fa-icon.cjs"),x=40;function B({visibleItems:t,overflowItems:i,showMore:h,moreOpen:a,setMoreOpen:l,moreLabel:u,measured:d}){const p=_.useNavbarIndicator();return e.jsxs("div",{ref:p?.containerRef,className:"relative flex items-center gap-10 max-xs:gap-8 h-full",style:{opacity:d?1:0},children:[t.map(r=>e.jsx(I.NavItem,{active:r.active,onClick:r.onClick,style:{cursor:"pointer"},children:r.label},r.id)),h&&e.jsx(D.SimpleDropdown,{open:a,onOpenChange:l,title:e.jsx(I.NavItem,{active:i.some(r=>r.active),badge:e.jsx(A.FaIcon,{icon:k.faChevronDown,className:"size-3 text-foreground ml-1 transition-transform duration-200",style:{transform:a?"rotate(180deg)":void 0}}),children:u}),asChild:!0,align:"end",className:"p-0 border-0 bg-transparent shadow-none",children:e.jsx(C.AppBarDropdownMenu,{children:i.map(r=>e.jsx(C.AppBarMenuItem,{onClick:r.onClick,children:r.label},r.id))})}),e.jsx("div",{ref:p?.indicatorRef,className:"absolute bottom-0 h-0.5 bg-accent transition-all duration-300 ease-out pointer-events-none",style:{left:0,width:0,opacity:0,transform:"translateX(0)"}})]})}function P({items:t,moreLabel:i="More",className:h}){const a=o.useRef(null),l=o.useRef(null),[u,d]=o.useState(t.length),[p,r]=o.useState(!1),[M,b]=o.useState(!1),f=o.useCallback(()=>{const s=a.current,c=l.current;if(!s||!c||t.length===0)return;const v=s.clientWidth;if(v<=0)return;const w=Array.from(c.children),m=w.slice(0,t.length).map(n=>n.offsetWidth),W=w[t.length]?.offsetWidth??60;if(m.every(n=>n===0))return;let j=0;for(let n=0;n<t.length;n++)j+=(n===0?0:x)+m[n];if(j<=v){d(t.length),b(!0);return}let N=0,q=0;for(let n=0;n<t.length;n++){const O=m[n],y=N+(n===0?0:x)+O;if(y+x+W>v)break;N=y,q=n+1}d(q),b(!0)},[t]);o.useEffect(()=>{f()},[f]),o.useEffect(()=>{const s=a.current;if(!s)return;const c=new ResizeObserver(f);return c.observe(s),()=>c.disconnect()},[f]);const R=t.slice(0,u),g=t.slice(u),S=g.length>0;return e.jsxs("div",{ref:a,className:E.cn("relative flex-1 min-w-0 h-full flex items-center justify-center",h),children:[e.jsxs("div",{ref:l,"aria-hidden":!0,style:{position:"absolute",visibility:"hidden",height:0,overflow:"hidden",whiteSpace:"nowrap",pointerEvents:"none"},className:"flex items-center gap-10 max-xs:gap-8",children:[t.map(s=>e.jsx("span",{className:"inline-flex items-center whitespace-nowrap text-[15px] leading-[125%]",children:s.label},s.id)),e.jsxs("span",{className:"inline-flex items-center whitespace-nowrap text-[15px] leading-[125%] gap-2",children:[i,e.jsx("span",{className:"size-3"})]})]}),e.jsx(_.NavbarIndicatorProvider,{children:e.jsx(B,{visibleItems:R,overflowItems:g,showMore:S,moreOpen:p,setMoreOpen:r,moreLabel:i,measured:M})})]})}exports.NavbarWithOverflow=P;

package/dist/cjs/components/trading-view/graph-dropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),V=require("@gearbox-protocol/static"),i=require("react"),k=require("@fortawesome/free-solid-svg-icons"),z=require("../icons/fa-icon.cjs"),o=require("../select/select.cjs");function R({items:l,defaultItem:r,onSelected:h,multiple:a=!1,graphsWithNoData:A,loadingGraphs:v,onNoDataSelected:S}){const _=()=>{if(a){const n=Array.isArray(r)?r:[r];return n.length===0?"":String(n[0].value)}const e=Array.isArray(r)?r[0]:r;return String(e?.value||"")},w=()=>{if(a){const n=Array.isArray(r)?r:[r];return new Set(n.map(s=>s.value))}const e=Array.isArray(r)?r[0]:r;return new Set([e?.value].filter(Boolean))},[u,b]=i.useState(w),[d,f]=i.useState(_()),[p,C]=i.useState(!1),y=i.useRef(!1);i.useEffect(()=>{if(a){const e=Array.isArray(r)?r:[r],n=new Set(e.map(s=>s.value));b(n),e.length>0&&f(String(e[0].value))}else{const e=Array.isArray(r)?r[0]:r;e?.value&&f(String(e.value))}},[r,a]);const N=i.useCallback(e=>{if(!e&&a&&y.current){y.current=!1;return}C(e)},[a]),j=i.useCallback(e=>{const n=l.find(s=>String(s.value)===e);if(n&&!v?.has(n.value)){if(A?.has(n.value)&&!(a&&u.has(n.value))){S&&S(n.value,n.label);return}a?(y.current=!0,b(s=>{const c=new Set(s);if(c.has(n.value)){if(c.size<=1)return s;c.delete(n.value)}else c.add(n.value);return h(Array.from(c)),c})):(f(e),h(n.value))}},[a,h,l,A,v,S,u]),x=i.useMemo(()=>{if(!a){const s=l.find(g=>String(g.value)===d),c=Array.isArray(r)?r[0]:r;return s||c}const e=Array.from(u).map(s=>l.find(c=>c.value===s)).filter(s=>!!s);return e.length===0?(Array.isArray(r)?r:[r])[0]:e.length===1?e[0]:{value:e[0].value,label:`${e.length} selected`}},[a,r,l,u,d]),q=i.useMemo(()=>a?"__multiple_placeholder__":d,[a,d]);return!l.length||l.length===1&&!a?t.jsx("div",{className:"flex items-center",style:{width:"max-content"},children:t.jsx("div",{className:"text-xl leading-6",children:x.label})}):t.jsxs(o.Select,{value:q,onValueChange:j,open:p,onOpenChange:N,children:[t.jsx(o.SelectTrigger,{className:"w-auto min-w-[16rem]",children:t.jsx(o.SelectValue,{children:x.label})}),t.jsxs(o.SelectContent,{className:"min-w-[16rem]",children:[a&&t.jsx(o.SelectItem,{value:"__multiple_placeholder__",className:"hidden",disabled:!0,children:x.label}),l.map((e,n)=>{const s=a&&u.has(e.value),c=v?.has(e.value),g=c;return t.jsx(o.SelectItem,{value:String(e.value),disabled:g,onSelect:O=>{a&&O.preventDefault(),j(String(e.value))},className:g?"opacity-50 cursor-not-allowed":"",children:t.jsxs("div",{className:"flex items-center gap-2",children:[a&&t.jsx("span",{className:`flex h-4 w-4 items-center justify-center rounded-[4px] border border-primary shadow transition-colors ${s?"bg-primary text-primary-foreground":""}`,children:s&&t.jsx(z.FaIcon,{icon:k.faCheck,className:"size-4"})}),e.label,c&&t.jsx(V.IconPending,{size:16,className:"ml-1 size-4 animate-spin text-muted-foreground"})]})},`graph-item-${n}-${String(e.value)}`)})]})]})}exports.GraphDropdown=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),O=require("@gearbox-protocol/static"),l=require("react"),V=require("../checkbox/checkbox.cjs");require("../checkbox/checkbox-labeled.cjs");const o=require("../select/select.cjs");function P({items:i,defaultItem:n,onSelected:S,multiple:s=!1,graphsWithNoData:_,loadingGraphs:f,onNoDataSelected:x}){const w=()=>{if(s){const r=Array.isArray(n)?n:[n];return r.length===0?"":String(r[0].value)}const e=Array.isArray(n)?n[0]:n;return String(e?.value||"")},C=()=>{if(s){const r=Array.isArray(n)?n:[n];return new Set(r.map(a=>a.value))}const e=Array.isArray(n)?n[0]:n;return new Set([e?.value].filter(Boolean))},[u,j]=l.useState(C),[h,y]=l.useState(w()),[k,p]=l.useState(!1),A=l.useRef(!1);l.useEffect(()=>{if(s){const e=Array.isArray(n)?n:[n],r=new Set(e.map(a=>a.value));j(r),e.length>0&&y(String(e[0].value))}else{const e=Array.isArray(n)?n[0]:n;e?.value&&y(String(e.value))}},[n,s]);const q=l.useCallback(e=>{if(!e&&s&&A.current){A.current=!1;return}p(e)},[s]),d=l.useCallback(e=>{const r=i.find(a=>String(a.value)===e);if(r&&!f?.has(r.value)){if(_?.has(r.value)&&!(s&&u.has(r.value))){x&&x(r.value,r.label);return}s?(A.current=!0,j(a=>{const c=new Set(a);if(c.has(r.value)){if(c.size<=1)return a;c.delete(r.value)}else c.add(r.value);return S(Array.from(c)),c})):(y(e),S(r.value))}},[s,S,i,_,f,x,u]),b=l.useMemo(()=>{if(!s){const a=i.find(g=>String(g.value)===h),c=Array.isArray(n)?n[0]:n;return a||c}const e=Array.from(u).map(a=>i.find(c=>c.value===a)).filter(a=>!!a);return e.length===0?(Array.isArray(n)?n:[n])[0]:e.length===1?e[0]:{value:e[0].value,label:`${e.length} selected`}},[s,n,i,u,h]),N=l.useMemo(()=>s?"__multiple_placeholder__":h,[s,h]);return!i.length||i.length===1&&!s?t.jsx("div",{className:"flex items-center",style:{width:"max-content"},children:t.jsx("div",{className:"text-xl leading-6",children:b.label})}):t.jsxs(o.Select,{value:N,onValueChange:d,open:k,onOpenChange:q,children:[t.jsx(o.SelectTrigger,{className:"w-auto min-w-[16rem]",children:t.jsx(o.SelectValue,{children:b.label})}),t.jsxs(o.SelectContent,{className:"min-w-[16rem]",children:[s&&t.jsx(o.SelectItem,{value:"__multiple_placeholder__",className:"hidden",disabled:!0,children:b.label}),i.map((e,r)=>{const a=s&&u.has(e.value),c=f?.has(e.value),g=c;return t.jsx(o.SelectItem,{value:String(e.value),disabled:g,onSelect:v=>{s&&v.preventDefault(),d(String(e.value))},className:g?"opacity-50 cursor-not-allowed":"",children:t.jsxs("div",{className:"flex items-center gap-2",children:[s&&t.jsx("span",{className:"shrink-0 inline-flex",onPointerDownCapture:v=>{v.stopPropagation(),v.preventDefault(),d(String(e.value))},children:t.jsx(V.Checkbox,{checked:a,onCheckedChange:()=>d(String(e.value)),"aria-hidden":!0,tabIndex:-1})}),e.label,c&&t.jsx(O.IconPending,{size:16,className:"ml-1 size-4 animate-spin text-muted-foreground"})]})},`graph-item-${r}-${String(e.value)}`)})]})]})}exports.GraphDropdown=P;

package/dist/esm/components/navbar/navbar-with-overflow.js

@@ -11,7 +11,7 @@ import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 import { FaIcon as V } from "../icons/fa-icon.js";
-const b = 24;
+const b = 40;
 function _({
   visibleItems: t,
   overflowItems: a,

package/dist/esm/components/trading-view/graph-dropdown.js

@@ -1,132 +1,143 @@
-import { jsx as i, jsxs as S } from "react/jsx-runtime";
-import { IconPending as F } from "@gearbox-protocol/static";
-import { useState as A, useRef as R, useEffect as B, useCallback as p, useMemo as _ } from "react";
-import { faCheck as E } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as L } from "../icons/fa-icon.js";
-import { Select as M, SelectTrigger as P, SelectValue as T, SelectContent as q, SelectItem as C } from "../select/select.js";
-function Y({
+import { jsx as i, jsxs as b } from "react/jsx-runtime";
+import { IconPending as j } from "@gearbox-protocol/static";
+import { useState as x, useRef as D, useEffect as F, useCallback as C, useMemo as _ } from "react";
+import { Checkbox as R } from "../checkbox/checkbox.js";
+import "../checkbox/checkbox-labeled.js";
+import { Select as B, SelectTrigger as E, SelectValue as L, SelectContent as M, SelectItem as k } from "../select/select.js";
+function X({
   items: l,
   defaultItem: r,
-  onSelected: d,
-  multiple: a = !1,
-  graphsWithNoData: b,
-  loadingGraphs: h,
-  onNoDataSelected: g
+  onSelected: g,
+  multiple: s = !1,
+  graphsWithNoData: p,
+  loadingGraphs: v,
+  onNoDataSelected: f
 }) {
   const N = () => {
-    if (a) {
+    if (s) {
       const n = Array.isArray(r) ? r : [r];
       return n.length === 0 ? "" : String(n[0].value);
     }
     const e = Array.isArray(r) ? r[0] : r;
     return String(e?.value || "");
   }, V = () => {
-    if (a) {
+    if (s) {
       const n = Array.isArray(r) ? r : [r];
-      return new Set(n.map((s) => s.value));
+      return new Set(n.map((a) => a.value));
     }
     const e = Array.isArray(r) ? r[0] : r;
     return new Set([e?.value].filter(Boolean));
-  }, [t, w] = A(V), [o, f] = A(N()), [z, O] = A(!1), v = R(!1);
-  B(() => {
-    if (a) {
-      const e = Array.isArray(r) ? r : [r], n = new Set(e.map((s) => s.value));
-      w(n), e.length > 0 && f(String(e[0].value));
+  }, [t, w] = x(V), [o, S] = x(N()), [O, z] = x(!1), y = D(!1);
+  F(() => {
+    if (s) {
+      const e = Array.isArray(r) ? r : [r], n = new Set(e.map((a) => a.value));
+      w(n), e.length > 0 && S(String(e[0].value));
     } else {
       const e = Array.isArray(r) ? r[0] : r;
-      e?.value && f(String(e.value));
+      e?.value && S(String(e.value));
     }
-  }, [r, a]);
-  const $ = p(
+  }, [r, s]);
+  const P = C(
     (e) => {
-      if (!e && a && v.current) {
-        v.current = !1;
+      if (!e && s && y.current) {
+        y.current = !1;
         return;
       }
-      O(e);
+      z(e);
     },
-    [a]
-  ), x = p(
+    [s]
+  ), u = C(
     (e) => {
-      const n = l.find((s) => String(s.value) === e);
-      if (n && !h?.has(n.value)) {
-        if (b?.has(n.value) && !(a && t.has(n.value))) {
-          g && g(n.value, n.label);
+      const n = l.find((a) => String(a.value) === e);
+      if (n && !v?.has(n.value)) {
+        if (p?.has(n.value) && !(s && t.has(n.value))) {
+          f && f(n.value, n.label);
           return;
         }
-        a ? (v.current = !0, w((s) => {
-          const c = new Set(s);
+        s ? (y.current = !0, w((a) => {
+          const c = new Set(a);
           if (c.has(n.value)) {
             if (c.size <= 1)
-              return s;
+              return a;
             c.delete(n.value);
           } else
             c.add(n.value);
-          return d(Array.from(c)), c;
-        })) : (f(e), d(n.value));
+          return g(Array.from(c)), c;
+        })) : (S(e), g(n.value));
       }
     },
     [
-      a,
-      d,
-      l,
-      b,
-      h,
+      s,
       g,
+      l,
+      p,
+      v,
+      f,
       t
     ]
-  ), y = _(() => {
-    if (!a) {
-      const s = l.find((u) => String(u.value) === o), c = Array.isArray(r) ? r[0] : r;
-      return s || c;
+  ), A = _(() => {
+    if (!s) {
+      const a = l.find((h) => String(h.value) === o), c = Array.isArray(r) ? r[0] : r;
+      return a || c;
     }
-    const e = Array.from(t).map((s) => l.find((c) => c.value === s)).filter((s) => !!s);
+    const e = Array.from(t).map((a) => l.find((c) => c.value === a)).filter((a) => !!a);
     return e.length === 0 ? (Array.isArray(r) ? r : [r])[0] : e.length === 1 ? e[0] : {
       value: e[0].value,
       label: `${e.length} selected`
     };
-  }, [a, r, l, t, o]), j = _(() => a ? "__multiple_placeholder__" : o, [a, o]);
-  return !l.length || l.length === 1 && !a ? /* @__PURE__ */ i("div", { className: "flex items-center", style: { width: "max-content" }, children: /* @__PURE__ */ i("div", { className: "text-xl leading-6", children: y.label }) }) : /* @__PURE__ */ S(
-    M,
+  }, [s, r, l, t, o]), $ = _(() => s ? "__multiple_placeholder__" : o, [s, o]);
+  return !l.length || l.length === 1 && !s ? /* @__PURE__ */ i("div", { className: "flex items-center", style: { width: "max-content" }, children: /* @__PURE__ */ i("div", { className: "text-xl leading-6", children: A.label }) }) : /* @__PURE__ */ b(
+    B,
     {
-      value: j,
-      onValueChange: x,
-      open: z,
-      onOpenChange: $,
+      value: $,
+      onValueChange: u,
+      open: O,
+      onOpenChange: P,
       children: [
-        /* @__PURE__ */ i(P, { className: "w-auto min-w-[16rem]", children: /* @__PURE__ */ i(T, { children: y.label }) }),
-        /* @__PURE__ */ S(q, { className: "min-w-[16rem]", children: [
-          a && /* @__PURE__ */ i(
-            C,
+        /* @__PURE__ */ i(E, { className: "w-auto min-w-[16rem]", children: /* @__PURE__ */ i(L, { children: A.label }) }),
+        /* @__PURE__ */ b(M, { className: "min-w-[16rem]", children: [
+          s && /* @__PURE__ */ i(
+            k,
             {
               value: "__multiple_placeholder__",
               className: "hidden",
               disabled: !0,
-              children: y.label
+              children: A.label
             }
           ),
           l.map((e, n) => {
-            const s = a && t.has(e.value), c = h?.has(e.value), u = c;
+            const a = s && t.has(e.value), c = v?.has(e.value), h = c;
             return /* @__PURE__ */ i(
-              C,
+              k,
               {
                 value: String(e.value),
-                disabled: u,
-                onSelect: (k) => {
-                  a && k.preventDefault(), x(String(e.value));
+                disabled: h,
+                onSelect: (d) => {
+                  s && d.preventDefault(), u(String(e.value));
                 },
-                className: u ? "opacity-50 cursor-not-allowed" : "",
-                children: /* @__PURE__ */ S("div", { className: "flex items-center gap-2", children: [
-                  a && /* @__PURE__ */ i(
+                className: h ? "opacity-50 cursor-not-allowed" : "",
+                children: /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
+                  s && /* @__PURE__ */ i(
                     "span",
                     {
-                      className: `flex h-4 w-4 items-center justify-center rounded-[4px] border border-primary shadow transition-colors ${s ? "bg-primary text-primary-foreground" : ""}`,
-                      children: s && /* @__PURE__ */ i(L, { icon: E, className: "size-4" })
+                      className: "shrink-0 inline-flex",
+                      onPointerDownCapture: (d) => {
+                        d.stopPropagation(), d.preventDefault(), u(String(e.value));
+                      },
+                      children: /* @__PURE__ */ i(
+                        R,
+                        {
+                          checked: a,
+                          onCheckedChange: () => u(String(e.value)),
+                          "aria-hidden": !0,
+                          tabIndex: -1
+                        }
+                      )
                     }
                   ),
                   e.label,
                   c && /* @__PURE__ */ i(
-                    F,
+                    j,
                     {
                       size: 16,
                       className: "ml-1 size-4 animate-spin text-muted-foreground"
@@ -143,5 +154,5 @@ function Y({
   );
 }
 export {
-  Y as GraphDropdown
+  X as GraphDropdown
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.22.5",
+  "version": "1.22.7",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",