@gearbox-protocol/ui-kit 4.0.0 → 4.0.2

package/dist/esm/components/legal-agreement/legal-agreement-awaiting-panel.js

@@ -1,24 +1,24 @@
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { IconPending as n } from "@gearbox-protocol/static";
-import { legalAgreementAwaitingRootVariants as r, legalAgreementAwaitingTitleVariants as s, legalAgreementAwaitingDescriptionVariants as l } from "./legal-agreement.variants.js";
-class g {
-  static root = "legal-agreement-awaiting-panel-root";
-}
+import { legalAgreementAwaitingRootVariants as r, legalAgreementAwaitingTitleVariants as l, legalAgreementAwaitingDescriptionVariants as s } from "./legal-agreement.variants.js";
+const g = {
+  root: "legal-agreement-awaiting-panel-root"
+};
 function A({
-  waitingForSignatureText: a = "Please sign the message in your wallet to agree to the Terms of Service.",
+  waitingForSignatureText: i = "Please sign the message in your wallet to agree to the Terms of Service.",
   theme: e = "default"
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ a(
     "div",
     {
       className: r({ theme: e }),
       "data-testid": g.root,
       children: [
-        /* @__PURE__ */ t("div", { className: s({ theme: e }), children: [
-          /* @__PURE__ */ i(n, { size: 20, className: "animate-spin" }),
+        /* @__PURE__ */ a("div", { className: l({ theme: e }), children: [
+          /* @__PURE__ */ t(n, { size: 20, className: "animate-spin" }),
           "Waiting for Signature"
         ] }),
-        /* @__PURE__ */ i("p", { className: l({ theme: e }), children: a })
+        /* @__PURE__ */ t("p", { className: s({ theme: e }), children: i })
       ]
     }
   );

package/dist/esm/components/legal-agreement/legal-agreement-panel.js

@@ -1,19 +1,19 @@
-import { jsx as l, jsxs as s } from "react/jsx-runtime";
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
 import { faTriangleExclamation as h } from "@fortawesome/free-solid-svg-icons";
 import { Checkbox as b } from "../checkbox/checkbox.js";
 import { CheckboxLabeled as u } from "../checkbox/checkbox-labeled.js";
 import { FaIcon as N } from "../icons/fa-icon.js";
 import { legalAgreementPanelRootVariants as k, legalAgreementPanelNotificationVariants as p, legalAgreementPanelV2BannerVariants as f, legalAgreementPanelCheckboxListVariants as v, legalAgreementPanelCheckboxListTitleVariants as A, legalAgreementPanelCheckboxRowVariants as x, legalAgreementPanelCheckboxLabelVariants as g } from "./legal-agreement.variants.js";
-class P {
-  static root = "legal-agreement-panel-root";
-}
+const P = {
+  root: "legal-agreement-panel-root"
+};
 function T({
-  config: a,
+  config: l,
   checkedItems: i,
-  onCheckedChange: n,
+  onCheckedChange: t,
   hasV2Signature: r,
-  showTitle: c,
-  checkboxIdPrefix: o,
+  showTitle: o,
+  checkboxIdPrefix: c,
   theme: e
 }) {
   return /* @__PURE__ */ s(
@@ -22,79 +22,79 @@ function T({
       className: k({ theme: e }),
       "data-testid": P.root,
       children: [
-        c ? /* @__PURE__ */ l("h2", { className: "text-center text-xl font-semibold text-foreground", children: r ? a.updatedTitle || "Terms of Service Updated" : a.title || "Legal Agreement" }) : null,
-        /* @__PURE__ */ l("div", { className: p({ theme: e }), children: a.notificationText }),
+        o ? /* @__PURE__ */ a("h2", { className: "text-center text-xl font-semibold text-foreground", children: r ? l.updatedTitle || "Terms of Service Updated" : l.title || "Legal Agreement" }) : null,
+        /* @__PURE__ */ a("div", { className: p({ theme: e }), children: l.notificationText }),
         r ? /* @__PURE__ */ s("div", { className: f({ theme: e }), children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ a(
             N,
             {
               icon: h,
               className: "size-5 shrink-0 text-yellow-500 mt-0.5"
             }
           ),
-          /* @__PURE__ */ l("div", { className: "text-sm text-yellow-500", children: a.updatedTermsNoticeText ?? `Our Terms of Service have been updated. Please review and sign the new agreement to continue using ${a.productName}.` })
+          /* @__PURE__ */ a("div", { className: "text-sm text-yellow-500", children: l.updatedTermsNoticeText ?? `Our Terms of Service have been updated. Please review and sign the new agreement to continue using ${l.productName}.` })
         ] }) : null,
         /* @__PURE__ */ s("div", { className: v({ theme: e }), children: [
-          a.checkboxListTitle ? /* @__PURE__ */ l(
+          l.checkboxListTitle ? /* @__PURE__ */ a(
             "div",
             {
               className: A({ theme: e }),
-              children: a.checkboxListTitle
+              children: l.checkboxListTitle
             }
           ) : null,
-          a.checkboxItems.map((t) => {
-            const d = `${o}-${t.id}`, m = i[t.id] || !1;
-            return e === "gearboxV3" ? /* @__PURE__ */ l(
+          l.checkboxItems.map((n) => {
+            const d = `${c}-${n.id}`, m = i[n.id] || !1;
+            return e === "gearboxV3" ? /* @__PURE__ */ a(
               "div",
               {
                 className: x({ theme: e }),
-                children: /* @__PURE__ */ l(
+                children: /* @__PURE__ */ a(
                   u,
                   {
                     id: d,
                     checked: m,
-                    onChange: () => n(t.id),
+                    onChange: () => t(n.id),
                     boxAlign: "flex-start",
                     size: "lg",
                     color: "secondary",
-                    children: /* @__PURE__ */ l(
+                    children: /* @__PURE__ */ a(
                       "div",
                       {
                         className: g({
                           theme: e
                         }),
-                        children: t.content
+                        children: n.content
                       }
                     )
                   }
                 )
               },
-              t.id
+              n.id
             ) : /* @__PURE__ */ s(
               "label",
               {
                 htmlFor: d,
                 className: x({ theme: e }),
                 children: [
-                  /* @__PURE__ */ l(
+                  /* @__PURE__ */ a(
                     b,
                     {
                       id: d,
                       checked: m,
-                      onCheckedChange: () => n(t.id),
+                      onCheckedChange: () => t(n.id),
                       className: "mt-1"
                     }
                   ),
-                  /* @__PURE__ */ l(
+                  /* @__PURE__ */ a(
                     "span",
                     {
                       className: g({ theme: e }),
-                      children: t.content
+                      children: n.content
                     }
                   )
                 ]
               },
-              t.id
+              n.id
             );
           })
         ] })
@@ -103,23 +103,23 @@ function T({
   );
 }
 function $({
-  config: a,
+  config: l,
   checkedItems: i,
-  onCheckedChange: n,
+  onCheckedChange: t,
   hasV2Signature: r = !1,
-  showTitle: c = !1,
-  checkboxIdPrefix: o = "legal-checkbox",
+  showTitle: o = !1,
+  checkboxIdPrefix: c = "legal-checkbox",
   theme: e = "default"
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ a(
     T,
     {
-      config: a,
+      config: l,
       checkedItems: i,
-      onCheckedChange: n,
+      onCheckedChange: t,
       hasV2Signature: r,
-      showTitle: c,
-      checkboxIdPrefix: o,
+      showTitle: o,
+      checkboxIdPrefix: c,
       theme: e
     }
   );

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

@@ -9,19 +9,16 @@ function p({
   ...n
 }) {
   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: c("object-contain", t),
-        style: { ...r, ...i },
-        loading: "lazy",
-        decoding: "async",
-        ...n
-      }
-    )
+  return /* @__PURE__ */ a(
+    "img",
+    {
+      alt: "Logo",
+      className: c("object-contain", t),
+      style: { ...r, ...i },
+      loading: "lazy",
+      decoding: "async",
+      ...n
+    }
   );
 }
 export {

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

@@ -33,32 +33,29 @@ const U = k.forwardRef(
     }, j = () => {
       n(!0);
     };
-    return (
-      // biome-ignore lint/performance/noImgElement: Universal component that works outside Next.js
-      /* @__PURE__ */ E(
-        "img",
-        {
-          ref: I,
-          src: v || f(o),
-          alt: "",
-          className: N(
-            R === "cover" ? "object-cover" : "object-contain object-center",
-            g && "rounded-full",
-            !b && "bg-gray-90 dark:bg-gray-110 rounded-full",
-            t
-          ),
-          style: {
-            width: c,
-            height: c,
-            ...p
-          },
-          loading: "lazy",
-          decoding: "async",
-          onError: L,
-          onLoad: j,
-          ...y
-        }
-      )
+    return /* @__PURE__ */ E(
+      "img",
+      {
+        ref: I,
+        src: v || f(o),
+        alt: "",
+        className: N(
+          R === "cover" ? "object-cover" : "object-contain object-center",
+          g && "rounded-full",
+          !b && "bg-gray-90 dark:bg-gray-110 rounded-full",
+          t
+        ),
+        style: {
+          width: c,
+          height: c,
+          ...p
+        },
+        loading: "lazy",
+        decoding: "async",
+        onError: L,
+        onLoad: j,
+        ...y
+      }
     );
   }
 );

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

@@ -1,8 +1,8 @@
-class s {
-  static root = "sdk-status-pill-root";
-  static dot = "sdk-status-pill-dot";
-  static tooltip = "sdk-status-pill-tooltip";
-}
+const t = {
+  root: "sdk-status-pill-root",
+  dot: "sdk-status-pill-dot",
+  tooltip: "sdk-status-pill-tooltip"
+};
 export {
-  s as SdkStatusPillTest
+  t as SdkStatusPillTest
 };

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

@@ -1,6 +1,6 @@
-class t {
-  static interval = "slider-interval";
-}
+const e = {
+  interval: "slider-interval"
+};
 export {
-  t as SliderTest
+  e as SliderTest
 };

package/dist/esm/components/trading-view/constants.js

@@ -1,7 +1,7 @@
-class t {
-  static priceScaleTitles = "trading-view-price-scale-titles";
-  static priceScaleTitle = (e) => `trading-view-price-scale-title-${e}`;
-}
+const i = {
+  priceScaleTitles: "trading-view-price-scale-titles",
+  priceScaleTitle: (e) => `trading-view-price-scale-title-${e}`
+};
 export {
-  t as TradingViewTest
+  i as TradingViewTest
 };