@gearbox-protocol/ui-kit 3.14.0-next.4 → 3.14.0-next.5

package/dist/types/components/smart-number-input/smart-number-input.d.ts

@@ -6,8 +6,16 @@ export interface TokenOption {
     label: string;
     /** Optional icon to display before the label. */
     icon?: React.ReactNode;
-    /** Called when this option is selected. */
+    /**
+     * Called when this option is selected (single-select) or toggled (multi-select).
+     * In multi-select mode the dropdown stays open; the parent manages checked state.
+     */
     onSelect: () => void;
+    /**
+     * When true, the option is shown with a checkmark.
+     * Used only in multi-select mode (`multiSelectMode` prop on SmartNumberInput).
+     */
+    checked?: boolean;
 }
 /** A-matching SmartNumberInput size for layout (styles.tsx). */
 export type SmartNumberInputSize = "sm" | "md";
@@ -40,6 +48,14 @@ export interface SmartNumberInputProps {
     symbolMaxLength?: number;
     /** Inline token options for dropdown selection (alternative to onShowSelectDialog). */
     tokenOptions?: TokenOption[];
+    /**
+     * When true, the tokenOptions dropdown works as a multi-select:
+     * - The dropdown stays open after each click (doesn't auto-close).
+     * - Options marked `checked: true` show a checkmark.
+     * - The dropdown stays open until the user closes it (e.g. click outside).
+     * The parent is responsible for maintaining `checked` state on each option.
+     */
+    multiSelectMode?: boolean;
     /** Callback when amount changes. Called with (value: bigint, valueView: string). */
     onSetAmount?: (value: bigint, valueView: string) => void;
     /** Callback to show token select dialog. */
@@ -50,6 +66,11 @@ export interface SmartNumberInputProps {
     onFocus?: () => void;
     /** Blur callback. */
     onBlur?: () => void;
+    /**
+     * USD price per one whole token unit (e.g. 1800.5 for ETH at $1 800.50).
+     * When provided, the USD equivalent of the current amount is displayed below the input.
+     */
+    usdPrice?: number;
 }
 /**
  * SmartNumberInput — token amount input with balance display (matches interface).

package/dist/types/locale/en.json.d.ts

@@ -25,8 +25,10 @@ declare const _default: {
   "components.loading.wait": "Please wait...",
 
   "components.smartNumberInput.balance": "Balance",
+  "components.smartNumberInput.amountLabel": "Amount",
   "components.smartNumberInput.inputTitle": "Token Amount",
   "components.smartNumberInput.confirm.input": "Input",
+  "components.smartNumberInput.selectToken": "Select token",
 
   "components.tipWindow.title": "Tip",
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.14.0-next.4",
+  "version": "3.14.0-next.5",
   "description": "Internal UI components",
   "repository": "https://github.com/gearbox-protocol/ui-kit",
   "license": "MIT",