@gearbox-protocol/permissionless-ui 1.26.7 → 1.26.9

package/dist/cjs/components/auth/connect-required.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),s=require("connectkit"),q=require("wagmi");require("../buttons/back-button/back-button.cjs");const a=require("../buttons/button/button.cjs");require("../buttons/copy-button/copy-button.cjs");require("../buttons/external-button/external-button.cjs");require("../buttons/filter-button/filter-button.cjs");require("../buttons/navigation-button/navigation-button.cjs");require("react");require("@gearbox-protocol/sdk");require("clsx");require("tailwind-merge");require("sonner");require("luxon");require("../../utils/z-index.cjs");const d=require("../buttons/tab-button/tab-button.cjs");function b({children:o,owner:t,...e}){const{setOpen:i}=s.useModal(),{isConnected:c,address:r}=q.useAccount(),n=Object.keys(e).length>0?a.Button:d.TabButton;return c&&r?t&&r?.toLowerCase()!==t.toLowerCase()?u.jsx(n,{...e,disabled:!0,children:"You are not the author"}):o:u.jsx(n,{...e,onClick:()=>i(!0),children:"Connect Wallet"})}exports.ConnectRequired=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),q=require("connectkit"),a=require("wagmi");require("../buttons/back-button/back-button.cjs");const l=require("../buttons/button/button.cjs");require("../buttons/copy-button/copy-button.cjs");require("../buttons/external-button/external-button.cjs");require("../buttons/filter-button/filter-button.cjs");require("../buttons/navigation-button/navigation-button.cjs");require("react");require("@gearbox-protocol/sdk");require("clsx");require("tailwind-merge");require("sonner");require("luxon");require("../../utils/z-index.cjs");const d=require("../buttons/tab-button/tab-button.cjs");function b({children:o,owner:t,hideConnectButton:i,...e}){const{setOpen:c}=q.useModal(),{isConnected:s,address:r}=a.useAccount(),n=Object.keys(e).length>0?l.Button:d.TabButton;return s&&r?t&&r?.toLowerCase()!==t.toLowerCase()?u.jsx(n,{...e,disabled:!0,children:"You are not the author"}):o:i?null:u.jsx(n,{...e,onClick:()=>c(!0),children:"Connect Wallet"})}exports.ConnectRequired=b;

package/dist/cjs/components/detailed-apy/detailed-apy.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),y=require("../rounded-image/rounded-image.cjs"),g=require("../skeleton/skeleton.cjs");require("@gearbox-protocol/sdk");require("clsx");require("tailwind-merge");require("sonner");const c=require("../../utils/format-money.cjs"),u=require("../../utils/static.cjs");require("luxon");require("../../utils/z-index.cjs");function d({reward:o,tokensList:s,...n}){const e=s?.[o?.rewardToken||""]?.symbol||o?.rewardTokenSymbol,{size:r=e==="GEAR"?11:12,margin:a=e==="GEAR"?"-5px 2px 0 2px":"-3px 2px 0 2px"}=n;return t.jsx(y.RoundedImage,{src:e==="GEAR"?u.getStatic("/logo/logo_symbol.png"):u.getStatic(`/tokens/${e?.toLowerCase()}.svg`),size:r,rounded:!1,style:{margin:a,height:"auto"}})}const p=i.forwardRef(({poolAPY:o,extraAPY:s,tokensList:n},e)=>t.jsx("div",{ref:e,className:"inline-block",children:s.length>0&&t.jsx("span",{className:"text-xs",children:t.jsxs("span",{className:"flex items-start text-secondary-foreground font-normal",children:[c.percentTemplate(o)," +",t.jsx("span",{className:"flex flex-col items-end flex-wrap",children:s.map(r=>{const a=r.apy||0;return a>0&&t.jsxs("span",{children:[t.jsx(d,{reward:r,tokensList:n}),c.percentTemplate(a)]},r.rewardToken??r.token??`${r.apy}`)})})]})})}));p.displayName="ApyParts";function f({totalAPY:o,totalAPYLoading:s,baseAPY:n,extraAPY:e,tokensList:r}){const a=i.useMemo(()=>n.reduce((l,x)=>l+x.apy,0),[n]),m=i.useMemo(()=>e.filter(l=>(l.apy||0)>0),[e]);return t.jsx(g.Skeleton,{width:80,loading:s,children:o>=.001&&t.jsx(p,{extraAPY:m,poolAPY:a,tokensList:r})})}exports.DetailedApy=f;exports.PoolRewardsIcon=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),y=require("../rounded-image/rounded-image.cjs"),g=require("../skeleton/skeleton.cjs");require("@gearbox-protocol/sdk");require("clsx");require("tailwind-merge");require("sonner");const c=require("../../utils/format-money.cjs"),u=require("../../utils/static.cjs");require("luxon");require("../../utils/z-index.cjs");function d({reward:r,tokensList:s,...n}){const t=s?.[r?.rewardToken||""]?.symbol||r?.rewardTokenSymbol,{size:e=t==="GEAR"?11:12,margin:a=t==="GEAR"?"-5px 2px 0 2px":"-3px 2px 0 2px"}=n;return o.jsx(y.RoundedImage,{src:t==="GEAR"?u.getStatic("/logo/logo_symbol.png"):u.getStatic(`/tokens/${t?.toLowerCase()}.svg`),size:e,rounded:!1,style:{margin:a,height:"auto"}})}const p=i.forwardRef(({poolAPY:r,extraAPY:s,tokensList:n},t)=>o.jsx("div",{ref:t,className:"inline-block",children:s.length>0&&o.jsx("span",{className:"text-xs",children:o.jsxs("span",{className:"flex items-start text-secondary-foreground font-normal",children:[c.percentTemplate(r)," +",o.jsx("span",{className:"flex flex-col items-end flex-wrap",children:s.map(e=>{const a=e.apy||0;return a>0&&o.jsxs("span",{children:[o.jsx(d,{reward:e,tokensList:n}),c.percentTemplate(a)]},`${e.token}-${e.rewardToken}-${e.apy}-${e.endTimestamp}`)})})]})})}));p.displayName="ApyParts";function f({totalAPY:r,totalAPYLoading:s,baseAPY:n,extraAPY:t,tokensList:e}){const a=i.useMemo(()=>n.reduce((l,x)=>l+x.apy,0),[n]),m=i.useMemo(()=>t.filter(l=>(l.apy||0)>0),[t]);return o.jsx(g.Skeleton,{width:80,loading:s,children:r>=.001&&o.jsx(p,{extraAPY:m,poolAPY:a,tokensList:e})})}exports.DetailedApy=f;exports.PoolRewardsIcon=d;

package/dist/cjs/components/table/table.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("class-variance-authority"),R=require("react"),q=require("../buttons/button/button.cjs"),C=require("@fortawesome/free-solid-svg-icons"),H=require("../icons/fa-icon.cjs");require("../tooltip/simple-tooltip.cjs");const n=require("../tooltip/tooltip.cjs");require("@gearbox-protocol/sdk");const o=require("../../utils/cn.cjs");require("sonner");require("luxon");require("../../utils/z-index.cjs");function z(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=z(R),b=d.cva("w-full caption-bottom",{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),f=l.forwardRef(({className:e,size:a,wrapperClassName:t,...s},i)=>r.jsx("div",{className:o.cn("relative w-full overflow-auto rounded-lg border border-input bg-card",t),children:r.jsx("table",{ref:i,className:o.cn(b({size:a,className:e})),...s})}));f.displayName="Table";const u=l.forwardRef(({className:e,...a},t)=>r.jsx("thead",{ref:t,className:o.cn("[&_tr]:after:inset-x-0 [&_tr]:after:bg-input [&_tr]:hover:bg-transparent [&_tr]:hover:before:opacity-0",e),...a}));u.displayName="TableHeader";const p=l.forwardRef(({className:e,...a},t)=>r.jsx("tbody",{ref:t,className:o.cn("[&_tr:last-child]:after:hidden",e),...a}));p.displayName="TableBody";const m=l.forwardRef(({className:e,...a},t)=>r.jsx("tfoot",{ref:t,className:o.cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...a}));m.displayName="TableFooter";const x=l.forwardRef(({className:e,...a},t)=>r.jsx("tr",{ref:t,className:o.cn("relative isolate transition-colors data-[state=selected]:bg-muted","before:absolute before:inset-0 before:-z-10 before:rounded-lg before:bg-muted/50 before:opacity-0 before:transition-opacity before:pointer-events-none","hover:before:opacity-100","after:absolute after:bottom-0 after:inset-x-3 after:h-px after:bg-border",e),...a}));x.displayName="TableRow";const g=d.cva("border-b bg-muted/50 text-left align-middle font-medium text-muted-foreground border-input",{variants:{size:{sm:"h-8 px-1 text-xs",default:"h-10 px-2",lg:"h-12 px-4"}},defaultVariants:{size:"default"}}),c=l.forwardRef(({className:e,size:a,...t},s)=>r.jsx("th",{ref:s,className:o.cn(g({size:a,className:e})),...t}));c.displayName="TableHead";const T=d.cva("align-middle",{variants:{size:{sm:"p-1",default:"p-2",lg:"p-4"}},defaultVariants:{size:"default"}}),y=l.forwardRef(({className:e,size:a,...t},s)=>r.jsx("td",{ref:s,className:o.cn(T({size:a,className:e})),...t}));y.displayName="TableCell";const h=l.forwardRef(({className:e,...a},t)=>r.jsx("caption",{ref:t,className:o.cn("mt-4 text-sm text-muted-foreground",e),...a}));h.displayName="TableCaption";const v=l.forwardRef(({title:e,isSorted:a,direction:t,setSort:s,placement:i="right",children:j,className:N,...w},_)=>r.jsx(c,{ref:_,className:N,...w,children:r.jsx(n.TooltipProvider,{children:r.jsxs(n.Tooltip,{delayDuration:200,children:[r.jsx(n.TooltipTrigger,{asChild:!0,children:r.jsxs("div",{className:o.cn("group flex items-center gap-1 w-fit cursor-pointer hover:text-foreground",i==="left"?"flex-row-reverse":"flex-row"),onClick:()=>s(t==="asc"?"desc":"asc"),children:[j,r.jsx(q.Button,{variant:"text",size:"auto",className:a?void 0:"opacity-0 group-hover:opacity-100",children:r.jsx(H.FaIcon,{icon:C.faArrowDown,className:o.cn("size-4",t==="desc"?"rotate-180":"","transition-transform duration-200 ease-in-out")})})]})}),r.jsxs(n.TooltipContent,{side:"top",children:["Sort by ",e]})]})})}));v.displayName="SortingTableHead";exports.SortingTableHead=v;exports.Table=f;exports.TableBody=p;exports.TableCaption=h;exports.TableCell=y;exports.TableFooter=m;exports.TableHead=c;exports.TableHeader=u;exports.TableRow=x;exports.tableCellVariants=T;exports.tableHeadVariants=g;exports.tableVariants=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("class-variance-authority"),C=require("react"),q=require("../buttons/button/button.cjs"),d=require("@fortawesome/free-solid-svg-icons"),H=require("../icons/fa-icon.cjs");require("../tooltip/simple-tooltip.cjs");const n=require("../tooltip/tooltip.cjs");require("@gearbox-protocol/sdk");const s=require("../../utils/cn.cjs");require("sonner");require("luxon");require("../../utils/z-index.cjs");function z(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=z(C),f=c.cva("w-full caption-bottom",{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),u=l.forwardRef(({className:e,size:a,wrapperClassName:t,...o},i)=>r.jsx("div",{className:s.cn("relative w-full overflow-auto rounded-lg border border-input bg-card",t),children:r.jsx("table",{ref:i,className:s.cn(f({size:a,className:e})),...o})}));u.displayName="Table";const p=l.forwardRef(({className:e,...a},t)=>r.jsx("thead",{ref:t,className:s.cn("[&_tr]:after:inset-x-0 [&_tr]:after:bg-input [&_tr]:hover:bg-transparent [&_tr]:hover:before:opacity-0",e),...a}));p.displayName="TableHeader";const m=l.forwardRef(({className:e,...a},t)=>r.jsx("tbody",{ref:t,className:s.cn("[&_tr:last-child]:after:hidden",e),...a}));m.displayName="TableBody";const x=l.forwardRef(({className:e,...a},t)=>r.jsx("tfoot",{ref:t,className:s.cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...a}));x.displayName="TableFooter";const g=l.forwardRef(({className:e,...a},t)=>r.jsx("tr",{ref:t,className:s.cn("relative isolate transition-colors data-[state=selected]:bg-muted","before:absolute before:inset-0 before:-z-10 before:rounded-lg before:bg-muted/50 before:opacity-0 before:transition-opacity before:pointer-events-none","hover:before:opacity-100","after:absolute after:bottom-0 after:inset-x-3 after:h-px after:bg-border",e),...a}));g.displayName="TableRow";const T=c.cva("border-b bg-muted/50 text-left align-middle font-medium text-muted-foreground border-input",{variants:{size:{sm:"h-8 px-1 text-xs",default:"h-10 px-2",lg:"h-12 px-4"}},defaultVariants:{size:"default"}}),b=l.forwardRef(({className:e,size:a,...t},o)=>r.jsx("th",{ref:o,className:s.cn(T({size:a,className:e})),...t}));b.displayName="TableHead";const y=c.cva("align-middle",{variants:{size:{sm:"p-1",default:"p-2",lg:"p-4"}},defaultVariants:{size:"default"}}),h=l.forwardRef(({className:e,size:a,...t},o)=>r.jsx("td",{ref:o,className:s.cn(y({size:a,className:e})),...t}));h.displayName="TableCell";const v=l.forwardRef(({className:e,...a},t)=>r.jsx("caption",{ref:t,className:s.cn("mt-4 text-sm text-muted-foreground",e),...a}));v.displayName="TableCaption";const j=l.forwardRef(({title:e,isSorted:a,direction:t,setSort:o,placement:i="right",children:N,className:w,..._},R)=>r.jsx(b,{ref:R,className:w,..._,children:r.jsx(n.TooltipProvider,{children:r.jsxs(n.Tooltip,{delayDuration:200,children:[r.jsx(n.TooltipTrigger,{asChild:!0,children:r.jsxs("div",{className:s.cn("group flex items-center gap-1 w-fit cursor-pointer hover:text-foreground",i==="left"?"flex-row-reverse":"flex-row"),onClick:()=>o(t==="asc"?"desc":"asc"),children:[N,r.jsx(q.Button,{variant:"text",size:"auto",className:a?void 0:"opacity-0 group-hover:opacity-100",children:r.jsx(H.FaIcon,{icon:a&&t==="asc"?d.faCaretUp:d.faCaretDown,className:"size-3 text-muted-foreground transition-opacity duration-200"})})]})}),r.jsxs(n.TooltipContent,{side:"top",children:["Sort by ",e]})]})})}));j.displayName="SortingTableHead";exports.SortingTableHead=j;exports.Table=u;exports.TableBody=m;exports.TableCaption=v;exports.TableCell=h;exports.TableFooter=x;exports.TableHead=b;exports.TableHeader=p;exports.TableRow=g;exports.tableCellVariants=y;exports.tableHeadVariants=T;exports.tableVariants=f;

package/dist/esm/components/auth/connect-required.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useModal as u } from "connectkit";
-import { useAccount as c } from "wagmi";
+import { useModal as c } from "connectkit";
+import { useAccount as l } from "wagmi";
 import "../buttons/back-button/back-button.js";
 import { Button as s } from "../buttons/button/button.js";
 import "../buttons/copy-button/copy-button.js";
@@ -15,14 +15,15 @@ import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 import { TabButton as a } from "../buttons/tab-button/tab-button.js";
-function M({
+function R({
   children: n,
   owner: o,
+  hideConnectButton: m,
   ...t
 }) {
-  const { setOpen: m } = u(), { isConnected: p, address: r } = c(), e = Object.keys(t).length > 0 ? s : a;
-  return p && r ? o && r?.toLowerCase() !== o.toLowerCase() ? /* @__PURE__ */ i(e, { ...t, disabled: !0, children: "You are not the author" }) : n : /* @__PURE__ */ i(e, { ...t, onClick: () => m(!0), children: "Connect Wallet" });
+  const { setOpen: p } = c(), { isConnected: u, address: r } = l(), e = Object.keys(t).length > 0 ? s : a;
+  return u && r ? o && r?.toLowerCase() !== o.toLowerCase() ? /* @__PURE__ */ i(e, { ...t, disabled: !0, children: "You are not the author" }) : n : m ? null : /* @__PURE__ */ i(e, { ...t, onClick: () => p(!0), children: "Connect Wallet" });
 }
 export {
-  M as ConnectRequired
+  R as ConnectRequired
 };

package/dist/esm/components/detailed-apy/detailed-apy.js

@@ -1,5 +1,5 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as y, useMemo as m } from "react";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as y, useMemo as l } from "react";
 import { RoundedImage as u } from "../rounded-image/rounded-image.js";
 import { Skeleton as g } from "../skeleton/skeleton.js";
 import "@gearbox-protocol/sdk";
@@ -15,53 +15,59 @@ function h({
   tokensList: n,
   ...a
 }) {
-  const e = n?.[t?.rewardToken || ""]?.symbol || t?.rewardTokenSymbol, {
-    size: o = e === "GEAR" ? 11 : 12,
-    margin: s = e === "GEAR" ? "-5px 2px 0 2px" : "-3px 2px 0 2px"
+  const o = n?.[t?.rewardToken || ""]?.symbol || t?.rewardTokenSymbol, {
+    size: e = o === "GEAR" ? 11 : 12,
+    margin: s = o === "GEAR" ? "-5px 2px 0 2px" : "-3px 2px 0 2px"
   } = a;
   return /* @__PURE__ */ r(
     u,
     {
-      src: e === "GEAR" ? c("/logo/logo_symbol.png") : c(`/tokens/${e?.toLowerCase()}.svg`),
-      size: o,
+      src: o === "GEAR" ? c("/logo/logo_symbol.png") : c(`/tokens/${o?.toLowerCase()}.svg`),
+      size: e,
       rounded: !1,
       style: { margin: s, height: "auto" }
     }
   );
 }
-const d = y(({ poolAPY: t, extraAPY: n, tokensList: a }, e) => /* @__PURE__ */ r("div", { ref: e, className: "inline-block", children: n.length > 0 && /* @__PURE__ */ r("span", { className: "text-xs", children: /* @__PURE__ */ l("span", { className: "flex items-start text-secondary-foreground font-normal", children: [
+const d = y(({ poolAPY: t, extraAPY: n, tokensList: a }, o) => /* @__PURE__ */ r("div", { ref: o, className: "inline-block", children: n.length > 0 && /* @__PURE__ */ r("span", { className: "text-xs", children: /* @__PURE__ */ m("span", { className: "flex items-start text-secondary-foreground font-normal", children: [
   i(t),
   " +",
-  /* @__PURE__ */ r("span", { className: "flex flex-col items-end flex-wrap", children: n.map((o) => {
-    const s = o.apy || 0;
-    return s > 0 && /* @__PURE__ */ l("span", { children: [
-      /* @__PURE__ */ r(h, { reward: o, tokensList: a }),
-      i(s)
-    ] }, o.rewardToken ?? o.token ?? `${o.apy}`);
+  /* @__PURE__ */ r("span", { className: "flex flex-col items-end flex-wrap", children: n.map((e) => {
+    const s = e.apy || 0;
+    return s > 0 && /* @__PURE__ */ m(
+      "span",
+      {
+        children: [
+          /* @__PURE__ */ r(h, { reward: e, tokensList: a }),
+          i(s)
+        ]
+      },
+      `${e.token}-${e.rewardToken}-${e.apy}-${e.endTimestamp}`
+    );
   }) })
 ] }) }) }));
 d.displayName = "ApyParts";
-function v({
+function j({
   totalAPY: t,
   totalAPYLoading: n,
   baseAPY: a,
-  extraAPY: e,
-  tokensList: o
+  extraAPY: o,
+  tokensList: e
 }) {
-  const s = m(
+  const s = l(
     () => a.reduce((p, x) => p + x.apy, 0),
     [a]
-  ), f = m(() => e.filter((p) => (p.apy || 0) > 0), [e]);
+  ), f = l(() => o.filter((p) => (p.apy || 0) > 0), [o]);
   return /* @__PURE__ */ r(g, { width: 80, loading: n, children: t >= 1e-3 && /* @__PURE__ */ r(
     d,
     {
       extraAPY: f,
       poolAPY: s,
-      tokensList: o
+      tokensList: e
     }
   ) });
 }
 export {
-  v as DetailedApy,
+  j as DetailedApy,
   h as PoolRewardsIcon
 };

package/dist/esm/components/table/table.js

@@ -1,17 +1,17 @@
 import { jsx as r, jsxs as d } from "react/jsx-runtime";
 import { cva as n } from "class-variance-authority";
-import * as i from "react";
-import { Button as u } from "../buttons/button/button.js";
-import { faArrowDown as g } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as x } from "../icons/fa-icon.js";
+import * as l from "react";
+import { Button as g } from "../buttons/button/button.js";
+import { faCaretUp as x, faCaretDown as f } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as h } from "../icons/fa-icon.js";
 import "../tooltip/simple-tooltip.js";
-import { TooltipProvider as h, Tooltip as T, TooltipTrigger as N, TooltipContent as y } from "../tooltip/tooltip.js";
+import { TooltipProvider as T, Tooltip as y, TooltipTrigger as N, TooltipContent as v } from "../tooltip/tooltip.js";
 import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
-const v = n("w-full caption-bottom", {
+const w = n("w-full caption-bottom", {
   variants: {
     size: {
       sm: "text-xs",
@@ -22,63 +22,63 @@ const v = n("w-full caption-bottom", {
   defaultVariants: {
     size: "default"
   }
-}), w = i.forwardRef(
-  ({ className: t, size: a, wrapperClassName: e, ...l }, s) => /* @__PURE__ */ r(
+}), R = l.forwardRef(
+  ({ className: a, size: e, wrapperClassName: t, ...i }, s) => /* @__PURE__ */ r(
     "div",
     {
       className: o(
         "relative w-full overflow-auto rounded-lg border border-input bg-card",
-        e
+        t
       ),
       children: /* @__PURE__ */ r(
         "table",
         {
           ref: s,
-          className: o(v({ size: a, className: t })),
-          ...l
+          className: o(w({ size: e, className: a })),
+          ...i
         }
       )
     }
   )
 );
-w.displayName = "Table";
-const R = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
+R.displayName = "Table";
+const C = l.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "thead",
   {
-    ref: e,
+    ref: t,
     className: o(
       "[&_tr]:after:inset-x-0 [&_tr]:after:bg-input [&_tr]:hover:bg-transparent [&_tr]:hover:before:opacity-0",
-      t
+      a
     ),
-    ...a
+    ...e
   }
 ));
-R.displayName = "TableHeader";
-const z = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
+C.displayName = "TableHeader";
+const z = l.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "tbody",
   {
-    ref: e,
-    className: o("[&_tr:last-child]:after:hidden", t),
-    ...a
+    ref: t,
+    className: o("[&_tr:last-child]:after:hidden", a),
+    ...e
   }
 ));
 z.displayName = "TableBody";
-const C = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
+const H = l.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "tfoot",
   {
-    ref: e,
+    ref: t,
     className: o(
       "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-      t
+      a
     ),
-    ...a
+    ...e
   }
 ));
-C.displayName = "TableFooter";
-const H = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
+H.displayName = "TableFooter";
+const V = l.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "tr",
   {
-    ref: e,
+    ref: t,
     className: o(
       "relative isolate transition-colors data-[state=selected]:bg-muted",
       // Hover background with rounded corners
@@ -86,13 +86,13 @@ const H = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
       "hover:before:opacity-100",
       // Border line that doesn't extend to rounded corners
       "after:absolute after:bottom-0 after:inset-x-3 after:h-px after:bg-border",
-      t
+      a
     ),
-    ...a
+    ...e
   }
 ));
-H.displayName = "TableRow";
-const V = n(
+V.displayName = "TableRow";
+const _ = n(
   "border-b bg-muted/50 text-left align-middle font-medium text-muted-foreground border-input",
   {
     variants: {
@@ -106,18 +106,18 @@ const V = n(
       size: "default"
     }
   }
-), f = i.forwardRef(
-  ({ className: t, size: a, ...e }, l) => /* @__PURE__ */ r(
+), m = l.forwardRef(
+  ({ className: a, size: e, ...t }, i) => /* @__PURE__ */ r(
     "th",
     {
-      ref: l,
-      className: o(V({ size: a, className: t })),
-      ...e
+      ref: i,
+      className: o(_({ size: e, className: a })),
+      ...t
     }
   )
 );
-f.displayName = "TableHead";
-const _ = n("align-middle", {
+m.displayName = "TableHead";
+const B = n("align-middle", {
   variants: {
     size: {
       sm: "p-1",
@@ -128,37 +128,37 @@ const _ = n("align-middle", {
   defaultVariants: {
     size: "default"
   }
-}), B = i.forwardRef(
-  ({ className: t, size: a, ...e }, l) => /* @__PURE__ */ r(
+}), F = l.forwardRef(
+  ({ className: a, size: e, ...t }, i) => /* @__PURE__ */ r(
     "td",
     {
-      ref: l,
-      className: o(_({ size: a, className: t })),
-      ...e
+      ref: i,
+      className: o(B({ size: e, className: a })),
+      ...t
     }
   )
 );
-B.displayName = "TableCell";
-const F = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
+F.displayName = "TableCell";
+const j = l.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "caption",
   {
-    ref: e,
-    className: o("mt-4 text-sm text-muted-foreground", t),
-    ...a
+    ref: t,
+    className: o("mt-4 text-sm text-muted-foreground", a),
+    ...e
   }
 ));
-F.displayName = "TableCaption";
-const S = i.forwardRef(
+j.displayName = "TableCaption";
+const D = l.forwardRef(
   ({
-    title: t,
-    isSorted: a,
-    direction: e,
-    setSort: l,
+    title: a,
+    isSorted: e,
+    direction: t,
+    setSort: i,
     placement: s = "right",
-    children: m,
-    className: b,
-    ...c
-  }, p) => /* @__PURE__ */ r(f, { ref: p, className: b, ...c, children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ d(T, { delayDuration: 200, children: [
+    children: b,
+    className: c,
+    ...p
+  }, u) => /* @__PURE__ */ r(m, { ref: u, className: c, ...p, children: /* @__PURE__ */ r(T, { children: /* @__PURE__ */ d(y, { delayDuration: 200, children: [
     /* @__PURE__ */ r(N, { asChild: !0, children: /* @__PURE__ */ d(
       "div",
       {
@@ -166,24 +166,20 @@ const S = i.forwardRef(
           "group flex items-center gap-1 w-fit cursor-pointer hover:text-foreground",
           s === "left" ? "flex-row-reverse" : "flex-row"
         ),
-        onClick: () => l(e === "asc" ? "desc" : "asc"),
+        onClick: () => i(t === "asc" ? "desc" : "asc"),
         children: [
-          m,
+          b,
           /* @__PURE__ */ r(
-            u,
+            g,
             {
               variant: "text",
               size: "auto",
-              className: a ? void 0 : "opacity-0 group-hover:opacity-100",
+              className: e ? void 0 : "opacity-0 group-hover:opacity-100",
               children: /* @__PURE__ */ r(
-                x,
+                h,
                 {
-                  icon: g,
-                  className: o(
-                    "size-4",
-                    e === "desc" ? "rotate-180" : "",
-                    "transition-transform duration-200 ease-in-out"
-                  )
+                  icon: e ? t === "asc" ? x : f : f,
+                  className: "size-3 text-muted-foreground transition-opacity duration-200"
                 }
               )
             }
@@ -191,24 +187,24 @@ const S = i.forwardRef(
         ]
       }
     ) }),
-    /* @__PURE__ */ d(y, { side: "top", children: [
+    /* @__PURE__ */ d(v, { side: "top", children: [
       "Sort by ",
-      t
+      a
     ] })
   ] }) }) })
 );
-S.displayName = "SortingTableHead";
+D.displayName = "SortingTableHead";
 export {
-  S as SortingTableHead,
-  w as Table,
+  D as SortingTableHead,
+  R as Table,
   z as TableBody,
-  F as TableCaption,
-  B as TableCell,
-  C as TableFooter,
-  f as TableHead,
-  R as TableHeader,
-  H as TableRow,
-  _ as tableCellVariants,
-  V as tableHeadVariants,
-  v as tableVariants
+  j as TableCaption,
+  F as TableCell,
+  H as TableFooter,
+  m as TableHead,
+  C as TableHeader,
+  V as TableRow,
+  B as tableCellVariants,
+  _ as tableHeadVariants,
+  w as tableVariants
 };

package/dist/types/components/auth/connect-required.d.ts

@@ -28,5 +28,6 @@ import { TabButtonProps } from '../buttons';
 export interface ConnectRequiredProps extends TabButtonProps {
     owner?: Address;
     children: ReactNode;
+    hideConnectButton?: boolean;
 }
-export declare function ConnectRequired({ children, owner, ...customProps }: ConnectRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function ConnectRequired({ children, owner, hideConnectButton, ...customProps }: ConnectRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/types/components/table/table.d.ts

@@ -116,7 +116,7 @@ export interface SortTableHeadProps extends React.ThHTMLAttributes<HTMLTableCell
  * - All standard HTML th props are supported (className, etc.).
  *
  * Note: Clicking the header toggles sort direction (asc ↔ desc).
- * Sort indicator (ArrowDown icon) is always visible when sorted, hidden when not sorted or hovered.
+ * Sort indicator (caret up/down, same as HeadCell) is visible when sorted or on header hover.
  * Includes tooltip showing "Sort by {title}" on hover.
  *
  * Do NOT use SortingTableHead:

package/package.json

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