@gearbox-protocol/permissionless-ui 1.10.7 → 1.10.9

package/dist/types/components/dropdown-menu/dropdown-menu.d.ts

@@ -1,8 +1,12 @@
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-declare const DropdownMenu: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').FC<DropdownMenuPrimitive.DropdownMenuProps>;
-declare const DropdownMenuTrigger: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').RefAttributes<HTMLButtonElement>>;
-declare const DropdownMenuGroup: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuPortal: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-declare const DropdownMenuSub: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-declare const DropdownMenuRadioGroup: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').RefAttributes<HTMLDivElement>>;
+import type * as React from "react";
+declare const DropdownMenu: {
+    ({ modal, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 export { DropdownMenu, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSub, DropdownMenuTrigger, };

package/dist/types/components/error-message/error-line-message.d.ts

@@ -0,0 +1,19 @@
+import type * as React from "react";
+export interface ErrorLineMessageProps {
+    /** The error to display */
+    err: Error;
+    /** Optional title (defaults to "Error") */
+    title?: string;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ErrorLineMessage — displays an inline error message
+ *
+ * @example
+ * ```tsx
+ * <ErrorLineMessage err={new Error("Something went wrong")} />
+ * <ErrorLineMessage err={error} title="Network Error" />
+ * ```
+ */
+export declare function ErrorLineMessage({ err, title, className, }: ErrorLineMessageProps): React.ReactElement;

package/dist/types/components/error-message/index.d.ts

@@ -1 +1,2 @@
+export * from './error-line-message';
 export * from './error-message';

package/dist/types/components/error-view/error-view.d.ts

@@ -0,0 +1,28 @@
+import type * as React from "react";
+export interface ErrorViewProps {
+    /** HTTP status code or error code to display */
+    status: number;
+    /** Error message to display */
+    message: string;
+    /** Optional back button configuration */
+    backButton?: {
+        text: string;
+        href: string;
+    };
+    /** Additional className for the container */
+    className?: string;
+}
+/**
+ * ErrorView - Display a centered error view with status code and message
+ * Useful for error pages like 404, 500, etc.
+ *
+ * @example
+ * ```tsx
+ * <ErrorView
+ *   status={404}
+ *   message="Page not found"
+ *   backButton={{ text: "Go back", href: "/" }}
+ * />
+ * ```
+ */
+export declare function ErrorView({ status, message, backButton, className, }: ErrorViewProps): React.ReactElement;

package/dist/types/components/error-view/index.d.ts

@@ -0,0 +1 @@
+export * from './error-view';

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

@@ -20,6 +20,7 @@ export * from './detailed-page-title';
 export * from './dialog';
 export * from './dropdown-menu';
 export * from './error-message';
+export * from './error-view';
 export * from './filter';
 export * from './form';
 export * from './graph';
@@ -60,4 +61,5 @@ export * from './tooltip';
 export * from './trading-view';
 export * from './typed-intl';
 export * from './vspace';
+export * from './with-copy';
 export * from './with-filter-button';

package/dist/types/components/layout/block/block.d.ts

@@ -0,0 +1,23 @@
+import type * as React from "react";
+export type BlockMargins = "none" | "sm" | "md" | "lg";
+export type JustifyContent = "flex-start" | "center" | "flex-end" | "between";
+export type AlignItems = "flex-start" | "center" | "flex-end" | "stretch";
+export interface BlockProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Bottom margin */
+    margin?: BlockMargins;
+    /** Horizontal alignment (justify-content) */
+    justify?: JustifyContent;
+    /** Vertical alignment (align-items) */
+    align?: AlignItems;
+}
+/**
+ * Block — a flexbox container with configurable margin, justify, and align
+ *
+ * @example
+ * ```tsx
+ * <Block margin="md" justify="center" align="center">
+ *   <div>Content</div>
+ * </Block>
+ * ```
+ */
+export declare function Block({ children, margin, justify, align, className, ...props }: BlockProps): React.ReactElement;

package/dist/types/components/layout/block/index.d.ts

@@ -0,0 +1 @@
+export * from './block';

package/dist/types/components/layout/index.d.ts

@@ -1,4 +1,5 @@
 export * from './app-logo';
+export * from './block';
 export * from './col';
 export * from './container';
 export * from './footer';

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

@@ -27,7 +27,10 @@ import * as React from "react";
  * - for multi-select (use Checkbox or appropriate multi-select components).
  * - for simple toggle switches (use Checkbox or Switch components).
  */
-declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const Select: {
+    ({ modal, ...props }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
 declare const selectTriggerVariants: (props?: ({

package/dist/types/components/skeleton/index.d.ts

@@ -1 +1,2 @@
 export * from './skeleton';
+export * from './skeleton-stack';

package/dist/types/components/skeleton/skeleton-stack.d.ts

@@ -0,0 +1,19 @@
+import type * as React from "react";
+export interface SkeletonStackProps {
+    /** Number of skeleton lines to display */
+    lines?: number;
+    /** Additional className for the container */
+    className?: string;
+    /** Gap between skeleton lines */
+    gap?: "sm" | "md" | "lg";
+}
+/**
+ * SkeletonStack — displays multiple skeleton lines for loading text content
+ *
+ * @example
+ * ```tsx
+ * <SkeletonStack lines={5} />
+ * <SkeletonStack lines={3} gap="lg" />
+ * ```
+ */
+export declare function SkeletonStack({ lines, className, gap, }: SkeletonStackProps): React.ReactElement;

package/dist/types/components/with-copy/index.d.ts

@@ -0,0 +1 @@
+export * from './with-copy';

package/dist/types/components/with-copy/with-copy.d.ts

@@ -0,0 +1,29 @@
+import { PropsWithChildren } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import type * as React from "react";
+export interface WithCopyProps {
+    /** Text to copy to clipboard */
+    toCopy: string;
+    /** Callback after successful copy */
+    onCopySuccess?: () => void;
+    /** Custom success message */
+    successMessage?: string;
+    /** Icon size in pixels */
+    iconSize?: number;
+    /** Custom icon element */
+    icon?: React.ReactNode;
+    /** Additional className for the container */
+    className?: string;
+    /** Additional className for the button */
+    buttonClassName?: string;
+}
+/**
+ * WithCopy — wraps content with a copy-to-clipboard button
+ *
+ * @example
+ * ```tsx
+ * <WithCopy toCopy="0x1234...5678">
+ *   <span>0x1234...5678</span>
+ * </WithCopy>
+ * ```
+ */
+export declare function WithCopy({ toCopy, children, onCopySuccess, successMessage, iconSize, icon, className, buttonClassName, }: PropsWithChildren<WithCopyProps>): React.ReactElement;

package/dist/types/index.d.ts

@@ -18,6 +18,7 @@ export * from './components/detailed-page-title';
 export * from './components/dialog';
 export * from './components/dropdown-menu';
 export * from './components/error-message';
+export * from './components/error-view';
 export * from './components/filter';
 export * from './components/form';
 export * from './components/graph';
@@ -57,6 +58,7 @@ export * from './components/tooltip';
 export * from './components/trading-view';
 export * from './components/typed-intl';
 export * from './components/vspace';
+export * from './components/with-copy';
 export * from './components/with-filter-button';
 export * from './configs/design-tokens';
 export * from './configs/variants';

package/package.json

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