@gearbox-protocol/permissionless-ui 1.0.1 → 1.0.2

package/dist/cjs/components/alert-dialog.js

@@ -45,7 +45,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"));
 var React = __toESM(require("react"));
 var import_utils = __toESM(require('../utils/index.js'));
-var import_button = require('./buttons/button.js');
+var import_buttons = require('./buttons/index.js');
 const AlertDialog = AlertDialogPrimitive.Root;
 const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 const AlertDialogPortal = AlertDialogPrimitive.Portal;
@@ -126,7 +126,7 @@ const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /*
   AlertDialogPrimitive.Action,
   {
     ref,
-    className: (0, import_utils.default)((0, import_button.buttonVariants)(), className),
+    className: (0, import_utils.default)((0, import_buttons.buttonVariants)(), className),
     ...props
   }
 ));
@@ -136,7 +136,7 @@ const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /*
   {
     ref,
     className: (0, import_utils.default)(
-      (0, import_button.buttonVariants)({ variant: "outline" }),
+      (0, import_buttons.buttonVariants)({ variant: "outline" }),
       "mt-2 sm:mt-0",
       className
     ),

package/dist/cjs/components/auth/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var auth_exports = {};
+module.exports = __toCommonJS(auth_exports);
+__reExport(auth_exports, require('./signin-wrapper.js'), module.exports);
+__reExport(auth_exports, require('./siwe-provider.js'), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require('./signin-wrapper.js'),
+  ...require('./siwe-provider.js')
+});

package/dist/cjs/components/auth/signin-required.js

@@ -0,0 +1,69 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var signin_required_exports = {};
+__export(signin_required_exports, {
+  default: () => SignInRequired
+});
+module.exports = __toCommonJS(signin_required_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_connectkit = require("connectkit");
+var import_wagmi = require("wagmi");
+var import_utils = require('../../utils/index.js');
+var import_buttons = require('../buttons/index.js');
+function SignInRequired({
+  children,
+  owner,
+  skipSignIn,
+  ...customProps
+}) {
+  const { setOpen, openSIWE } = (0, import_connectkit.useModal)();
+  const { isConnected, address } = (0, import_wagmi.useAccount)();
+  const { isRejected, isLoading, isSignedIn, data } = (0, import_connectkit.useSIWE)();
+  const ButtonComponent = Object.keys(customProps).length > 0 ? import_buttons.Button : import_buttons.TabButton;
+  if (isSignedIn || skipSignIn) {
+    if (owner && data?.address?.toLowerCase() !== owner.toLowerCase()) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonComponent, { ...customProps, disabled: true, children: "You are not the author" });
+    }
+    return children;
+  }
+  if (isConnected && address) {
+    if (isRejected) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ButtonComponent,
+        {
+          ...customProps,
+          onClick: () => setOpen(true),
+          disabled: isLoading,
+          children: "Try Again"
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ButtonComponent,
+      {
+        ...customProps,
+        onClick: () => openSIWE(),
+        disabled: isLoading,
+        children: isLoading ? "Awaiting request..." : `Sign In as ${(0, import_utils.shortenHash)(address)}`
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonComponent, { ...customProps, onClick: () => setOpen(true), children: "Connect Wallet" });
+}

package/dist/cjs/components/auth/signin-wrapper.js

@@ -0,0 +1,45 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var signin_wrapper_exports = {};
+__export(signin_wrapper_exports, {
+  SignInRequired: () => SignInRequired
+});
+module.exports = __toCommonJS(signin_wrapper_exports);
+var import_dynamic = __toESM(require("next/dynamic"));
+const SignInRequired = (0, import_dynamic.default)(
+  () => import("./signin-required"),
+  {
+    ssr: false
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SignInRequired
+});

package/dist/cjs/components/auth/siwe-provider.js

@@ -0,0 +1,101 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var siwe_provider_exports = {};
+__export(siwe_provider_exports, {
+  SIWEClientProvider: () => SIWEClientProvider
+});
+module.exports = __toCommonJS(siwe_provider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_connectkit = require("connectkit");
+var import_navigation = require("next/navigation");
+var import_siwe = require("viem/siwe");
+function SIWEClientProvider({
+  apiRoutePrefix,
+  statement,
+  children,
+  ...props
+}) {
+  const router = (0, import_navigation.useRouter)();
+  const getNonce = async () => {
+    const res = await fetch(`${apiRoutePrefix}/nonce`);
+    if (!res.ok) {
+      throw new Error("Failed to fetch SIWE nonce");
+    }
+    const nonce = await res.text();
+    return nonce;
+  };
+  const createMessage = ({
+    nonce,
+    address,
+    chainId
+  }) => (0, import_siwe.createSiweMessage)({
+    version: "1",
+    domain: window.location.host,
+    uri: window.location.origin,
+    address,
+    chainId,
+    nonce,
+    statement: statement || "Sign In With Ethereum."
+  });
+  const verifyMessage = async ({
+    message,
+    signature
+  }) => {
+    const res = await fetch(`${apiRoutePrefix}/signin`, {
+      method: "POST",
+      body: JSON.stringify({ message, signature })
+    });
+    if (!res.ok) {
+      throw new Error("Failed to verify SIWE message");
+    }
+    return true;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_connectkit.SIWEProvider,
+    {
+      getNonce,
+      createMessage,
+      verifyMessage: async (args) => verifyMessage(args),
+      getSession: async () => {
+        const res = await fetch(`${apiRoutePrefix}/session`);
+        if (!res.ok) {
+          return null;
+        }
+        return res.json();
+      },
+      onSignIn: async (session) => {
+        router.refresh();
+        return session;
+      },
+      signOut: async () => {
+        await fetch(`${apiRoutePrefix}/logout`, {
+          method: "POST"
+        });
+        router.refresh();
+        return true;
+      },
+      ...props,
+      children
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SIWEClientProvider
+});

package/dist/cjs/components/buttons/index.js

@@ -0,0 +1,28 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var buttons_exports = {};
+module.exports = __toCommonJS(buttons_exports);
+__reExport(buttons_exports, require('./button.js'), module.exports);
+__reExport(buttons_exports, require('./copy-button.js'), module.exports);
+__reExport(buttons_exports, require('./external-button.js'), module.exports);
+__reExport(buttons_exports, require('./tab-button.js'), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require('./button.js'),
+  ...require('./copy-button.js'),
+  ...require('./external-button.js'),
+  ...require('./tab-button.js')
+});

package/dist/cjs/components/editable-table/edit-button.js

@@ -23,14 +23,14 @@ __export(edit_button_exports, {
 module.exports = __toCommonJS(edit_button_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_react = require("lucide-react");
-var import_button = require('../buttons/button.js');
+var import_buttons = require('../buttons/index.js');
 function EditButton({
   onClick,
   customButton,
   disabled
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: customButton ? "px-4 py-2" : "px-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_button.Button,
+    import_buttons.Button,
     {
       className: customButton ? "p-0 h-fit hover:bg-accent/0" : "p-2 h-fit",
       variant: "ghost",

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

@@ -23,7 +23,8 @@ __export(editable_table_exports, {
 });
 module.exports = __toCommonJS(editable_table_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_tab_button = require('../buttons/tab-button.js');
+var import_auth = require('../auth/index.js');
+var import_buttons = require('../buttons/index.js');
 var import_table = require('../table.js');
 var import_updated_value = require('./updated-value.js');
 function TableCellUpdatable({
@@ -65,15 +66,16 @@ function TableEditable({
   isLoading,
   actions,
   children,
-  disabled = false
+  disabled = false,
+  skipSignIn = true
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between items-center", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-2xl font-bold", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
-        onNew && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tab_button.TabButton, { onClick: onNew, disabled: isLoading || disabled, children: isLoading ? buttonLoadingText : newButtonText }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_auth.SignInRequired, { skipSignIn, variant: "pink", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+        onNew && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_buttons.TabButton, { onClick: onNew, disabled: isLoading || disabled, children: isLoading ? buttonLoadingText : newButtonText }),
         actions?.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_tab_button.TabButton,
+          import_buttons.TabButton,
           {
             onClick: action.onClick,
             disabled: action.isLoading || disabled,
@@ -81,7 +83,7 @@ function TableEditable({
           },
           index
         ))
-      ] })
+      ] }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-lg border", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_table.Table, { children }) })
   ] });

package/dist/cjs/components/editable-table/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var editable_table_exports = {};
+module.exports = __toCommonJS(editable_table_exports);
+__reExport(editable_table_exports, require('./edit-button.js'), module.exports);
+__reExport(editable_table_exports, require('./editable-table.js'), module.exports);
+__reExport(editable_table_exports, require('./updated-value.js'), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require('./edit-button.js'),
+  ...require('./editable-table.js'),
+  ...require('./updated-value.js')
+});

package/dist/cjs/components/index.js

@@ -16,20 +16,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var components_exports = {};
 module.exports = __toCommonJS(components_exports);
 __reExport(components_exports, require('./alert-dialog.js'), module.exports);
+__reExport(components_exports, require('./auth/index.js'), module.exports);
 __reExport(components_exports, require('./back-button.js'), module.exports);
 __reExport(components_exports, require('./badge.js'), module.exports);
-__reExport(components_exports, require('./buttons/button.js'), module.exports);
-__reExport(components_exports, require('./buttons/copy-button.js'), module.exports);
-__reExport(components_exports, require('./buttons/external-button.js'), module.exports);
-__reExport(components_exports, require('./buttons/tab-button.js'), module.exports);
+__reExport(components_exports, require('./buttons/index.js'), module.exports);
 __reExport(components_exports, require('./card.js'), module.exports);
 __reExport(components_exports, require('./checkbox.js'), module.exports);
 __reExport(components_exports, require('./danger-zone.js'), module.exports);
 __reExport(components_exports, require('./dialog.js'), module.exports);
 __reExport(components_exports, require('./dropdown-menu.js'), module.exports);
-__reExport(components_exports, require('./editable-table/edit-button.js'), module.exports);
-__reExport(components_exports, require('./editable-table/editable-table.js'), module.exports);
-__reExport(components_exports, require('./editable-table/updated-value.js'), module.exports);
+__reExport(components_exports, require('./editable-table/index.js'), module.exports);
 __reExport(components_exports, require('./input.js'), module.exports);
 __reExport(components_exports, require('./label.js'), module.exports);
 __reExport(components_exports, require('./page-layout.js'), module.exports);
@@ -44,20 +40,16 @@ __reExport(components_exports, require('./tooltip.js'), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require('./alert-dialog.js'),
+  ...require('./auth/index.js'),
   ...require('./back-button.js'),
   ...require('./badge.js'),
-  ...require('./buttons/button.js'),
-  ...require('./buttons/copy-button.js'),
-  ...require('./buttons/external-button.js'),
-  ...require('./buttons/tab-button.js'),
+  ...require('./buttons/index.js'),
   ...require('./card.js'),
   ...require('./checkbox.js'),
   ...require('./danger-zone.js'),
   ...require('./dialog.js'),
   ...require('./dropdown-menu.js'),
-  ...require('./editable-table/edit-button.js'),
-  ...require('./editable-table/editable-table.js'),
-  ...require('./editable-table/updated-value.js'),
+  ...require('./editable-table/index.js'),
   ...require('./input.js'),
   ...require('./label.js'),
   ...require('./page-layout.js'),

package/dist/cjs/utils/format.js

@@ -0,0 +1,72 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var format_exports = {};
+__export(format_exports, {
+  convertPercent: () => convertPercent,
+  formatBytecodeSize: () => formatBytecodeSize,
+  formatBytecodeVersion: () => formatBytecodeVersion,
+  formatTimestamp: () => formatTimestamp,
+  shortenHash: () => shortenHash,
+  significantTrunc: () => significantTrunc
+});
+module.exports = __toCommonJS(format_exports);
+function formatBytecodeSize(size) {
+  return `${(size / 1024).toFixed(2)} KB`;
+}
+function formatBytecodeVersion(version) {
+  if (version === 0) return "-";
+  const major = Math.floor(version / 100);
+  const minor = Math.floor(version % 100 / 10);
+  const patch = version % 10;
+  return `v${major}.${minor}.${patch}`;
+}
+function formatTimestamp(timestamp) {
+  return new Date(timestamp * 1e3).toLocaleString("en-GB", {
+    dateStyle: "short",
+    timeStyle: "short"
+  });
+}
+function shortenHash(hash, chars = 4) {
+  if (!hash) return "";
+  const start = hash.slice(0, chars + 2);
+  const end = hash.slice(-chars);
+  return `${start}...${end}`;
+}
+function convertPercent(percent) {
+  return Math.floor(percent * 100);
+}
+function significantTrunc(x) {
+  if (x === 0) return "0";
+  if (x >= 1) return x.toFixed(0);
+  const str = x.toPrecision(2);
+  if (str.includes("e")) {
+    const value = Number(str);
+    return value.toFixed(20).replace(/\.?0+$/, "");
+  }
+  return str.replace(/\.?0+$/, "");
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  convertPercent,
+  formatBytecodeSize,
+  formatBytecodeVersion,
+  formatTimestamp,
+  shortenHash,
+  significantTrunc
+});

package/dist/cjs/utils/index.js

@@ -25,8 +25,10 @@ module.exports = __toCommonJS(utils_exports);
 __reExport(utils_exports, require('./cn.js'), module.exports);
 var import_cn = require('./cn.js');
 __reExport(utils_exports, require('./copy.js'), module.exports);
+__reExport(utils_exports, require('./format.js'), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require('./cn.js'),
-  ...require('./copy.js')
+  ...require('./copy.js'),
+  ...require('./format.js')
 });

package/dist/esm/components/alert-dialog.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import * as React from "react";
 import cn from "../utils/index.js";
-import { buttonVariants } from "./buttons/button.js";
+import { buttonVariants } from "./buttons/index.js";
 const AlertDialog = AlertDialogPrimitive.Root;
 const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 const AlertDialogPortal = AlertDialogPrimitive.Portal;

package/dist/esm/components/auth/index.js

@@ -0,0 +1,2 @@
+export * from "./signin-wrapper.js";
+export * from "./siwe-provider.js";

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

@@ -0,0 +1,49 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useModal, useSIWE } from "connectkit";
+import { useAccount } from "wagmi";
+import { shortenHash } from "../../utils/index.js";
+import { Button, TabButton } from "../buttons/index.js";
+function SignInRequired({
+  children,
+  owner,
+  skipSignIn,
+  ...customProps
+}) {
+  const { setOpen, openSIWE } = useModal();
+  const { isConnected, address } = useAccount();
+  const { isRejected, isLoading, isSignedIn, data } = useSIWE();
+  const ButtonComponent = Object.keys(customProps).length > 0 ? Button : TabButton;
+  if (isSignedIn || skipSignIn) {
+    if (owner && data?.address?.toLowerCase() !== owner.toLowerCase()) {
+      return /* @__PURE__ */ jsx(ButtonComponent, { ...customProps, disabled: true, children: "You are not the author" });
+    }
+    return children;
+  }
+  if (isConnected && address) {
+    if (isRejected) {
+      return /* @__PURE__ */ jsx(
+        ButtonComponent,
+        {
+          ...customProps,
+          onClick: () => setOpen(true),
+          disabled: isLoading,
+          children: "Try Again"
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      ButtonComponent,
+      {
+        ...customProps,
+        onClick: () => openSIWE(),
+        disabled: isLoading,
+        children: isLoading ? "Awaiting request..." : `Sign In as ${shortenHash(address)}`
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(ButtonComponent, { ...customProps, onClick: () => setOpen(true), children: "Connect Wallet" });
+}
+export {
+  SignInRequired as default
+};

package/dist/esm/components/auth/signin-wrapper.js

@@ -0,0 +1,11 @@
+"use client";
+import dynamic from "next/dynamic";
+const SignInRequired = dynamic(
+  () => import("./signin-required"),
+  {
+    ssr: false
+  }
+);
+export {
+  SignInRequired
+};

package/dist/esm/components/auth/siwe-provider.js

@@ -0,0 +1,77 @@
+import { jsx } from "react/jsx-runtime";
+import { SIWEProvider } from "connectkit";
+import { useRouter } from "next/navigation";
+import { createSiweMessage } from "viem/siwe";
+function SIWEClientProvider({
+  apiRoutePrefix,
+  statement,
+  children,
+  ...props
+}) {
+  const router = useRouter();
+  const getNonce = async () => {
+    const res = await fetch(`${apiRoutePrefix}/nonce`);
+    if (!res.ok) {
+      throw new Error("Failed to fetch SIWE nonce");
+    }
+    const nonce = await res.text();
+    return nonce;
+  };
+  const createMessage = ({
+    nonce,
+    address,
+    chainId
+  }) => createSiweMessage({
+    version: "1",
+    domain: window.location.host,
+    uri: window.location.origin,
+    address,
+    chainId,
+    nonce,
+    statement: statement || "Sign In With Ethereum."
+  });
+  const verifyMessage = async ({
+    message,
+    signature
+  }) => {
+    const res = await fetch(`${apiRoutePrefix}/signin`, {
+      method: "POST",
+      body: JSON.stringify({ message, signature })
+    });
+    if (!res.ok) {
+      throw new Error("Failed to verify SIWE message");
+    }
+    return true;
+  };
+  return /* @__PURE__ */ jsx(
+    SIWEProvider,
+    {
+      getNonce,
+      createMessage,
+      verifyMessage: async (args) => verifyMessage(args),
+      getSession: async () => {
+        const res = await fetch(`${apiRoutePrefix}/session`);
+        if (!res.ok) {
+          return null;
+        }
+        return res.json();
+      },
+      onSignIn: async (session) => {
+        router.refresh();
+        return session;
+      },
+      signOut: async () => {
+        await fetch(`${apiRoutePrefix}/logout`, {
+          method: "POST"
+        });
+        router.refresh();
+        return true;
+      },
+      ...props,
+      children
+    }
+  );
+}
+export {
+  SIWEClientProvider
+};

package/dist/esm/components/buttons/index.js

@@ -0,0 +1,4 @@
+export * from "./button.js";
+export * from "./copy-button.js";
+export * from "./external-button.js";
+export * from "./tab-button.js";

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Edit } from "lucide-react";
-import { Button } from "../buttons/button.js";
+import { Button } from "../buttons/index.js";
 function EditButton({
   onClick,
   customButton,

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

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { TabButton } from "../buttons/tab-button.js";
+import { SignInRequired } from "../auth/index.js";
+import { TabButton } from "../buttons/index.js";
 import { Table, TableCell } from "../table.js";
 import { UpdatedValue } from "./updated-value.js";
 function TableCellUpdatable({
@@ -41,12 +42,13 @@ function TableEditable({
   isLoading,
   actions,
   children,
-  disabled = false
+  disabled = false,
+  skipSignIn = true
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
       /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold", children: title }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(SignInRequired, { skipSignIn, variant: "pink", size: "sm", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
         onNew && /* @__PURE__ */ jsx(TabButton, { onClick: onNew, disabled: isLoading || disabled, children: isLoading ? buttonLoadingText : newButtonText }),
         actions?.map((action, index) => /* @__PURE__ */ jsx(
           TabButton,
@@ -57,7 +59,7 @@ function TableEditable({
           },
           index
         ))
-      ] })
+      ] }) })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "rounded-lg border", children: /* @__PURE__ */ jsx(Table, { children }) })
   ] });

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

@@ -0,0 +1,3 @@
+export * from "./edit-button.js";
+export * from "./editable-table.js";
+export * from "./updated-value.js";

package/dist/esm/components/index.js

@@ -1,18 +1,14 @@
 export * from "./alert-dialog.js";
+export * from "./auth/index.js";
 export * from "./back-button.js";
 export * from "./badge.js";
-export * from "./buttons/button.js";
-export * from "./buttons/copy-button.js";
-export * from "./buttons/external-button.js";
-export * from "./buttons/tab-button.js";
+export * from "./buttons/index.js";
 export * from "./card.js";
 export * from "./checkbox.js";
 export * from "./danger-zone.js";
 export * from "./dialog.js";
 export * from "./dropdown-menu.js";
-export * from "./editable-table/edit-button.js";
-export * from "./editable-table/editable-table.js";
-export * from "./editable-table/updated-value.js";
+export * from "./editable-table/index.js";
 export * from "./input.js";
 export * from "./label.js";
 export * from "./page-layout.js";

package/dist/esm/utils/format.js

@@ -0,0 +1,43 @@
+function formatBytecodeSize(size) {
+  return `${(size / 1024).toFixed(2)} KB`;
+}
+function formatBytecodeVersion(version) {
+  if (version === 0) return "-";
+  const major = Math.floor(version / 100);
+  const minor = Math.floor(version % 100 / 10);
+  const patch = version % 10;
+  return `v${major}.${minor}.${patch}`;
+}
+function formatTimestamp(timestamp) {
+  return new Date(timestamp * 1e3).toLocaleString("en-GB", {
+    dateStyle: "short",
+    timeStyle: "short"
+  });
+}
+function shortenHash(hash, chars = 4) {
+  if (!hash) return "";
+  const start = hash.slice(0, chars + 2);
+  const end = hash.slice(-chars);
+  return `${start}...${end}`;
+}
+function convertPercent(percent) {
+  return Math.floor(percent * 100);
+}
+function significantTrunc(x) {
+  if (x === 0) return "0";
+  if (x >= 1) return x.toFixed(0);
+  const str = x.toPrecision(2);
+  if (str.includes("e")) {
+    const value = Number(str);
+    return value.toFixed(20).replace(/\.?0+$/, "");
+  }
+  return str.replace(/\.?0+$/, "");
+}
+export {
+  convertPercent,
+  formatBytecodeSize,
+  formatBytecodeVersion,
+  formatTimestamp,
+  shortenHash,
+  significantTrunc
+};

package/dist/esm/utils/index.js

@@ -1,6 +1,7 @@
 export * from "./cn.js";
 import { cn } from "./cn.js";
 export * from "./copy.js";
+export * from "./format.js";
 export {
   cn as default
 };

package/dist/types/components/auth/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./signin-wrapper";
+export * from "./siwe-provider";

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+import type { Address } from "viem";
+import { type TabButtonProps } from "../buttons";
+export interface SignInRequiredProps extends TabButtonProps {
+    owner?: Address;
+    children: ReactNode;
+    skipSignIn?: boolean;
+}
+export default function SignInRequired({ children, owner, skipSignIn, ...customProps }: SignInRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<import("react").AwaitedReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/types/components/auth/signin-wrapper.d.ts

@@ -0,0 +1,2 @@
+import type { SignInRequiredProps } from "./signin-required";
+export declare const SignInRequired: import("react").ComponentType<SignInRequiredProps>;

package/dist/types/components/auth/siwe-provider.d.ts

@@ -0,0 +1,7 @@
+interface SIWEProviderProps {
+    apiRoutePrefix: string;
+    statement?: string;
+    children?: React.ReactNode;
+}
+export declare function SIWEClientProvider({ apiRoutePrefix, statement, children, ...props }: SIWEProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/buttons/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./button";
+export * from "./copy-button";
+export * from "./external-button";
+export * from "./tab-button";

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

@@ -26,6 +26,7 @@ interface TableEditableProps {
     actions?: TableEditableAction[];
     children: React.ReactNode;
     disabled?: boolean;
+    skipSignIn?: boolean;
 }
-export declare function TableEditable({ title, onNew, newButtonText, buttonLoadingText, isLoading, actions, children, disabled, }: TableEditableProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableEditable({ title, onNew, newButtonText, buttonLoadingText, isLoading, actions, children, disabled, skipSignIn, }: TableEditableProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/editable-table/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./edit-button";
+export * from "./editable-table";
+export * from "./updated-value";

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

@@ -1,18 +1,14 @@
 export * from "./alert-dialog";
+export * from "./auth";
 export * from "./back-button";
 export * from "./badge";
-export * from "./buttons/button";
-export * from "./buttons/copy-button";
-export * from "./buttons/external-button";
-export * from "./buttons/tab-button";
+export * from "./buttons";
 export * from "./card";
 export * from "./checkbox";
 export * from "./danger-zone";
 export * from "./dialog";
 export * from "./dropdown-menu";
-export * from "./editable-table/edit-button";
-export * from "./editable-table/editable-table";
-export * from "./editable-table/updated-value";
+export * from "./editable-table";
 export * from "./input";
 export * from "./label";
 export * from "./page-layout";

package/dist/types/utils/format.d.ts

@@ -0,0 +1,6 @@
+export declare function formatBytecodeSize(size: number): string;
+export declare function formatBytecodeVersion(version: number): string;
+export declare function formatTimestamp(timestamp: number): string;
+export declare function shortenHash(hash: string, chars?: number): string;
+export declare function convertPercent(percent: number): number;
+export declare function significantTrunc(x: number): string;

package/dist/types/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./cn";
 export { cn as default } from "./cn";
 export * from "./copy";
+export * from "./format";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",
@@ -42,6 +42,7 @@
     "@radix-ui/react-tooltip": "^1.1.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "connectkit": "^1.8.2",
     "lucide-react": "^0.471.1",
     "next": "15.5.3",
     "react": "^18",
@@ -49,7 +50,9 @@
     "sonner": "^1.7.2",
     "styled-jsx": "^5.1.6",
     "tailwind-merge": "^2.6.0",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwindcss-animate": "^1.0.7",
+    "viem": "^2.36",
+    "wagmi": "^2.14.8"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.2.4",