@gearbox-protocol/permissionless-ui 1.2.21 → 1.2.23

package/dist/cjs/components/{card.js → cards/card.js}

@@ -39,7 +39,7 @@ module.exports = __toCommonJS(card_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_class_variance_authority = require("class-variance-authority");
 var React = __toESM(require("react"));
-var import_utils = __toESM(require('../utils/index.js'));
+var import_utils = __toESM(require('../../utils/index.js'));
 const cardVariants = (0, import_class_variance_authority.cva)(
   "rounded-xl border bg-card text-card-foreground shadow",
   {
@@ -47,9 +47,7 @@ const cardVariants = (0, import_class_variance_authority.cva)(
       variant: {
         default: "",
         interactive: "hover:bg-accent/50 transition-colors cursor-pointer",
-        transparent: "bg-card/0",
-        blue: "border-gray-800 bg-gray-900/30 p-4",
-        "interactive-blue": "border-gray-800 bg-gray-900/30 p-4 hover:bg-gray-900/50 transition-colors cursor-pointer"
+        transparent: "bg-card/0"
       }
     },
     defaultVariants: {

package/dist/cjs/components/{danger-zone.js → cards/danger-zone.js}

@@ -22,11 +22,11 @@ __export(danger_zone_exports, {
 });
 module.exports = __toCommonJS(danger_zone_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_card = require('./card.js');
+var import__ = require(".");
 function DangerZone({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { className: "border-destructive", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardHeader, { className: "border-destructive", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { className: "text-destructive", children: "Danger Zone" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardContent, { children })
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.Card, { className: "border-destructive", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.CardHeader, { className: "border-destructive", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.CardTitle, { className: "text-destructive", children: "Danger Zone" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.CardContent, { children })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/components/cards/expendable-card.js

@@ -0,0 +1,69 @@
+"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 expendable_card_exports = {};
+__export(expendable_card_exports, {
+  ExpendableCard: () => ExpendableCard
+});
+module.exports = __toCommonJS(expendable_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../../utils/index.js'));
+var import_card = require('./card.js');
+function ExpendableCard({ header, children }) {
+  const [isExpanded, setIsExpanded] = React.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: "flex items-center justify-between gap-4 p-4 cursor-pointer hover:bg-accent/50",
+        onClick: () => setIsExpanded(!isExpanded),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground transform transition-transform", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_lucide_react.ChevronDown,
+            {
+              className: (0, import_utils.default)(
+                "h-4 w-4 text-muted-foreground",
+                isExpanded ? "rotate-180" : "",
+                "transition-transform duration-200 ease-in-out"
+              )
+            }
+          ) })
+        ]
+      }
+    ),
+    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardContent, { className: "border-t bg-gray-900/30", children })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ExpendableCard
+});

package/dist/cjs/components/cards/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 cards_exports = {};
+module.exports = __toCommonJS(cards_exports);
+__reExport(cards_exports, require('./card.js'), module.exports);
+__reExport(cards_exports, require('./danger-zone.js'), module.exports);
+__reExport(cards_exports, require('./expendable-card.js'), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require('./card.js'),
+  ...require('./danger-zone.js'),
+  ...require('./expendable-card.js')
+});

package/dist/cjs/components/index.js

@@ -19,9 +19,8 @@ __reExport(components_exports, require('./alert-dialog.js'), module.exports);
 __reExport(components_exports, require('./auth/index.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);
+__reExport(components_exports, require('./cards/index.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/index.js'), module.exports);
@@ -44,9 +43,8 @@ __reExport(components_exports, require('./tooltip.js'), module.exports);
   ...require('./auth/index.js'),
   ...require('./badge.js'),
   ...require('./buttons/index.js'),
-  ...require('./card.js'),
+  ...require('./cards/index.js'),
   ...require('./checkbox.js'),
-  ...require('./danger-zone.js'),
   ...require('./dialog.js'),
   ...require('./dropdown-menu.js'),
   ...require('./editable-table/index.js'),

package/dist/cjs/components/table.js

@@ -143,7 +143,7 @@ const SortingTableHead = React.forwardRef(
                 import_lucide_react.ArrowDown,
                 {
                   className: (0, import_utils.default)(
-                    `h-${4} w-${4}`,
+                    "h-4 w-4",
                     direction === "desc" ? "rotate-180" : "",
                     "transition-transform duration-200 ease-in-out"
                   )

package/dist/esm/components/{card.js → cards/card.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import * as React from "react";
-import cn from "../utils/index.js";
+import cn from "../../utils/index.js";
 const cardVariants = cva(
   "rounded-xl border bg-card text-card-foreground shadow",
   {
@@ -9,9 +9,7 @@ const cardVariants = cva(
       variant: {
         default: "",
         interactive: "hover:bg-accent/50 transition-colors cursor-pointer",
-        transparent: "bg-card/0",
-        blue: "border-gray-800 bg-gray-900/30 p-4",
-        "interactive-blue": "border-gray-800 bg-gray-900/30 p-4 hover:bg-gray-900/50 transition-colors cursor-pointer"
+        transparent: "bg-card/0"
       }
     },
     defaultVariants: {

package/dist/esm/components/{danger-zone.js → cards/danger-zone.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Card, CardContent, CardHeader, CardTitle } from "./card.js";
+import { Card, CardContent, CardHeader, CardTitle } from ".";
 function DangerZone({ children }) {
   return /* @__PURE__ */ jsxs(Card, { className: "border-destructive", children: [
     /* @__PURE__ */ jsx(CardHeader, { className: "border-destructive", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-destructive", children: "Danger Zone" }) }),

package/dist/esm/components/cards/expendable-card.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import * as React from "react";
+import cn from "../../utils/index.js";
+import { Card, CardContent } from "./card.js";
+function ExpendableCard({ header, children }) {
+  const [isExpanded, setIsExpanded] = React.useState(false);
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center justify-between gap-4 p-4 cursor-pointer hover:bg-accent/50",
+        onClick: () => setIsExpanded(!isExpanded),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex-1", children: header }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground transform transition-transform", children: /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              className: cn(
+                "h-4 w-4 text-muted-foreground",
+                isExpanded ? "rotate-180" : "",
+                "transition-transform duration-200 ease-in-out"
+              )
+            }
+          ) })
+        ]
+      }
+    ),
+    isExpanded && /* @__PURE__ */ jsx(CardContent, { className: "border-t bg-gray-900/30", children })
+  ] });
+}
+export {
+  ExpendableCard
+};

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

@@ -0,0 +1,3 @@
+export * from "./card.js";
+export * from "./danger-zone.js";
+export * from "./expendable-card.js";

package/dist/esm/components/index.js

@@ -2,9 +2,8 @@ export * from "./alert-dialog.js";
 export * from "./auth/index.js";
 export * from "./badge.js";
 export * from "./buttons/index.js";
-export * from "./card.js";
+export * from "./cards/index.js";
 export * from "./checkbox.js";
-export * from "./danger-zone.js";
 export * from "./dialog.js";
 export * from "./dropdown-menu.js";
 export * from "./editable-table/index.js";

package/dist/esm/components/table.js

@@ -107,7 +107,7 @@ const SortingTableHead = React.forwardRef(
                 ArrowDown,
                 {
                   className: cn(
-                    `h-${4} w-${4}`,
+                    "h-4 w-4",
                     direction === "desc" ? "rotate-180" : "",
                     "transition-transform duration-200 ease-in-out"
                   )

package/dist/types/components/{card.d.ts → cards/card.d.ts}

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const cardVariants: (props?: ({
-    variant?: "default" | "blue" | "interactive" | "transparent" | "interactive-blue" | null | undefined;
+    variant?: "default" | "interactive" | "transparent" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
     asChild?: boolean;

package/dist/types/components/cards/expendable-card.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface ExpendableCardProps {
+    header: React.ReactNode;
+    children: React.ReactNode;
+}
+declare function ExpendableCard({ header, children }: ExpendableCardProps): import("react/jsx-runtime").JSX.Element;
+export { ExpendableCard };

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

@@ -0,0 +1,3 @@
+export * from "./card";
+export * from "./danger-zone";
+export * from "./expendable-card";

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

@@ -2,9 +2,8 @@ export * from "./alert-dialog";
 export * from "./auth";
 export * from "./badge";
 export * from "./buttons";
-export * from "./card";
+export * from "./cards";
 export * from "./checkbox";
-export * from "./danger-zone";
 export * from "./dialog";
 export * from "./dropdown-menu";
 export * from "./editable-table";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.2.21",
+  "version": "1.2.23",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",