@gearbox-protocol/permissionless-ui 1.12.3 → 1.13.0

package/dist/types/components/table/edit-button.d.ts

@@ -1,7 +1,20 @@
-interface EditButtonProps {
-    onClick?: () => void;
+import { ButtonProps } from '../buttons';
+import type * as React from "react";
+interface EditButtonProps extends Omit<ButtonProps, "variant"> {
+    /**
+     * @deprecated Use children instead
+     */
     customButton?: React.ReactNode;
-    disabled?: boolean;
+    /**
+     * Width variant of the button
+     * - "default" — compact icon button
+     * - "wide" — full width button
+     */
+    width?: "default" | "wide";
+    /**
+     * @deprecated Use width="wide" instead
+     */
+    $width?: "default" | "wide";
 }
 /**
  * EditButton — button component for triggering edit actions.
@@ -12,10 +25,27 @@ interface EditButtonProps {
  *
  * Props:
  * - `onClick` — callback function executed when button is clicked.
- * - `customButton` — custom React node to replace default edit icon.
+ * - `children` — custom content to replace default edit icon.
+ * - `width` — button width: "default" or "wide".
  * - `disabled` — if true, button is disabled.
  *
- * Note: Uses ghost variant Button with Edit icon by default. Custom button can be provided for different styling.
+ * Note: Uses ghost variant Button with Edit icon by default.
+ *
+ * @example
+ * ```tsx
+ * // Default icon button
+ * <EditButton onClick={handleEdit} />
+ *
+ * // With custom content
+ * <EditButton onClick={handleEdit}>
+ *   Edit Item
+ * </EditButton>
+ *
+ * // Wide button
+ * <EditButton width="wide" onClick={handleEdit}>
+ *   <span>Edit</span>
+ * </EditButton>
+ * ```
  */
-export declare function EditButton({ onClick, customButton, disabled, }: EditButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditButton({ onClick, customButton, children, disabled, width, $width, className, style, ...props }: EditButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -93,6 +93,18 @@ declare const GridTableFooter: React.ForwardRefExoticComponent<React.HTMLAttribu
 interface GridTableRowProps extends GridProps {
     children?: React.ReactNode;
     className?: string;
+    /**
+     * Whether this is the last row (removes bottom border)
+     */
+    last?: boolean;
+    /**
+     * Custom height for the row
+     */
+    height?: string | number;
+    /**
+     * Whether to hide value cells (for loading states)
+     */
+    hideValue?: boolean;
 }
 /**
  * GridTableRow — row component of a GridTable.
@@ -104,8 +116,28 @@ interface GridTableRowProps extends GridProps {
  * Props:
  * - `cols` — number of columns or custom grid template.
  * - `gap` — gap between cells (defaults to 0).
+ * - `last` — whether this is the last row (removes bottom border).
+ * - `height` — custom height for the row (string or number in pixels).
+ * - `hideValue` — whether to hide value cells (for loading states).
  *
  * Note: Automatically applies bottom border, hover effects, and selected state styling to all child elements.
+ *
+ * @example
+ * ```tsx
+ * <GridTableRow>
+ *   <GridTableCell>Data</GridTableCell>
+ * </GridTableRow>
+ *
+ * // Last row (no bottom border)
+ * <GridTableRow last>
+ *   <GridTableCell>Last row</GridTableCell>
+ * </GridTableRow>
+ *
+ * // Custom height
+ * <GridTableRow height="50px">
+ *   <GridTableCell>Tall row</GridTableCell>
+ * </GridTableRow>
+ * ```
  */
 declare const GridTableRow: React.ForwardRefExoticComponent<GridTableRowProps & React.RefAttributes<HTMLDivElement>>;
 declare const gridTableHeadVariants: (props?: ({
@@ -133,6 +165,7 @@ interface GridTableHeadProps extends ColProps, VariantProps<typeof gridTableHead
 declare const GridTableHead: React.ForwardRefExoticComponent<GridTableHeadProps & React.RefAttributes<HTMLDivElement>>;
 declare const gridTableCellVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
+    textAlign?: "left" | "center" | "right" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface GridTableCellProps extends ColProps, VariantProps<typeof gridTableCellVariants> {
     children?: React.ReactNode;
@@ -148,8 +181,16 @@ interface GridTableCellProps extends ColProps, VariantProps<typeof gridTableCell
  * Props:
  * - `span` — number of columns to span (defaults to 1).
  * - `size` — cell size variant: "sm", "default", "lg" (defaults to "default").
+ * - `textAlign` — text alignment: "left", "center", "right".
  *
  * Note: Automatically applies appropriate padding based on size variant.
+ *
+ * @example
+ * ```tsx
+ * <GridTableCell>Left aligned (default)</GridTableCell>
+ * <GridTableCell textAlign="center">Centered</GridTableCell>
+ * <GridTableCell textAlign="right">Right aligned</GridTableCell>
+ * ```
  */
 declare const GridTableCell: React.ForwardRefExoticComponent<GridTableCellProps & React.RefAttributes<HTMLDivElement>>;
 /**
@@ -162,5 +203,7 @@ declare const GridTableCell: React.ForwardRefExoticComponent<GridTableCellProps
  * Note: Spans full width and displays with muted text color below the table.
  */
 declare const GridTableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { GridTable, GridTableBody, GridTableCaption, GridTableCell, GridTableFooter, GridTableHead, GridTableHeader, GridTableRow, gridTableVariants, gridTableHeadVariants, gridTableCellVariants, };
+declare const Td: React.ForwardRefExoticComponent<GridTableCellProps & React.RefAttributes<HTMLDivElement>>;
+declare const Th: React.ForwardRefExoticComponent<GridTableHeadProps & React.RefAttributes<HTMLDivElement>>;
+export { GridTable, GridTableBody, GridTableCaption, GridTableCell, GridTableFooter, GridTableHead, GridTableHeader, GridTableRow, gridTableVariants, gridTableHeadVariants, gridTableCellVariants, Td, Th, };
 export type { GridTableProps, GridTableHeadProps, GridTableCellProps, GridTableRowProps, };

package/package.json

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