@gearbox-protocol/permissionless-ui 1.0.2 → 1.0.4

package/dist/cjs/components/{back-button.js → buttons/back-button.js}

@@ -34,16 +34,22 @@ module.exports = __toCommonJS(back_button_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_react = require("lucide-react");
 var import_link = __toESM(require("next/link"));
-var import_utils = __toESM(require('../utils/index.js'));
-function BackButton({ href, text, className }) {
+var import_utils = require('../../utils/index.js');
+function BackButton({
+  href,
+  text,
+  onClick,
+  className
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_link.default,
     {
       href,
-      className: (0, import_utils.default)(
+      className: (0, import_utils.cn)(
         "flex items-center text-sm text-muted-foreground hover:text-foreground mb-6",
         className
       ),
+      onClick,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowLeft, { className: "mr-2 h-4 w-4" }),
         text || "Back"

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

@@ -15,12 +15,14 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var buttons_exports = {};
 module.exports = __toCommonJS(buttons_exports);
+__reExport(buttons_exports, require('./back-button.js'), module.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('./back-button.js'),
   ...require('./button.js'),
   ...require('./copy-button.js'),
   ...require('./external-button.js'),

package/dist/cjs/components/index.js

@@ -17,7 +17,6 @@ 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/index.js'), module.exports);
 __reExport(components_exports, require('./card.js'), module.exports);
@@ -41,7 +40,6 @@ __reExport(components_exports, require('./tooltip.js'), module.exports);
 0 && (module.exports = {
   ...require('./alert-dialog.js'),
   ...require('./auth/index.js'),
-  ...require('./back-button.js'),
   ...require('./badge.js'),
   ...require('./buttons/index.js'),
   ...require('./card.js'),

package/dist/cjs/components/page-layout.js

@@ -22,12 +22,36 @@ __export(page_layout_exports, {
 });
 module.exports = __toCommonJS(page_layout_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_back_button = require('./back-button.js');
-function PageLayout({ children, title, backButton }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-h-screen bg-black text-white p-6", children: [
-    backButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_back_button.BackButton, { href: backButton.href, text: backButton.text }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-3xl font-bold mb-2", children: title }) }),
-    children
+var import_back_button = require('./buttons/back-button.js');
+var import_card = require('./card.js');
+function PageLayout({
+  children,
+  title,
+  description,
+  icon,
+  backButton,
+  actionButton
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-h-screen bg-black text-white p-6 overflow-y-auto", children: [
+    backButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_back_button.BackButton,
+      {
+        href: backButton.href,
+        text: backButton.text,
+        onClick: backButton.onClick
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center space-x-4 mb-6 w-full", children: [
+      icon,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between items-center w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-3xl font-bold", children: title }),
+          actionButton
+        ] }),
+        description
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.Card, { className: "bg-black border-0 overflow-y-auto", children })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/configs/tailwind.config.js

@@ -1,7 +1,9 @@
 "use strict";
+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)
@@ -15,12 +17,21 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 tailwind_config_exports = {};
 __export(tailwind_config_exports, {
   default: () => tailwind_config_default
 });
 module.exports = __toCommonJS(tailwind_config_exports);
+var import_tailwindcss_animate = __toESM(require("tailwindcss-animate"));
 const tailwindConfig = {
   darkMode: ["class"],
   content: [
@@ -79,6 +90,6 @@ const tailwindConfig = {
       }
     }
   },
-  plugins: [require("tailwindcss-animate")]
+  plugins: [import_tailwindcss_animate.default]
 };
 var tailwind_config_default = tailwindConfig;

package/dist/esm/components/{back-button.js → buttons/back-button.js}

@@ -1,8 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowLeft } from "lucide-react";
 import Link from "next/link";
-import cn from "../utils/index.js";
-function BackButton({ href, text, className }) {
+import { cn } from "../../utils/index.js";
+function BackButton({
+  href,
+  text,
+  onClick,
+  className
+}) {
   return /* @__PURE__ */ jsxs(
     Link,
     {
@@ -11,6 +16,7 @@ function BackButton({ href, text, className }) {
         "flex items-center text-sm text-muted-foreground hover:text-foreground mb-6",
         className
       ),
+      onClick,
       children: [
         /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }),
         text || "Back"

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

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

package/dist/esm/components/index.js

@@ -1,6 +1,5 @@
 export * from "./alert-dialog.js";
 export * from "./auth/index.js";
-export * from "./back-button.js";
 export * from "./badge.js";
 export * from "./buttons/index.js";
 export * from "./card.js";

package/dist/esm/components/page-layout.js

@@ -1,10 +1,34 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { BackButton } from "./back-button.js";
-function PageLayout({ children, title, backButton }) {
-  return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-black text-white p-6", children: [
-    backButton && /* @__PURE__ */ jsx(BackButton, { href: backButton.href, text: backButton.text }),
-    /* @__PURE__ */ jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold mb-2", children: title }) }),
-    children
+import { BackButton } from "./buttons/back-button.js";
+import { Card } from "./card.js";
+function PageLayout({
+  children,
+  title,
+  description,
+  icon,
+  backButton,
+  actionButton
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-black text-white p-6 overflow-y-auto", children: [
+    backButton && /* @__PURE__ */ jsx(
+      BackButton,
+      {
+        href: backButton.href,
+        text: backButton.text,
+        onClick: backButton.onClick
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-4 mb-6 w-full", children: [
+      icon,
+      /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center w-full", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold", children: title }),
+          actionButton
+        ] }),
+        description
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Card, { className: "bg-black border-0 overflow-y-auto", children })
   ] });
 }
 export {

package/dist/esm/configs/tailwind.config.js

@@ -1,3 +1,4 @@
+import animate from "tailwindcss-animate";
 const tailwindConfig = {
   darkMode: ["class"],
   content: [
@@ -56,7 +57,7 @@ const tailwindConfig = {
       }
     }
   },
-  plugins: [require("tailwindcss-animate")]
+  plugins: [animate]
 };
 var tailwind_config_default = tailwindConfig;
 export {

package/dist/types/components/buttons/back-button.d.ts

@@ -0,0 +1,8 @@
+interface BackButtonProps {
+    href: string;
+    text?: string;
+    onClick?: () => void;
+    className?: string;
+}
+export declare function BackButton({ href, text, onClick, className, }: BackButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "pink" | "pink-outline" | "blue" | "blue-outline" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "pink" | "pink-outline" | "blue" | "blue-outline" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

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

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

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

@@ -1,6 +1,5 @@
 export * from "./alert-dialog";
 export * from "./auth";
-export * from "./back-button";
 export * from "./badge";
 export * from "./buttons";
 export * from "./card";

package/dist/types/components/page-layout.d.ts

@@ -1,10 +1,14 @@
 interface PageLayoutProps {
     children: React.ReactNode;
     title: string;
+    description?: JSX.Element;
+    icon?: JSX.Element;
     backButton?: {
         href: string;
-        text: string;
+        text?: string;
+        onClick?: () => void;
     };
+    actionButton?: JSX.Element;
 }
-export declare function PageLayout({ children, title, backButton }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageLayout({ children, title, description, icon, backButton, actionButton, }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",
@@ -15,6 +15,11 @@
       "import": "./dist/esm/index.js",
       "default": "./dist/cjs/index.js"
     },
+    "./tailwind": {
+      "types": "./dist/types/configs/tailwind.config.d.ts",
+      "import": "./dist/esm/configs/tailwind.config.js",
+      "default": "./dist/cjs/configs/tailwind.config.js"
+    },
     "./globals.css": "./dist/globals.css"
   },
   "files": [

package/dist/cjs/configs/index.js

@@ -1,38 +0,0 @@
-"use strict";
-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 configs_exports = {};
-__export(configs_exports, {
-  tailwindConfig: () => import_tailwind.default
-});
-module.exports = __toCommonJS(configs_exports);
-var import_tailwind = __toESM(require('./tailwind.config.js'));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  tailwindConfig
-});

package/dist/esm/configs/index.js

@@ -1,4 +0,0 @@
-import { default as default2 } from "./tailwind.config.js";
-export {
-  default2 as tailwindConfig
-};

package/dist/types/components/back-button.d.ts

@@ -1,7 +0,0 @@
-interface BackButtonProps {
-    href: string;
-    text?: string;
-    className?: string;
-}
-export declare function BackButton({ href, text, className }: BackButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-export { default as tailwindConfig } from "./tailwind.config";