@gearbox-protocol/permissionless-ui 1.26.11-next.7 → 1.27.0

package/dist/esm/components/table/editable-grid-table.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { IconExternal as x } from "@gearbox-protocol/static";
 import "connectkit";
 import "wagmi";
@@ -13,7 +13,6 @@ import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { TabButton as u } from "../buttons/tab-button/tab-button.js";
@@ -22,19 +21,19 @@ import "viem/siwe";
 import { TokenIcon as v } from "../token-icon/token-icon.js";
 import { GridTableCell as h, GridTable as N } from "./grid-table.js";
 import { UpdatedValue as C } from "./updated-value.js";
-function M({
-  assetAddress: n,
+function K({
+  assetAddress: o,
   symbol: i,
-  iconSymbol: m,
+  iconSymbol: s,
   comment: l,
   explorerUrl: r,
-  span: o = 1
+  span: d = 1
 }) {
-  return /* @__PURE__ */ e(h, { span: o, children: /* @__PURE__ */ d("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ e(v, { symbol: m ?? i, size: 24 }),
-    /* @__PURE__ */ d("div", { className: "flex items-center gap-1", children: [
+  return /* @__PURE__ */ e(h, { span: d, children: /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ e(v, { symbol: s ?? i, size: 24 }),
+    /* @__PURE__ */ n("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ e("div", { className: "font-medium", children: i }),
-      l && /* @__PURE__ */ d("div", { className: "text-md text-muted-foreground", children: [
+      l && /* @__PURE__ */ n("div", { className: "text-md text-muted-foreground", children: [
         "(",
         l,
         ")"
@@ -45,22 +44,22 @@ function M({
           variant: "ghost",
           size: "sm",
           className: "text-muted-foreground hover:text-foreground p-0 h-auto",
-          onClick: () => window.open(`${r}/address/${n}`, "_blank"),
+          onClick: () => window.open(`${r}/address/${o}`, "_blank"),
           children: /* @__PURE__ */ e(x, { size: 12, className: "size-3" })
         }
       )
     ] })
   ] }) });
 }
-function O({
-  oldValue: n,
+function M({
+  oldValue: o,
   newValue: i,
-  onEdit: m,
+  onEdit: s,
   isEditable: l = !0,
   className: r,
-  align: o = "right",
+  align: d = "right",
   customButton: a,
-  postfix: s,
+  postfix: m,
   disabled: c,
   nowrap: p,
   span: t = 1
@@ -69,43 +68,43 @@ function O({
     left: "justify-start",
     right: "justify-end",
     center: "justify-center"
-  }[o];
-  return /* @__PURE__ */ e(h, { span: t, className: r, children: /* @__PURE__ */ e("div", { className: `flex ${f} w-full text-${o}`, children: /* @__PURE__ */ e(
+  }[d];
+  return /* @__PURE__ */ e(h, { span: t, className: r, children: /* @__PURE__ */ e("div", { className: `flex ${f} w-full text-${d}`, children: /* @__PURE__ */ e(
     C,
     {
-      oldValue: n,
+      oldValue: o,
       newValue: i,
-      onEdit: m,
+      onEdit: s,
       isEditable: l,
       customButton: a,
-      postfix: s,
+      postfix: m,
       disabled: c,
       nowrap: p
     }
   ) }) });
 }
-function P({
-  title: n,
+function O({
+  title: o,
   onNew: i,
-  newButtonText: m = "New",
+  newButtonText: s = "New",
   buttonLoadingText: l = "Adding...",
   isLoading: r,
-  actions: o,
+  actions: d,
   children: a,
-  disabled: s = !1,
+  disabled: m = !1,
   skipSignIn: c = !0,
   cols: p = 12
 }) {
-  return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ d("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ e("h2", { className: "text-2xl font-bold", children: n }),
-      /* @__PURE__ */ e(b, { skipSignIn: c, variant: "pink", size: "sm", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
-        i && /* @__PURE__ */ e(u, { onClick: i, disabled: r || s, children: r ? l : m }),
-        o?.map((t, f) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ n("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ e("h2", { className: "text-2xl font-bold", children: o }),
+      /* @__PURE__ */ e(b, { skipSignIn: c, variant: "pink", size: "sm", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+        i && /* @__PURE__ */ e(u, { onClick: i, disabled: r || m, children: r ? l : s }),
+        d?.map((t, f) => /* @__PURE__ */ e(
           u,
           {
             onClick: t.onClick,
-            disabled: t.isLoading || s,
+            disabled: t.isLoading || m,
             children: t.isLoading ? t.loadingText || "Loading..." : t.text
           },
           f
@@ -116,7 +115,7 @@ function P({
   ] });
 }
 export {
-  M as GridTableCellAsset,
-  O as GridTableCellUpdatable,
-  P as GridTableEditable
+  K as GridTableCellAsset,
+  M as GridTableCellUpdatable,
+  O as GridTableEditable
 };

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

@@ -12,7 +12,6 @@ import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { TabButton as f } from "../buttons/tab-button/tab-button.js";
@@ -21,7 +20,7 @@ import "viem/siwe";
 import { TokenIcon as b } from "../token-icon/token-icon.js";
 import { TableCell as u, Table as g } from "./table.js";
 import { UpdatedValue as v } from "./updated-value.js";
-function J({
+function H({
   assetAddress: n,
   symbol: t,
   iconSymbol: s,
@@ -41,15 +40,15 @@ function J({
     ] })
   ] }) });
 }
-function K({
+function J({
   oldValue: n,
   newValue: t,
   onEdit: s,
   isEditable: l = !0,
   className: i,
-  align: o = "right",
+  align: d = "right",
   customButton: a,
-  postfix: d,
+  postfix: o,
   disabled: c,
   nowrap: r
 }) {
@@ -57,8 +56,8 @@ function K({
     left: "justify-start",
     right: "justify-end",
     center: "justify-center"
-  }[o];
-  return /* @__PURE__ */ e(u, { className: i, children: /* @__PURE__ */ e("div", { className: `flex ${p} w-full text-${o}`, children: /* @__PURE__ */ e(
+  }[d];
+  return /* @__PURE__ */ e(u, { className: i, children: /* @__PURE__ */ e("div", { className: `flex ${p} w-full text-${d}`, children: /* @__PURE__ */ e(
     v,
     {
       oldValue: n,
@@ -66,33 +65,33 @@ function K({
       onEdit: s,
       isEditable: l,
       customButton: a,
-      postfix: d,
+      postfix: o,
       disabled: c,
       nowrap: r
     }
   ) }) });
 }
-function M({
+function K({
   title: n,
   onNew: t,
   newButtonText: s = "New",
   buttonLoadingText: l = "Adding...",
   isLoading: i,
-  actions: o,
+  actions: d,
   children: a,
-  disabled: d = !1,
+  disabled: o = !1,
   skipSignIn: c = !0
 }) {
   return /* @__PURE__ */ m("div", { className: "space-y-4", children: [
     /* @__PURE__ */ m("div", { className: "flex justify-between items-center", children: [
       /* @__PURE__ */ e("h2", { className: "text-2xl font-bold", children: n }),
       /* @__PURE__ */ e(x, { skipSignIn: c, variant: "pink", size: "sm", children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-        t && /* @__PURE__ */ e(f, { onClick: t, disabled: i || d, children: i ? l : s }),
-        o?.map((r, p) => /* @__PURE__ */ e(
+        t && /* @__PURE__ */ e(f, { onClick: t, disabled: i || o, children: i ? l : s }),
+        d?.map((r, p) => /* @__PURE__ */ e(
           f,
           {
             onClick: r.onClick,
-            disabled: r.isLoading || d,
+            disabled: r.isLoading || o,
             children: r.isLoading ? r.loadingText || "Loading..." : r.text
           },
           p
@@ -103,7 +102,7 @@ function M({
   ] });
 }
 export {
-  J as TableCellAsset,
-  K as TableCellUpdatable,
-  M as TableEditable
+  H as TableCellAsset,
+  J as TableCellUpdatable,
+  K as TableEditable
 };

package/dist/esm/components/table/grid-loading-line.js

@@ -2,41 +2,40 @@ import { jsx as r } from "react/jsx-runtime";
 import { Skeleton as l } from "../skeleton/skeleton.js";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as e } from "../../utils/cn.js";
+import { cn as t } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-function v({
-  height: i = "70px",
-  columns: t = 6,
+function u({
+  height: e = "70px",
+  columns: i = 6,
   cellClassName: o,
   last: m,
   className: n,
-  ...p
+  ...d
 }) {
   return /* @__PURE__ */ r(
     "div",
     {
-      className: e("contents", n),
-      style: { minHeight: i },
-      ...p,
-      children: Array.from({ length: t }, (s, d) => /* @__PURE__ */ r(
+      className: t("contents", n),
+      style: { minHeight: e },
+      ...d,
+      children: Array.from({ length: i }, (s, p) => /* @__PURE__ */ r(
         "div",
         {
-          className: e(
+          className: t(
             "flex items-center",
             !m && "border-b border-border",
             o || "p-4"
           ),
-          style: { minHeight: i },
+          style: { minHeight: e },
           children: /* @__PURE__ */ r(l, { width: "full", height: "md" })
         },
-        `${d}-${t}`
+        `${p}-${i}`
       ))
     }
   );
 }
 export {
-  v as GridLoadingLine
+  u as GridLoadingLine
 };

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

@@ -1,33 +1,32 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { jsxs as i, 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 y({
-  title: r,
-  className: o,
-  children: e,
-  ...m
+function j({
+  title: s,
+  className: e,
+  children: o,
+  ...l
 }) {
-  return /* @__PURE__ */ i("div", { className: t("flex flex-col gap-1", o), ...m, children: [
-    r && /* @__PURE__ */ s("div", { className: "text-xs text-muted-foreground font-medium uppercase", children: r }),
-    /* @__PURE__ */ s("div", { className: "text-sm", children: e })
+  return /* @__PURE__ */ i("div", { className: t("flex flex-col gap-1", e), ...l, children: [
+    s && /* @__PURE__ */ r("div", { className: "text-xs text-muted-foreground font-medium uppercase", children: s }),
+    /* @__PURE__ */ r("div", { className: "text-sm", children: o })
   ] });
 }
-function L({
-  title: r,
-  columnsXs: o = 1,
-  columnsSm: e,
-  columnsMd: m,
+function y({
+  title: s,
+  columnsXs: e = 1,
+  columnsSm: o,
+  columnsMd: l,
   columns: a,
   className: n,
   children: p,
   ...x
 }) {
-  const l = o, c = e ?? l, d = m ?? c, g = a ?? d;
+  const m = e, c = o ?? m, d = l ?? c, g = a ?? d;
   return /* @__PURE__ */ i(
     "div",
     {
@@ -37,13 +36,13 @@ function L({
       ),
       ...x,
       children: [
-        r && /* @__PURE__ */ s("div", { className: "font-medium mb-2", children: r }),
-        /* @__PURE__ */ s(
+        s && /* @__PURE__ */ r("div", { className: "font-medium mb-2", children: s }),
+        /* @__PURE__ */ r(
           "div",
           {
             className: "grid gap-2 md:gap-4 table-sm-grid",
             style: {
-              "--grid-cols-xs": l,
+              "--grid-cols-xs": m,
               "--grid-cols-sm": c,
               "--grid-cols-md": d,
               "--grid-cols-lg": g
@@ -56,6 +55,6 @@ function L({
   );
 }
 export {
-  y as TableCellSm,
-  L as TableLineSm
+  j as TableCellSm,
+  y as TableLineSm
 };

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

@@ -8,7 +8,6 @@ import { TooltipProvider as N, Tooltip as v, TooltipTrigger as w, TooltipContent
 import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const C = d("w-full caption-bottom", {

package/dist/esm/components/tabs/tabs.js

@@ -1,13 +1,12 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-tabs";
-import * as a from "react";
+import * as i from "react";
 import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const v = e.Root, n = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ i(
+const u = e.Root, n = i.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ a(
   e.List,
   {
     ref: o,
@@ -19,7 +18,7 @@ const v = e.Root, n = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ *
   }
 ));
 n.displayName = e.List.displayName;
-const d = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ i(
+const d = i.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ a(
   e.Trigger,
   {
     ref: o,
@@ -31,7 +30,7 @@ const d = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ i(
   }
 ));
 d.displayName = e.Trigger.displayName;
-const f = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ i(
+const f = i.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ a(
   e.Content,
   {
     ref: o,
@@ -44,7 +43,7 @@ const f = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ i(
 ));
 f.displayName = e.Content.displayName;
 export {
-  v as Tabs,
+  u as Tabs,
   f as TabsContent,
   n as TabsList,
   d as TabsTrigger

package/dist/esm/components/text-button/text-button.js

@@ -4,7 +4,6 @@ import * as g from "react";
 import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const f = n("", {
@@ -57,14 +56,14 @@ const f = n("", {
     className: b,
     disabled: r,
     ...d
-  }, i) => {
-    const c = a === "a", p = o(
+  }, c) => {
+    const i = a === "a", p = o(
       "group inline-block p-0 leading-[100%] font-normal bg-transparent border-none cursor-pointer transition-colors",
       w({ size: h, width: x }),
-      !c && f({ buttonColor: t }),
+      !i && f({ buttonColor: t }),
       r && "text-gray-110 cursor-default [&_svg]:text-gray-110",
       b
-    ), l = c ? o(f({ buttonColor: t }), r && "text-gray-110") : null, m = /* @__PURE__ */ v(D, { children: [
+    ), l = i ? o(f({ buttonColor: t }), r && "text-gray-110") : null, u = /* @__PURE__ */ v(D, { children: [
       /* @__PURE__ */ e(
         "span",
         {
@@ -86,21 +85,21 @@ const f = n("", {
           children: s
         }
       )
-    ] }), u = l ? /* @__PURE__ */ e("span", { className: l, children: m }) : m;
+    ] }), m = l ? /* @__PURE__ */ e("span", { className: l, children: u }) : u;
     return a === "button" ? /* @__PURE__ */ e(
       "button",
       {
-        ref: i,
+        ref: c,
         type: "button",
         className: p,
         disabled: r,
         ...d,
-        children: u
+        children: m
       }
     ) : g.createElement(
       a,
-      { ref: i, className: p, ...d },
-      u
+      { ref: c, className: p, ...d },
+      m
     );
   }
 );

package/dist/esm/components/textarea/textarea.js

@@ -4,7 +4,6 @@ import * as s from "react";
 import "@gearbox-protocol/sdk";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const d = l(

package/dist/esm/components/time-to-liquidation/time-to-liquidation.js

@@ -4,7 +4,6 @@ import { useMemo as a } from "react";
 import "@gearbox-protocol/sdk";
 import { cn as f } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import { ttlLeft as h } from "../../utils/ttl.js";
 import "../../utils/z-index.js";
 import "../accordion/accordion.js";

package/dist/esm/components/tip-card/tip-card.js

@@ -4,7 +4,6 @@ import * as f from "react";
 import "@gearbox-protocol/sdk";
 import { cn as e } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const p = t("rounded-lg p-5 text-sm", {
@@ -75,8 +74,8 @@ const p = t("rounded-lg p-5 text-sm", {
     backgroundColor: a,
     borderColor: n = a === "dark" ? "dark" : "light",
     attributeColor: r,
-    children: i,
-    ...b
+    children: b,
+    ...i
   }, d) => /* @__PURE__ */ s(
     "div",
     {
@@ -90,7 +89,7 @@ const p = t("rounded-lg p-5 text-sm", {
         }),
         o
       ),
-      ...b,
+      ...i,
       children: [
         r && /* @__PURE__ */ l(
           "div",
@@ -102,7 +101,7 @@ const p = t("rounded-lg p-5 text-sm", {
             )
           }
         ),
-        i
+        b
       ]
     }
   )

package/dist/esm/components/toggle/toggle.js

@@ -4,7 +4,6 @@ import * as s from "react";
 import "@gearbox-protocol/sdk";
 import { cn as l } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const c = f(

package/dist/esm/components/token-symbol/token-symbol.js

@@ -9,7 +9,6 @@ import "../tooltip/tooltip.js";
 import "@gearbox-protocol/sdk";
 import { cn as I } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import { getNetworkIcon as T } from "../../utils/network-icons.js";
 import "luxon";
 import "../../utils/z-index.js";
@@ -37,8 +36,8 @@ const z = x.forwardRef(
   ({
     className: r,
     marginSize: d = "lg",
-    token: m,
-    title: n,
+    token: n,
+    title: m,
     size: a = 24,
     showSymbol: f = !1,
     showIcon: p = !0,
@@ -48,7 +47,7 @@ const z = x.forwardRef(
     network: i,
     ...u
   }, h) => {
-    const o = _(m), v = n || j(m), s = () => i ? /* @__PURE__ */ t("div", { className: "relative", children: [
+    const o = _(n), v = m || j(n), s = () => i ? /* @__PURE__ */ t("div", { className: "relative", children: [
       /* @__PURE__ */ e(
         c,
         {
@@ -89,7 +88,7 @@ const z = x.forwardRef(
             "Network: ",
             i
           ] }) : s()),
-          (n || f) && /* @__PURE__ */ t("div", { className: "flex items-center gap-1 self-center", children: [
+          (m || f) && /* @__PURE__ */ t("div", { className: "flex items-center gap-1 self-center", children: [
             /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(S, { maxLength: g, children: v }) }),
             l && /* @__PURE__ */ t("div", { className: "text-md text-muted-foreground leading-tight", children: [
               "(",

package/dist/esm/components/token-template/token-template.js

@@ -5,13 +5,12 @@ import "clsx";
 import "tailwind-merge";
 import "sonner";
 import "@gearbox-protocol/sdk";
-import "@gearbox-protocol/sdk/common-utils";
-import { negativeTokenTemplate as V, tokenTemplateString as q } from "../../utils/templates.js";
+import { negativeTokenTemplate as P, tokenTemplateString as V } from "../../utils/templates.js";
 import "luxon";
 import "../../utils/z-index.js";
 import { FormattedNumberString as d } from "../formatted-number/formatted-number.js";
 import { ShortString as g } from "../short-string/short-string.js";
-function I({
+function F({
   value: r,
   token: e,
   precision: m,
@@ -29,7 +28,7 @@ function I({
   ] });
 }
 export {
-  I as TokenTemplate,
-  V as negativeTokenTemplate,
-  q as tokenTemplateString
+  F as TokenTemplate,
+  P as negativeTokenTemplate,
+  V as tokenTemplateString
 };

package/dist/esm/components/tokens-list-cell/tokens-list-cell.js

@@ -6,7 +6,6 @@ import { TooltipProvider as y, Tooltip as T, TooltipTrigger as k, TooltipContent
 import "@gearbox-protocol/sdk";
 import { cn as v } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import "../accordion/accordion.js";
@@ -158,7 +157,7 @@ import "../tip-card/tip-card.js";
 import "../toggle/toggle.js";
 import "../typography/typography.js";
 import "../with-filter-button/with-filter-button.js";
-function zr({
+function Mr({
   balances: a,
   tokensList: l,
   maxAssets: p = 3,
@@ -221,5 +220,5 @@ function zr({
   ] });
 }
 export {
-  zr as TokensListCell
+  Mr as TokensListCell
 };

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

@@ -4,7 +4,6 @@ import * as e from "react";
 import "@gearbox-protocol/sdk";
 import { cn as k } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import { Z_INDEX as J } from "../../utils/z-index.js";
 const L = e.createContext({ lockParent: () => {

package/dist/esm/components/tooltip/tooltip.js

@@ -4,10 +4,9 @@ import * as a from "react";
 import "@gearbox-protocol/sdk";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import { Z_INDEX as s } from "../../utils/z-index.js";
-const v = o.Provider, x = o.Root, h = o.Trigger, p = a.forwardRef(({ className: e, sideOffset: r = 4, ...i }, d) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
+const b = o.Provider, v = o.Root, x = o.Trigger, n = a.forwardRef(({ className: e, sideOffset: r = 4, ...i }, d) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
   o.Content,
   {
     ref: d,
@@ -20,10 +19,10 @@ const v = o.Provider, x = o.Root, h = o.Trigger, p = a.forwardRef(({ className:
     ...i
   }
 ) }));
-p.displayName = o.Content.displayName;
+n.displayName = o.Content.displayName;
 export {
-  x as Tooltip,
-  p as TooltipContent,
-  v as TooltipProvider,
-  h as TooltipTrigger
+  v as Tooltip,
+  n as TooltipContent,
+  b as TooltipProvider,
+  x as TooltipTrigger
 };