@gearbox-protocol/permissionless-ui 1.2.31 → 1.2.32

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

@@ -1,5 +1,25 @@
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React from "react";
+/**
+ * Tabs — tab navigation component and its subcomponents.
+ *
+ * @usage
+ * Use Tabs to organize content into multiple panels:
+ * tab navigation, content sections, view switchers, segmented content.
+ *
+ * Tab Components:
+ * - `Tabs` — root component (TabsPrimitive.Root).
+ * - `TabsList` — container for tab triggers.
+ * - `TabsTrigger` — individual tab trigger button.
+ * - `TabsContent` — content panel for each tab.
+ *
+ * Note: All components are based on Radix UI Tabs primitive.
+ * Prefer using these components instead of @radix-ui/react-tabs directly.
+ *
+ * Do NOT use Tabs:
+ * - for navigation between pages (use NavigationButton or Link components).
+ * - for simple content sections (use Card or other container components).
+ */
 declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,21 @@
 import * as React from "react";
+/**
+ * Textarea — multi-line text input component.
+ *
+ * @usage
+ * Use Textarea for multi-line text input:
+ * comments, descriptions, long-form text, message inputs, bytecodes, etc.
+ *
+ * Props:
+ * - All standard HTML textarea props are supported (value, onChange, placeholder, rows, etc.).
+ *
+ * Note: Minimum height of 80px. Uses standard form input styling with focus states.
+ * Prefer using this component instead of native HTML textarea element.
+ *
+ * Do NOT use Textarea:
+ * - for single-line text input (use Input component).
+ * - for rich text editing (use appropriate rich text editor components).
+ */
 export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

package/dist/types/components/token-icon.d.ts

@@ -2,5 +2,25 @@ interface TokenIconProps {
     symbol: string;
     size?: number;
 }
+/**
+ * TokenIcon — component for displaying token/asset icons.
+ *
+ * @usage
+ * Use TokenIcon to display token or asset icons:
+ * token symbols, asset icons, currency icons, token representations.
+ *
+ * Props:
+ * - `symbol` — token symbol/ticker (required).
+ * - `size` — icon size in pixels (defaults to 48).
+ *
+ * Note: Fetches icon from Gearbox static CDN based on symbol.
+ * Automatically falls back to default icon if token icon is not found.
+ * Symbol is normalized (removes "/", spaces, "-f", converts "-" to "_", lowercased).
+ * Displays as rounded circle.
+ *
+ * Do NOT use TokenIcon:
+ * - for address identifiers (use Identicon component).
+ * - for custom images or logos (use Image component).
+ */
 export declare function TokenIcon({ symbol, size }: TokenIconProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,23 @@
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as React from "react";
+/**
+ * Tooltip — tooltip component and its subcomponents.
+ *
+ * @usage
+ * Use Tooltip to display additional information on hover:
+ * help text, descriptions, hints, additional context.
+ *
+ * Tooltip Components:
+ * - `TooltipProvider` — provider component that wraps tooltip usage.
+ * - `Tooltip` — root component (TooltipPrimitive.Root).
+ * - `TooltipTrigger` — element that triggers the tooltip.
+ * - `TooltipContent` — tooltip content container.
+ *
+ * Note: All components are based on Radix UI Tooltip primitive.
+ * TooltipContent uses primary background and primary-foreground text color.
+ * Supports animations and positioning.
+ * Prefer using these components instead of @radix-ui/react-tooltip directly.
+ */
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/package.json

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