@gearbox-protocol/permissionless-ui 1.22.0-next.30 → 1.22.0-next.32

package/dist/types/components/edit-input/edit-input.d.ts

@@ -1,55 +1,40 @@
-export interface EditInputProps {
+import { VariantProps } from 'class-variance-authority';
+import { Input } from '../input';
+import { TextButton } from '../text-button';
+import * as React from "react";
+declare const editLabelHeightVariants: (props?: ({
+    labelHeight?: "sm" | "lg" | "xs" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type Variants = VariantProps<typeof editLabelHeightVariants>;
+export interface EditInputProps extends Omit<React.ComponentProps<typeof Input>, "onChange" | "label" | "size"> {
     /**
-     * Current value
+     * Label shown when not editing (clickable to enter edit mode)
      */
-    value?: string;
+    label: React.ReactNode;
     /**
-     * Callback when value changes
+     * Callback when value changes (matches interface: receives event)
      */
-    onChange?: (value: string) => void;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     /**
-     * Placeholder text
+     * Callback when submit is triggered (Enter or ending icon click)
      */
-    placeholder?: string;
+    onSubmit: () => void;
     /**
-     * Whether the input is disabled
+     * Callback when edit mode is toggled
      */
-    disabled?: boolean;
+    onEditModeChange?: (active: boolean) => void;
     /**
-     * Callback when input loses focus
+     * Props passed to the TextButton used in view mode
      */
-    onBlur?: () => void;
+    textButtonProps?: Partial<React.ComponentProps<typeof TextButton>>;
     /**
-     * Callback when enter is pressed
+     * Size variant (matches interface InputSize)
      */
-    onSubmit?: () => void;
-    /**
-     * Callback when edit mode changes
-     */
-    onEditModeChange?: (isEditing: boolean) => void;
-    /**
-     * Label for the input
-     */
-    label?: string;
-    /**
-     * Size variant
-     */
-    inputSize?: "xs" | "sm" | "md" | "lg";
-    /**
-     * Additional CSS class
-     */
-    className?: string;
+    inputSize?: NonNullable<Variants["labelHeight"]>;
 }
 /**
- * EditInput — an inline editable input field
- *
- * @example
- * ```tsx
- * <EditInput
- *   value={name}
- *   onChange={setName}
- *   placeholder="Enter name"
- * />
- * ```
+ * EditInput — inline editable field: view mode (TextButton + label) or edit mode (Input + arrow submit).
+ * Matches interface EditInput structure and styles.
  */
-export declare function EditInput({ value, onChange, placeholder, disabled, onBlur, onSubmit, onEditModeChange, label, inputSize, className, }: EditInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditInput({ label, value, onChange, onSubmit, onEditModeChange, textButtonProps, inputSize, colorTheme, placeholder, inputMode, autoComplete, autoCorrect, type, spellCheck, className, onKeyDown: onKeyDownProp, ...restProps }: EditInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,8 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-export type InputColorTheme = "filledDark" | "filledLight" | "outlined";
 declare const inputVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xs" | null | undefined;
     colorTheme?: "outlined" | "filledDark" | "filledLight" | null | undefined;
     variant?: "default" | "success" | "error" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,44 +1,32 @@
+import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-export interface TextButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Icon element (legacy API with $ prefix)
-     */
-    $icon?: React.ReactNode;
+declare const textColorVariants: (props?: ({
+    buttonColor?: "empty" | "primaryDashed" | "secondaryDashed" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const layoutVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "md" | null | undefined;
+    width?: "compact" | "wide" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TextButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof layoutVariants>, VariantProps<typeof textColorVariants> {
     /**
      * Icon element (new API)
      */
     icon?: React.ReactNode;
-    /**
-     * Size variant (legacy API with $ prefix)
-     */
-    $size?: "sm" | "md" | "lg";
-    /**
-     * Size variant (new API)
-     */
-    size?: "sm" | "md" | "lg";
-    /**
-     * Color variant (legacy API with $ prefix)
-     */
-    $color?: "primary" | "secondary" | "muted" | "primaryDashed" | "secondaryDashed" | "empty";
-    /**
-     * Color variant (new API)
-     */
-    color?: "primary" | "secondary" | "muted" | "primaryDashed" | "secondaryDashed" | "empty";
     /**
      * Element type to render as
      */
     as?: "button" | "a" | "div" | "span";
 }
 /**
- * TextButton — text-only button with underline on hover
+ * TextButton — text-only button with optional dashed underline (matches interface TextButton)
  *
  * @example
  * ```tsx
- * <TextButton onClick={handleClick} color="primary">
+ * <TextButton onClick={handleClick} color="primaryDashed">
  *   Click me
  * </TextButton>
  *
- * <TextButton icon={<Icon />} size="sm" color="muted">
+ * <TextButton icon={<Icon />} size="sm" color="secondaryDashed">
  *   Edit
  * </TextButton>
  * ```
@@ -46,3 +34,4 @@ export interface TextButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
 export declare const TextButton: React.ForwardRefExoticComponent<TextButtonProps & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/package.json

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