npm - @gearbox-protocol/ui-kit - Versions diffs - 4.0.0-next.50 → 4.0.0-next.52 - Mend

@gearbox-protocol/ui-kit 4.0.0-next.50 → 4.0.0-next.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (105) hide show

package/dist/types/components/status-dot/status-dot.d.ts DELETED Viewed

@@ -1,47 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const statusDotVariants: (props?: ({
-    variant?: "default" | "success" | "alert" | "secondary" | "warning" | "primary" | "muted" | null | undefined;
-    size?: "default" | "sm" | "lg" | "xs" | "xl" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface StatusDotProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statusDotVariants> {
-    /**
-     * Whether the dot should pulse (animate)
-     */
-    pulse?: boolean;
-}
-/**
- * StatusDot — small circular indicator for status visualization
- *
- * @usage
- * Use StatusDot to display status indicators:
- * online/offline status, health indicators, activity markers, notification dots.
- *
- * Variants (variant):
- * - `default` — neutral gray dot.
- * - `success` — green dot for positive/online states.
- * - `warning` — yellow dot for warning states.
- * - `alert` — red dot for error/critical states.
- * - `primary` — primary color dot.
- * - `secondary` — secondary color dot.
- * - `muted` — muted color dot.
- *
- * Sizes (size):
- * - `xs` — extra small (6px).
- * - `sm` — small (8px).
- * - `default` — standard (10px).
- * - `lg` — large (12px).
- * - `xl` — extra large (16px).
- *
- * @example
- * ```tsx
- * <StatusDot variant="success" />
- * <StatusDot variant="alert" size="lg" pulse />
- * <div className="flex items-center gap-2">
- *   <StatusDot variant="success" />
- *   <span>Online</span>
- * </div>
- * ```
- */
-declare const StatusDot: React.ForwardRefExoticComponent<StatusDotProps & React.RefAttributes<HTMLDivElement>>;
-export { StatusDot, statusDotVariants };

package/dist/types/components/table/table-loader-guard.d.ts DELETED Viewed

@@ -1,45 +0,0 @@
-import { TableLoaderProps } from './table-loader';
-import type * as React from "react";
-/**
- * TableLoaderGuardProps — props for TableLoaderGuard component.
- */
-export interface TableLoaderGuardProps extends TableLoaderProps {
-    showGuard: boolean;
-    children: React.ReactNode;
-}
-/**
- * TableLoaderGuard — guard component that displays table skeleton while data is being loaded.
- *
- * @usage
- * Use TableLoaderGuard to conditionally show loading state in tables:
- * loading guards, conditional skeleton display, table data loading protection.
- *
- * Props:
- * - `showGuard` — if true, displays loading skeleton instead of children (required).
- * - `children` — content to display when not loading (required).
- * - `height` — height of each loading line (defaults to "70px").
- * - `columns` — number of skeleton columns (defaults to 6).
- * - `rows` — number of skeleton rows (defaults to 5).
- *
- * Note: Combines Guard with TableLoader for convenient conditional rendering in tables.
- *
- * @example
- * ```tsx
- * <GridTable cols={6}>
- *   <GridTableHeader>
- *     <Head />
- *   </GridTableHeader>
- *   <TableLoaderGuard
- *     showGuard={isLoading}
- *     rows={5}
- *     columns={6}
- *     height="70px"
- *   >
- *     <GridTableBody>
- *       {data.map(item => <Line key={item.id} data={item} />)}
- *     </GridTableBody>
- *   </TableLoaderGuard>
- * </GridTable>
- * ```
- */
-export declare function TableLoaderGuard({ showGuard, children, height, columns, rows, ...props }: TableLoaderGuardProps): React.ReactElement;

package/dist/types/components/table/table-loader.d.ts DELETED Viewed

@@ -1,50 +0,0 @@
-import type * as React from "react";
-/**
- * TableLoaderProps — props for TableLoader component.
- */
-export interface TableLoaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Height of each loading line in pixels
-     * @default "70px"
-     */
-    height?: string;
-    /**
-     * Number of skeleton columns to show
-     * @default 6
-     */
-    columns?: number;
-    /**
-     * Number of skeleton rows to show
-     * @default 5
-     */
-    rows?: number;
-    /**
-     * Custom class name for each cell in loading lines
-     */
-    cellClassName?: string;
-}
-/**
- * TableLoader — loading skeleton component for tables.
- *
- * @usage
- * Use TableLoader to display loading state in tables:
- * skeleton rows, table data loading indicators, placeholder content while fetching data.
- *
- * Props:
- * - `height` — height of each loading line (defaults to "70px").
- * - `columns` — number of skeleton columns to show (defaults to 6).
- * - `rows` — number of skeleton rows to show (defaults to 5).
- *
- * Note: Renders multiple GridLoadingLine components wrapped in GridTableBody to match the table structure.
- *
- * @example
- * ```tsx
- * <GridTable cols={6}>
- *   <GridTableHeader>
- *     <Head />
- *   </GridTableHeader>
- *   <TableLoader rows={5} columns={6} height="70px" />
- * </GridTable>
- * ```
- */
-export declare function TableLoader({ height, columns, rows, cellClassName, className, ...props }: TableLoaderProps): React.JSX.Element;

package/dist/types/components/with-title/index.d.ts DELETED Viewed

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

package/dist/types/components/with-title/with-title.d.ts DELETED Viewed

@@ -1,31 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import type * as React from "react";
-declare const withTitleVariants: (props?: ({
-    size?: "default" | "sm" | "md" | "lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface WithTitleProps extends VariantProps<typeof withTitleVariants> {
-    /**
-     * Title text or element
-     */
-    title: string | React.ReactNode;
-    /**
-     * Children content
-     */
-    children?: React.ReactNode;
-    /**
-     * Additional CSS class
-     */
-    className?: string;
-}
-/**
- * WithTitle — wrapper component that adds a title above content
- *
- * @example
- * ```tsx
- * <WithTitle title="Amount" size="sm">
- *   <Input placeholder="Enter amount" />
- * </WithTitle>
- * ```
- */
-export declare function WithTitle({ title, children, size, className, }: WithTitleProps): React.JSX.Element;
-export {};

/package/dist/types/components/{detailed-page-title/detailed-page-title-copy-button.d.ts → base/detailed-page-title/copy-button.d.ts} RENAMED Viewed

File without changes