@gearbox-protocol/ui-kit 4.0.0-next.60 → 4.0.0-next.61

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

@@ -1,19 +1,18 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { IconPending as a } from "@gearbox-protocol/static";
+import { IconPending as i } from "@gearbox-protocol/static";
 import * as m from "react";
 import { FormattedMessageTyped as s } from "../typed-intl/index.js";
+import { cn as n } from "../../utils/cn.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as t } from "../../utils/cn.js";
-import "luxon";
 import "../../utils/z-index.js";
-const n = m.forwardRef(function({ className: o }, i) {
+const t = m.forwardRef(function({ className: o }, a) {
   return /* @__PURE__ */ r(
     "div",
     {
-      ref: i,
-      className: t("flex flex-wrap justify-center items-center", o),
+      ref: a,
+      className: n("flex flex-wrap justify-center items-center", o),
       children: [
-        /* @__PURE__ */ e("div", { className: "mr-2 overflow-hidden", children: /* @__PURE__ */ e(a, { size: 24, className: "animate-spin" }) }),
+        /* @__PURE__ */ e("div", { className: "mr-2 overflow-hidden", children: /* @__PURE__ */ e(i, { size: 24, className: "animate-spin" }) }),
         /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
           /* @__PURE__ */ e(s, { messageId: "components.loading.loading" }),
           "..."
@@ -22,7 +21,7 @@ const n = m.forwardRef(function({ className: o }, i) {
     }
   );
 });
-n.displayName = "Loader";
+t.displayName = "Loader";
 export {
-  n as Loader
+  t as Loader
 };

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

@@ -1,20 +1,20 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Modal as c } from "../modal/modal.js";
-import { SpinnerLoader as p } from "../spinner-loader/spinner-loader.js";
-import { useIntlTyped as g } from "../typed-intl/index.js";
-import { loadingProgress as x } from "../../utils/loading.js";
+import { loadingProgress as c } from "./loading-progress.js";
+import { Modal as p } from "../modal/modal.js";
+import { SpinnerLoader as g } from "../spinner-loader/spinner-loader.js";
+import { useIntlTyped as x } from "../typed-intl/index.js";
 function f({
   data: s,
-  loadingFunction: a = x,
+  loadingFunction: a = c,
   message: d,
   subMessage: i
 }) {
-  const { formatMessage: n } = g(), o = s.length === 0 ? 0 : a(s), l = Number.isFinite(o) ? o : 0, m = d ?? n(
+  const { formatMessage: n } = x(), o = s.length === 0 ? 0 : a(s), l = Number.isFinite(o) ? o : 0, m = d ?? n(
     { messageId: "components.loading.loadingPercent" },
     { percent: l }
   ), r = i ?? n({ messageId: "components.loading.wait" });
-  return /* @__PURE__ */ e(c, { show: !0, xsCentered: !0, zIndexLayer: "LOADING", children: /* @__PURE__ */ t("div", { className: "flex min-h-[120px] w-[250px] flex-col items-center justify-center rounded-md bg-gray-10 p-[16px] text-center", children: [
-    /* @__PURE__ */ e("div", { className: "mb-5", children: /* @__PURE__ */ e(p, {}) }),
+  return /* @__PURE__ */ e(p, { show: !0, xsCentered: !0, zIndexLayer: "LOADING", children: /* @__PURE__ */ t("div", { className: "flex min-h-[120px] w-[250px] flex-col items-center justify-center rounded-md bg-gray-10 p-[16px] text-center", children: [
+    /* @__PURE__ */ e("div", { className: "mb-5", children: /* @__PURE__ */ e(g, {}) }),
     /* @__PURE__ */ t("div", { className: "flex w-full flex-col gap-0", children: [
       /* @__PURE__ */ e("span", { className: "text-sm text-foreground", children: m }),
       r !== "" && /* @__PURE__ */ e("span", { className: "text-sm text-secondary-foreground", children: r })

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

@@ -2,9 +2,8 @@ import { jsx as t } from "react/jsx-runtime";
 import { memo as s } from "react";
 import a from "react-markdown";
 import l from "remark-gfm";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as d } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
 const n = {
   h1: ({ children: e }) => /* @__PURE__ */ t("h1", { className: "mb-2 mt-3 text-base font-semibold text-foreground first:mt-0", children: e }),
@@ -33,6 +32,8 @@ const n = {
   pre: ({ children: e }) => /* @__PURE__ */ t("pre", { className: "mb-2 overflow-x-auto rounded-md border border-border bg-muted/60 p-2 text-xs last:mb-0", children: e }),
   blockquote: ({ children: e }) => /* @__PURE__ */ t("blockquote", { className: "mb-2 border-l-2 border-border pl-3 text-sm text-muted-foreground last:mb-0", children: e }),
   hr: () => /* @__PURE__ */ t("hr", { className: "my-3 border-border" }),
+  // GFM tables (enabled via remark-gfm). Wrap in a horizontal scroller so wide
+  // tables don't overflow the chat bubble.
   table: ({ children: e }) => /* @__PURE__ */ t("div", { className: "mb-2 overflow-x-auto last:mb-0", children: /* @__PURE__ */ t("table", { className: "w-full border-collapse text-sm text-foreground", children: e }) }),
   thead: ({ children: e }) => /* @__PURE__ */ t("thead", { children: e }),
   tbody: ({ children: e }) => /* @__PURE__ */ t("tbody", { children: e }),
@@ -44,7 +45,7 @@ function c(e) {
   const o = /(?<![\]([<])(https?:\/\/[^\s<>()[\]]+[^\s<>()[\].,;:!?'"])/g;
   return e.replace(o, (r) => `[${r}](${r})`);
 }
-const h = s(function({
+const N = s(function({
   content: o,
   className: r
 }) {
@@ -59,5 +60,5 @@ const h = s(function({
   ) });
 });
 export {
-  h as MarkdownText
+  N as MarkdownText
 };

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

@@ -1,24 +1,21 @@
 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 { cva as k } from "class-variance-authority";
 import * as s from "react";
-import { useIsMobile as M } from "../../hooks/use-media-query.js";
+import { useIsMobile as D } from "../../hooks/use-media-query.js";
+import { cn as r } from "../../utils/cn.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as o } from "../../utils/cn.js";
-import "luxon";
-import { Z_INDEX as O, Z_INDEX_VALUES as N } from "../../utils/z-index.js";
+import { Z_INDEX as N } from "../../utils/z-index.js";
+import { Z_INDEX_VALUES as O } from "../../utils/internal/z-index-values.js";
 const u = "gb-modal-open";
 let n = 0;
-const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] before:opacity-40", L = D("", {
+const _ = k("", {
   variants: {
     colorTheme: {
       default: "bg-black/30",
-      dark: "bg-black",
       "dark-transparent": "bg-black/85"
     },
     backdrop: {
-      success: `${b} before:bg-[linear-gradient(180deg,rgba(146,255,176,0.85)_0%,rgba(146,255,176,0)_50%)]`,
-      failure: `${b} before:bg-[linear-gradient(180deg,rgba(255,61,64,0.85)_0%,rgba(255,61,64,0)_50%)]`,
       default: ""
     }
   },
@@ -26,40 +23,40 @@ const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
     colorTheme: "default",
     backdrop: "default"
   }
-}), w = s.forwardRef(
+}), L = s.forwardRef(
   ({
-    show: r = !0,
-    colorTheme: g = "default",
-    backdrop: p = "default",
-    xsCentered: v = !1,
+    show: o = !0,
+    colorTheme: p = "default",
+    backdrop: g = "default",
+    xsCentered: b = !1,
     onClickOutside: i,
-    zIndexLayer: c = "MODAL",
-    className: x,
-    children: y,
+    zIndexLayer: d = "MODAL",
+    className: v,
+    children: x,
     ...h
-  }, C) => {
-    const _ = M(), d = O[c], f = { zIndex: N[c] };
+  }, y) => {
+    const C = D(), c = N[d], f = { zIndex: O[d] };
     s.useEffect(() => {
-      if (!(typeof document > "u") && r)
+      if (!(typeof document > "u") && o)
         return n += 1, document.body.classList.add(u), () => {
           n = Math.max(0, n - 1), n === 0 && document.body.classList.remove(u);
         };
-    }, [r]);
+    }, [o]);
     const l = s.useCallback(
       (e) => {
         e || i?.();
       },
       [i]
     );
-    return r ? /* @__PURE__ */ t(a.Root, { open: r, onOpenChange: l, modal: !0, children: /* @__PURE__ */ m(a.Portal, { children: [
+    return o ? /* @__PURE__ */ t(a.Root, { open: o, onOpenChange: l, modal: !0, children: /* @__PURE__ */ m(a.Portal, { children: [
       /* @__PURE__ */ t(
         a.Overlay,
         {
-          className: o(
+          className: r(
             "fixed inset-0",
             "pointer-events-auto",
-            d,
-            L({ colorTheme: g, backdrop: p })
+            c,
+            _({ colorTheme: p, backdrop: g })
           ),
           style: f
         }
@@ -67,7 +64,7 @@ const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
       /* @__PURE__ */ t(
         a.Content,
         {
-          className: o("fixed inset-0", "overflow-y-auto", d),
+          className: r("fixed inset-0", "overflow-y-auto", c),
           style: f,
           onPointerDownOutside: (e) => {
             e.detail.originalEvent.target?.closest?.(
@@ -85,7 +82,7 @@ const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
           children: /* @__PURE__ */ t(
             "div",
             {
-              className: o(
+              className: r(
                 "min-h-full",
                 "flex flex-col justify-center items-center",
                 "animate-[modalContentShow_225ms_cubic-bezier(0.4,0,0.2,1)]"
@@ -97,19 +94,19 @@ const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
               children: /* @__PURE__ */ m(
                 "div",
                 {
-                  ref: C,
-                  className: o(
+                  ref: y,
+                  className: r(
                     "relative",
                     "w-full sm:w-auto",
                     "m-auto py-0 px-0 sm:py-5",
-                    _ && "w-full",
-                    v && "min-h-screen flex flex-nowrap items-center justify-center sm:min-h-0 sm:block",
-                    x
+                    C && "w-full",
+                    b && "min-h-screen flex flex-nowrap items-center justify-center sm:min-h-0 sm:block",
+                    v
                   ),
                   ...h,
                   children: [
                     /* @__PURE__ */ t(a.Title, { className: "sr-only", children: "Modal Window" }),
-                    y
+                    x
                   ]
                 }
               )
@@ -120,7 +117,7 @@ const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
     ] }) }) : null;
   }
 );
-w.displayName = "Modal";
+L.displayName = "Modal";
 export {
-  w as Modal
+  L as Modal
 };

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

@@ -1,30 +1,29 @@
 import { jsx as a } from "react/jsx-runtime";
+import { cn as c } from "../../utils/cn.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as m } from "../../utils/cn.js";
-import "luxon";
 import "../../utils/z-index.js";
-function s({
+function p({
   size: o,
   className: t,
   style: i,
-  ...r
+  ...n
 }) {
-  const n = o ? { width: o, height: o } : {};
+  const r = o ? { width: o, height: o } : {};
   return (
     // biome-ignore lint/performance/noImgElement: Universal component that works outside Next.js
     /* @__PURE__ */ a(
       "img",
       {
         alt: "Logo",
-        className: m("object-contain", t),
-        style: { ...n, ...i },
+        className: c("object-contain", t),
+        style: { ...r, ...i },
         loading: "lazy",
         decoding: "async",
-        ...r
+        ...n
       }
     )
   );
 }
 export {
-  s as NavBarLogo
+  p as NavBarLogo
 };

package/dist/esm/components/navigation-context/index.js

@@ -1,5 +1,4 @@
-import { NavigationProvider as o, useNavigationAdapter as r } from "./navigation-context.js";
+import { NavigationProvider as i } from "./navigation-provider.js";
 export {
-  o as NavigationProvider,
-  r as useNavigationAdapter
+  i as NavigationProvider
 };

package/dist/esm/components/navigation-context/navigation-context.js

@@ -1,36 +1,25 @@
 import { jsx as e } from "react/jsx-runtime";
-import * as t from "react";
-const i = t.createContext(null);
-function p({
-  Link: o,
-  useLocation: a,
-  useNavigate: n,
-  children: s
-}) {
-  const c = t.useMemo(
-    () => ({ Link: o, useLocation: a, useNavigate: n }),
-    [o, a, n]
-  );
-  return /* @__PURE__ */ e(i.Provider, { value: c, children: s });
-}
-const r = t.forwardRef(
-  ({ to: o, ...a }, n) => /* @__PURE__ */ e("a", { ref: n, href: o, ...a })
+import * as a from "react";
+const r = a.createContext(
+  null
+), n = a.forwardRef(
+  ({ to: o, ...i }, t) => /* @__PURE__ */ e("a", { ref: t, href: o, ...i })
 );
-r.displayName = "FallbackLink";
-const d = {
-  Link: r,
+n.displayName = "FallbackLink";
+const s = {
+  Link: n,
   useLocation: () => typeof window < "u" ? { hash: window.location.hash, pathname: window.location.pathname } : { hash: "", pathname: "/" },
   useNavigate: () => (o) => {
     typeof window < "u" && (window.location.href = o);
   }
 };
-function f() {
-  const o = t.useContext(i);
+function l() {
+  const o = a.useContext(r);
   return o || (process.env.NODE_ENV === "development" && console.warn(
     "NavigationProvider is missing. Wrap your app with <NavigationProvider> or <NextNavigationProvider> (from @gearbox-protocol/ui-kit/next). Falling back to plain <a> links."
-  ), d);
+  ), s);
 }
 export {
-  p as NavigationProvider,
-  f as useNavigationAdapter
+  r as NavigationContext,
+  l as useNavigationAdapter
 };

package/dist/esm/components/navigation-context/navigation-provider.js

@@ -0,0 +1,18 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as a from "react";
+import { NavigationContext as n } from "./navigation-context.js";
+function v({
+  Link: r,
+  useLocation: o,
+  useNavigate: t,
+  children: e
+}) {
+  const i = a.useMemo(
+    () => ({ Link: r, useLocation: o, useNavigate: t }),
+    [r, o, t]
+  );
+  return /* @__PURE__ */ m(n.Provider, { value: i, children: e });
+}
+export {
+  v as NavigationProvider
+};

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

@@ -2,7 +2,7 @@ import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { RoundedImage as i } from "../rounded-image/rounded-image.js";
 import { SimpleTooltip as d } from "../tooltip/simple-tooltip.js";
 import { cn as g } from "../../utils/cn.js";
-import { getStatic as r } from "../../utils/static.js";
+import { getStatic as r } from "../../utils/internal/static.js";
 const s = r("/chains/allnetworks.svg");
 function h(t) {
   return t ? r(`/chains/${t.toLowerCase()}.svg`) : s;

package/dist/esm/components/no-value/index.js

@@ -0,0 +1,4 @@
+import { NoValue as r } from "./no-value.js";
+export {
+  r as NoValue
+};

package/dist/esm/components/{base/values → no-value}/no-value.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { HelpTip as o } from "../../help-tip/help-tip.js";
-import { useIntlTyped as i } from "../../typed-intl/index.js";
-import { ValueTest as n } from "./constants.js";
+import { ValueTest as n } from "../base/values/constants.js";
+import { HelpTip as o } from "../help-tip/help-tip.js";
+import { useIntlTyped as i } from "../typed-intl/index.js";
 const c = "—";
 function u({ reason: r }) {
   const t = i();

package/dist/esm/components/points-icon/points-icon.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import * as f from "react";
 import { RoundedImage as l } from "../rounded-image/rounded-image.js";
-import { buildStaticUrl as d } from "../../utils/static.js";
+import { buildStaticUrl as d } from "../../utils/internal/static.js";
 const g = f.forwardRef(
   ({
     reward: t,

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

@@ -1,7 +1,6 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as o } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
 const a = {
   primary: "border-primary bg-primary",
@@ -10,7 +9,7 @@ const a = {
   blue: "border-blue-600 bg-blue-600",
   yellow: "border-yellow-600 bg-yellow-600"
 };
-function p({
+function h({
   size: e = 24,
   color: n = "primary",
   className: s,
@@ -71,5 +70,5 @@ function p({
   ] });
 }
 export {
-  p as PoolPointsIndicator
+  h as PoolPointsIndicator
 };

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

@@ -1,10 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-radio-group";
 import { cva as n } from "class-variance-authority";
-import * as s from "react";
+import * as t from "react";
+import { cn as s } from "../../utils/cn.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as t } from "../../utils/cn.js";
-import "luxon";
 import "../../utils/z-index.js";
 const l = n("", {
   variants: {
@@ -21,13 +20,13 @@ const l = n("", {
     size: "md",
     color: "primary"
   }
-}), c = s.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ i(r.Root, { ref: a, className: t(e), ...o }));
+}), c = t.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ i(r.Root, { ref: a, className: s(e), ...o }));
 c.displayName = r.Root.displayName;
-const p = s.forwardRef(({ className: e, color: o, size: a, ...d }, m) => /* @__PURE__ */ i(
+const p = t.forwardRef(({ className: e, color: o, size: a, ...d }, m) => /* @__PURE__ */ i(
   r.Item,
   {
     ref: m,
-    className: t(
+    className: s(
       "group relative shrink-0 rounded-full border shadow cursor-pointer transition-colors flex items-center justify-center",
       "data-[state=checked]:border-primary",
       "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
@@ -39,7 +38,7 @@ const p = s.forwardRef(({ className: e, color: o, size: a, ...d }, m) => /* @__P
     children: /* @__PURE__ */ i(
       r.Indicator,
       {
-        className: t(
+        className: s(
           "pointer-events-none flex items-center justify-center",
           "size-2 rounded-full bg-primary",
           "group-disabled:bg-gray-50"

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

@@ -1,11 +1,10 @@
 import { jsx as E } from "react/jsx-runtime";
 import * as k from "react";
-import { useState as d, useRef as l, useEffect as w } from "react";
-import "@gearbox-protocol/sdk/onchain";
+import { useState as i, useRef as l, useEffect as w } from "react";
 import { cn as N } from "../../utils/cn.js";
-import { getStatic as T } from "../../utils/static.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
+import { getStatic as T } from "../../utils/internal/static.js";
 const u = T("/tokens/default.svg"), m = /* @__PURE__ */ new Map();
 function f(t) {
   return m.get(t) ? u : t;
@@ -21,12 +20,12 @@ const U = k.forwardRef(
     fit: R = "cover",
     ...y
   }, r) => {
-    const [v, s] = d(void 0), [b, n] = d(!1), a = l(!1), i = l(null), I = (e) => {
-      i.current = e, typeof r == "function" ? r(e) : r && (r.current = e), e?.complete && e.naturalWidth > 0 && n(!0);
+    const [v, s] = i(void 0), [b, n] = i(!1), a = l(!1), d = l(null), I = (e) => {
+      d.current = e, typeof r == "function" ? r(e) : r && (r.current = e), e?.complete && e.naturalWidth > 0 && n(!0);
     };
     w(() => {
       f(o), s(void 0), a.current = !1;
-      const e = i.current;
+      const e = d.current;
       n(!!e?.complete && e.naturalWidth > 0);
     }, [o]);
     const L = (e) => {

package/dist/esm/components/rwa-feature/rwa-feature.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { RWA_GRADIENT_BORDER_CLASS as i } from "../rwa-styles/index.js";
+import { RWA_GRADIENT_BORDER_CLASS as i } from "../rwa-styles/rwa-gradient.js";
 import { SimpleTooltip as p } from "../tooltip/simple-tooltip.js";
 import "../tooltip/tooltip.js";
 import { FormattedMessageTyped as n } from "../typed-intl/index.js";

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

@@ -1,8 +1,6 @@
-import { SdkStatusPillTest as r } from "./constants.js";
-import { sdkStatusDotVariant as s } from "./sdk-status.js";
-import { SdkStatusPill as e } from "./sdk-status-pill.js";
+import { SdkStatusPillTest as o } from "./constants.js";
+import { SdkStatusPill as S } from "./sdk-status-pill.js";
 export {
-  e as SdkStatusPill,
-  r as SdkStatusPillTest,
-  s as sdkStatusDotVariant
+  S as SdkStatusPill,
+  o as SdkStatusPillTest
 };

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

@@ -4,21 +4,20 @@ import "../tooltip/tooltip.js";
 import { useIntlTyped as c } from "../typed-intl/index.js";
 import "react";
 import { useMediaQuery as m } from "../../hooks/use-media-query.js";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as d } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
-import { SdkStatusPillTest as e } from "./constants.js";
+import { SdkStatusPillTest as o } from "./constants.js";
 import { sdkStatusDotVariant as l } from "./sdk-status.js";
 const p = "(hover: none)", u = {
   loading: "components.sdkStatus.connecting",
   ready: "components.sdkStatus.connected",
   error: "components.sdkStatus.disconnected"
 };
-function M({
-  status: o
+function N({
+  status: e
 }) {
-  const { formatMessage: s } = c(), i = !m(p), r = s({ messageId: u[o] }), n = (
+  const { formatMessage: r } = c(), n = !m(p), s = r({ messageId: u[e] }), i = (
     // `<output>` rather than a span with role="status": same implicit live
     // region, and the status is announced without the dot being focusable.
     //
@@ -32,17 +31,17 @@ function M({
       "output",
       {
         className: "-m-1.5 flex size-6 cursor-pointer items-center justify-center",
-        "data-testid": e.root,
-        "aria-label": r,
+        "data-testid": o.root,
+        "aria-label": s,
         children: /* @__PURE__ */ t(
           "div",
           {
             className: d(
               "size-1.5 shrink-0 rounded-full",
-              l(o) === "success" ? "bg-success" : "bg-muted-foreground",
-              o === "loading" && "animate-pulse"
+              l(e) === "success" ? "bg-success" : "bg-muted-foreground",
+              e === "loading" && "animate-pulse"
             ),
-            "data-testid": e.dot
+            "data-testid": o.dot
           }
         )
       }
@@ -51,13 +50,13 @@ function M({
   return /* @__PURE__ */ t(
     a,
     {
-      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 })
+      children: /* @__PURE__ */ t("span", { className: "text-xs", "data-testid": o.tooltip, children: s })
     }
   );
 }
 export {
-  M as SdkStatusPill
+  N as SdkStatusPill
 };

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

@@ -1,7 +1,4 @@
-import { SearchLine as r, WithSearchLine as i, searchLineInputVariants as n, searchLineVariants as h } from "./search-line.js";
+import { SearchLine as o } from "./search-line.js";
 export {
-  r as SearchLine,
-  i as WithSearchLine,
-  n as searchLineInputVariants,
-  h as searchLineVariants
+  o as SearchLine
 };