@gearbox-protocol/permissionless-ui 1.7.0 → 1.7.2

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

@@ -41,14 +41,13 @@ var import_class_variance_authority = require("class-variance-authority");
 var React = __toESM(require("react"));
 var import_utils = __toESM(require('../../utils/index.js'));
 const cardVariants = (0, import_class_variance_authority.cva)(
-  "rounded-xl border border-border bg-card text-card-foreground hover:bg-secondary",
+  "rounded-xl border border-border bg-card text-card-foreground",
   {
     variants: {
       variant: {
         default: "",
-        interactive: "hover:bg-card transition-colors cursor-pointer",
-        transparent: "bg-card/0",
-        nohover: "hover:bg-card hover:border-border"
+        interactive: "hover:bg-secondary transition-colors cursor-pointer",
+        transparent: "bg-transparent hover:bg-transparent"
       }
     },
     defaultVariants: {
@@ -71,7 +70,10 @@ const CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
   "div",
   {
     ref,
-    className: (0, import_utils.default)("flex items-center py-2 px-4 border-b", className),
+    className: (0, import_utils.default)(
+      "flex items-center py-2 px-4 border-b border-input",
+      className
+    ),
     ...props
   }
 ));
@@ -103,7 +105,7 @@ const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
   "div",
   {
     ref,
-    className: (0, import_utils.default)("flex items-center p-4 border-t", className),
+    className: (0, import_utils.default)("flex items-center p-4 border-t border-input", className),
     ...props
   }
 ));

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

@@ -43,7 +43,7 @@ function ExpandableCard({
   alwaysExpanded = false
 }) {
   const [isExpanded, setIsExpanded] = React.useState(alwaysExpanded);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { variant: "nohover", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
       {

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

@@ -3,14 +3,13 @@ import { cva } from "class-variance-authority";
 import * as React from "react";
 import cn from "../../utils/index.js";
 const cardVariants = cva(
-  "rounded-xl border border-border bg-card text-card-foreground hover:bg-secondary",
+  "rounded-xl border border-border bg-card text-card-foreground",
   {
     variants: {
       variant: {
         default: "",
-        interactive: "hover:bg-card transition-colors cursor-pointer",
-        transparent: "bg-card/0",
-        nohover: "hover:bg-card hover:border-border"
+        interactive: "hover:bg-secondary transition-colors cursor-pointer",
+        transparent: "bg-transparent hover:bg-transparent"
       }
     },
     defaultVariants: {
@@ -33,7 +32,10 @@ const CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
   "div",
   {
     ref,
-    className: cn("flex items-center py-2 px-4 border-b", className),
+    className: cn(
+      "flex items-center py-2 px-4 border-b border-input",
+      className
+    ),
     ...props
   }
 ));
@@ -65,7 +67,7 @@ const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
   "div",
   {
     ref,
-    className: cn("flex items-center p-4 border-t", className),
+    className: cn("flex items-center p-4 border-t border-input", className),
     ...props
   }
 ));

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

@@ -10,7 +10,7 @@ function ExpandableCard({
   alwaysExpanded = false
 }) {
   const [isExpanded, setIsExpanded] = React.useState(alwaysExpanded);
-  return /* @__PURE__ */ jsxs(Card, { variant: "nohover", children: [
+  return /* @__PURE__ */ jsxs(Card, { children: [
     /* @__PURE__ */ jsxs(
       "div",
       {

package/dist/types/components/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" | "transparent" | "interactive" | "nohover" | null | undefined;
+    variant?: "default" | "transparent" | "interactive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
     asChild?: boolean;

package/package.json

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

package/dist/cjs/components/card.js

@@ -1,176 +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 card_exports = {};
-__export(card_exports, {
-  Card: () => Card,
-  CardContent: () => CardContent,
-  CardDescription: () => CardDescription,
-  CardFooter: () => CardFooter,
-  CardHeader: () => CardHeader,
-  CardTitle: () => CardTitle,
-  cardContentVariants: () => cardContentVariants,
-  cardFooterVariants: () => cardFooterVariants,
-  cardHeaderVariants: () => cardHeaderVariants,
-  cardVariants: () => cardVariants
-});
-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'));
-const cardVariants = (0, import_class_variance_authority.cva)("rounded-xl bg-card text-card-foreground", {
-  variants: {
-    variant: {
-      default: "border shadow",
-      elevated: "shadow-lg",
-      outlined: "border-2",
-      ghost: "border-0 shadow-none"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-const Card = React.forwardRef(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      ref,
-      className: (0, import_utils.default)(cardVariants({ variant, className })),
-      ...props
-    }
-  )
-);
-Card.displayName = "Card";
-const cardHeaderVariants = (0, import_class_variance_authority.cva)("flex flex-col space-y-1.5", {
-  variants: {
-    padding: {
-      none: "p-0",
-      sm: "p-4",
-      default: "p-6",
-      lg: "p-8"
-    }
-  },
-  defaultVariants: {
-    padding: "default"
-  }
-});
-const CardHeader = React.forwardRef(
-  ({ className, padding, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      ref,
-      className: (0, import_utils.default)(cardHeaderVariants({ padding, className })),
-      ...props
-    }
-  )
-);
-CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  "div",
-  {
-    ref,
-    className: (0, import_utils.default)(
-      "font-semibold leading-none tracking-tight text-2xl",
-      className
-    ),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-const CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  "div",
-  {
-    ref,
-    className: (0, import_utils.default)("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-const cardContentVariants = (0, import_class_variance_authority.cva)("", {
-  variants: {
-    padding: {
-      none: "p-0",
-      sm: "p-4 pt-0",
-      default: "p-6 pt-0",
-      lg: "p-8 pt-0"
-    }
-  },
-  defaultVariants: {
-    padding: "default"
-  }
-});
-const CardContent = React.forwardRef(
-  ({ className, padding, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      ref,
-      className: (0, import_utils.default)(cardContentVariants({ padding, className })),
-      ...props
-    }
-  )
-);
-CardContent.displayName = "CardContent";
-const cardFooterVariants = (0, import_class_variance_authority.cva)("flex items-center", {
-  variants: {
-    padding: {
-      none: "p-0",
-      sm: "p-4 pt-0",
-      default: "p-6 pt-0",
-      lg: "p-8 pt-0"
-    }
-  },
-  defaultVariants: {
-    padding: "default"
-  }
-});
-const CardFooter = React.forwardRef(
-  ({ className, padding, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      ref,
-      className: (0, import_utils.default)(cardFooterVariants({ padding, className })),
-      ...props
-    }
-  )
-);
-CardFooter.displayName = "CardFooter";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  cardContentVariants,
-  cardFooterVariants,
-  cardHeaderVariants,
-  cardVariants
-});

package/dist/esm/components/card.js

@@ -1,133 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import cn from "../utils/index.js";
-const cardVariants = cva("rounded-xl bg-card text-card-foreground", {
-  variants: {
-    variant: {
-      default: "border shadow",
-      elevated: "shadow-lg",
-      outlined: "border-2",
-      ghost: "border-0 shadow-none"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-const Card = React.forwardRef(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(cardVariants({ variant, className })),
-      ...props
-    }
-  )
-);
-Card.displayName = "Card";
-const cardHeaderVariants = cva("flex flex-col space-y-1.5", {
-  variants: {
-    padding: {
-      none: "p-0",
-      sm: "p-4",
-      default: "p-6",
-      lg: "p-8"
-    }
-  },
-  defaultVariants: {
-    padding: "default"
-  }
-});
-const CardHeader = React.forwardRef(
-  ({ className, padding, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(cardHeaderVariants({ padding, className })),
-      ...props
-    }
-  )
-);
-CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn(
-      "font-semibold leading-none tracking-tight text-2xl",
-      className
-    ),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-const CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-const cardContentVariants = cva("", {
-  variants: {
-    padding: {
-      none: "p-0",
-      sm: "p-4 pt-0",
-      default: "p-6 pt-0",
-      lg: "p-8 pt-0"
-    }
-  },
-  defaultVariants: {
-    padding: "default"
-  }
-});
-const CardContent = React.forwardRef(
-  ({ className, padding, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(cardContentVariants({ padding, className })),
-      ...props
-    }
-  )
-);
-CardContent.displayName = "CardContent";
-const cardFooterVariants = cva("flex items-center", {
-  variants: {
-    padding: {
-      none: "p-0",
-      sm: "p-4 pt-0",
-      default: "p-6 pt-0",
-      lg: "p-8 pt-0"
-    }
-  },
-  defaultVariants: {
-    padding: "default"
-  }
-});
-const CardFooter = React.forwardRef(
-  ({ className, padding, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(cardFooterVariants({ padding, className })),
-      ...props
-    }
-  )
-);
-CardFooter.displayName = "CardFooter";
-export {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  cardContentVariants,
-  cardFooterVariants,
-  cardHeaderVariants,
-  cardVariants
-};

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

@@ -1,116 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const cardVariants: (props?: ({
-    variant?: "default" | "ghost" | "elevated" | "outlined" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * CardProps — props for Card component.
- */
-interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
-}
-/**
- * Card — container component for grouped content.
- *
- * @usage
- * Use Card to group related content:
- * content cards, info panels, feature boxes, grouped sections.
- *
- * Props:
- * - `variant` — visual variant: "default", "elevated", "outlined", "ghost" (defaults to "default").
- *
- * Note: Supports different visual styles via variant prop.
- * Use with CardHeader, CardTitle, CardDescription, CardContent, and CardFooter for structured layout.
- *
- * @example
- * ```tsx
- * <Card>
- *   <CardHeader>
- *     <CardTitle>Card Title</CardTitle>
- *   </CardHeader>
- *   <CardContent>Content here</CardContent>
- * </Card>
- * ```
- */
-declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
-declare const cardHeaderVariants: (props?: ({
-    padding?: "none" | "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * CardHeaderProps — props for CardHeader component.
- */
-interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardHeaderVariants> {
-}
-/**
- * CardHeader — header section of a Card.
- *
- * @usage
- * Use CardHeader to wrap card title and description:
- * card headers with title and optional description.
- *
- * Props:
- * - `padding` — padding size: "none", "sm", "default", "lg" (defaults to "default").
- */
-declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * CardTitle — title component for Card header.
- *
- * @usage
- * Use CardTitle to display card title:
- * card headlines, card headings.
- *
- * Note: Uses large semibold text (2xl) with tight tracking.
- */
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-/**
- * CardDescription — description component for Card header.
- *
- * @usage
- * Use CardDescription to display card description or subtitle:
- * card subtitles, card descriptions, additional card information.
- *
- * Note: Uses small muted text color.
- */
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const cardContentVariants: (props?: ({
-    padding?: "none" | "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * CardContentProps — props for CardContent component.
- */
-interface CardContentProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardContentVariants> {
-}
-/**
- * CardContent — main content section of a Card.
- *
- * @usage
- * Use CardContent to wrap card main content:
- * card body, card main text, card details.
- *
- * Props:
- * - `padding` — padding size: "none", "sm", "default", "lg" (defaults to "default").
- *
- * Note: Padding-top is always 0 to work seamlessly with CardHeader.
- */
-declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const cardFooterVariants: (props?: ({
-    padding?: "none" | "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * CardFooterProps — props for CardFooter component.
- */
-interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardFooterVariants> {
-}
-/**
- * CardFooter — footer section of a Card.
- *
- * @usage
- * Use CardFooter to wrap card actions or footer content:
- * action buttons, links, additional information at card bottom.
- *
- * Props:
- * - `padding` — padding size: "none", "sm", "default", "lg" (defaults to "default").
- *
- * Note: Uses flex layout to align items horizontally. Padding-top is always 0 to work seamlessly with CardContent.
- */
-declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants, cardHeaderVariants, cardContentVariants, cardFooterVariants, };