@gearbox-protocol/permissionless-ui 1.7.3 → 1.7.5

package/dist/types/components/stat-badge/stat-badge.d.ts

@@ -0,0 +1,169 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const statBadgeVariants: (props?: ({
+    variant?: "primary" | "filled" | "elevated" | "outlined" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const statBadgeTitleVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const statBadgeContentVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface DeltaProps {
+    /**
+     * Label to show before the delta value
+     */
+    label?: string;
+    /**
+     * Delta value (percentage or number)
+     */
+    value: number;
+    /**
+     * Tooltip content for the delta
+     */
+    tooltip?: React.ReactNode;
+    /**
+     * Custom icon for positive delta
+     */
+    positiveIcon?: React.ReactNode;
+    /**
+     * Custom icon for negative delta
+     */
+    negativeIcon?: React.ReactNode;
+}
+export interface StatBadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof statBadgeVariants> {
+    /**
+     * Title/label of the stat
+     */
+    title: React.ReactNode;
+    /**
+     * Main value to display
+     */
+    value: React.ReactNode;
+    /**
+     * Optional description for the value
+     */
+    valueDescription?: React.ReactNode;
+    /**
+     * Optional delta configuration
+     */
+    delta?: DeltaProps;
+}
+/**
+ * StatBadge component for displaying statistics and metrics with optional delta indicators
+ *
+ * **Note:** If using delta tooltips, wrap your app with `<TooltipProvider>` from the tooltip component.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <StatBadge
+ *   title="Total Value"
+ *   value="$1,234.56"
+ * />
+ *
+ * // With description
+ * <StatBadge
+ *   title="APY"
+ *   value="12.5"
+ *   valueDescription="%"
+ * />
+ *
+ * // With delta (positive change)
+ * <StatBadge
+ *   title="Revenue"
+ *   value="$10,000"
+ *   delta={{
+ *     label: "+15.5%",
+ *     value: 15.5,
+ *   }}
+ * />
+ *
+ * // With delta and tooltip (requires TooltipProvider)
+ * <TooltipProvider>
+ *   <StatBadge
+ *     title="Revenue"
+ *     value="$10,000"
+ *     delta={{
+ *       label: "+15.5%",
+ *       value: 15.5,
+ *       tooltip: "15.5% increase from last month"
+ *     }}
+ *   />
+ * </TooltipProvider>
+ *
+ * // Small size with outlined variant
+ * <StatBadge
+ *   title="Users"
+ *   value="1,234"
+ *   size="sm"
+ *   variant="outlined"
+ * />
+ *
+ * // Primary variant
+ * <StatBadge
+ *   title="Active Sessions"
+ *   value="42"
+ *   variant="primary"
+ * />
+ *
+ * // Negative delta
+ * <StatBadge
+ *   title="Errors"
+ *   value="12"
+ *   delta={{
+ *     label: "-25%",
+ *     value: -25,
+ *   }}
+ * />
+ * ```
+ */
+export declare const StatBadge: React.ForwardRefExoticComponent<StatBadgeProps & React.RefAttributes<HTMLDivElement>>;
+declare const statBadgeGridVariants: (props?: ({
+    cols?: 2 | 1 | 3 | 5 | 4 | 6 | null | undefined;
+    gap?: "default" | "sm" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface StatBadgeGridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statBadgeGridVariants> {
+    /**
+     * Number of columns in the grid (responsive breakpoints applied automatically)
+     */
+    cols?: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Gap size between grid items
+     */
+    gap?: "sm" | "default" | "lg" | "xl";
+}
+/**
+ * StatBadgeGrid component for displaying multiple stat badges in a responsive grid layout
+ *
+ * @example
+ * ```tsx
+ * // Default 4 columns (1 on mobile, 2 on tablet, 3 on desktop, 4 on xl)
+ * <StatBadgeGrid>
+ *   <StatBadge title="Total Value" value="$1,234.56" />
+ *   <StatBadge title="APY" value="12.5%" />
+ *   <StatBadge title="Users" value="1,234" />
+ * </StatBadgeGrid>
+ *
+ * // 3 columns layout
+ * <StatBadgeGrid cols={3}>
+ *   <StatBadge title="Revenue" value="$10,000" />
+ *   <StatBadge title="Users" value="1,234" />
+ *   <StatBadge title="Sessions" value="42" />
+ * </StatBadgeGrid>
+ *
+ * // 2 columns with large gap
+ * <StatBadgeGrid cols={2} gap="lg">
+ *   <StatBadge title="Active" value="123" />
+ *   <StatBadge title="Inactive" value="45" />
+ * </StatBadgeGrid>
+ *
+ * // Single column
+ * <StatBadgeGrid cols={1}>
+ *   <StatBadge title="Total" value="$1,000" />
+ * </StatBadgeGrid>
+ * ```
+ */
+export declare const StatBadgeGrid: React.ForwardRefExoticComponent<StatBadgeGridProps & React.RefAttributes<HTMLDivElement>>;
+export { statBadgeVariants, statBadgeTitleVariants, statBadgeContentVariants, statBadgeGridVariants, };

package/dist/types/components/tab-control/index.d.ts

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

package/dist/types/components/table/editable-grid-table.d.ts

@@ -1,4 +1,4 @@
-import type { Address } from "viem";
+import { Address } from 'viem';
 /**
  * GridTableCellAssetProps — props for GridTableCellAsset component.
  */

package/dist/types/components/table/editable-table.d.ts

@@ -1,4 +1,4 @@
-import type { Address } from "viem";
+import { Address } from 'viem';
 interface TableCellAssetProps {
     assetAddress: Address;
     symbol: string;

package/dist/types/components/table/grid-table.d.ts

@@ -1,10 +1,10 @@
-import { type VariantProps } from "class-variance-authority";
+import { VariantProps } from 'class-variance-authority';
+import { ColProps } from '../layout/col';
+import { GridProps } from '../layout/grid';
 import * as React from "react";
-import { type ColProps } from "../layout/col";
-import { type GridProps } from "../layout/grid";
 declare const gridTableVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface GridTableProps extends Omit<GridProps, "cols">, VariantProps<typeof gridTableVariants> {
     cols?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | string;
 }
@@ -107,7 +107,7 @@ declare const GridTableRow: React.ForwardRefExoticComponent<GridTableRowProps &
 declare const gridTableHeadVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
     justify?: "end" | "center" | "start" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface GridTableHeadProps extends ColProps, VariantProps<typeof gridTableHeadVariants> {
 }
 /**
@@ -127,7 +127,7 @@ interface GridTableHeadProps extends ColProps, VariantProps<typeof gridTableHead
 declare const GridTableHead: React.ForwardRefExoticComponent<GridTableHeadProps & React.RefAttributes<HTMLDivElement>>;
 declare const gridTableCellVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface GridTableCellProps extends ColProps, VariantProps<typeof gridTableCellVariants> {
 }
 /**

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

@@ -1,13 +1,13 @@
-export * from "./edit-button";
-export * from "./editable-grid-table";
-export * from "./editable-table";
-export * from "./grid-error-line";
-export * from "./grid-loading-line";
-export * from "./grid-table";
-export * from "./grid-table-loader";
-export * from "./sortable-head-cell";
-export * from "./table";
-export * from "./table-loader";
-export * from "./table-loader-guard";
-export * from "./table-sm";
-export * from "./updated-value";
+export * from './edit-button';
+export * from './editable-grid-table';
+export * from './editable-table';
+export * from './grid-error-line';
+export * from './grid-loading-line';
+export * from './grid-table';
+export * from './grid-table-loader';
+export * from './sortable-head-cell';
+export * from './table';
+export * from './table-loader';
+export * from './table-loader-guard';
+export * from './table-sm';
+export * from './updated-value';

package/dist/types/components/table/sortable-head-cell.d.ts

@@ -1,5 +1,5 @@
+import { SortType } from '../../utils/sort';
 import type * as React from "react";
-import type { SortType } from "../../utils/sort";
 /**
  * SortableHeadCellProps — props for SortableHeadCell component.
  */

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

@@ -1,5 +1,5 @@
+import { TableLoaderProps } from './table-loader';
 import type * as React from "react";
-import { type TableLoaderProps } from "./table-loader";
 /**
  * TableLoaderGuardProps — props for TableLoaderGuard component.
  */

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

@@ -1,4 +1,4 @@
-import { type VariantProps } from "class-variance-authority";
+import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 /**
  * Table — table component and its subcomponents.
@@ -28,7 +28,7 @@ import * as React from "react";
  */
 declare const tableVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface TableProps extends React.HTMLAttributes<HTMLTableElement>, VariantProps<typeof tableVariants> {
 }
 /**
@@ -73,13 +73,13 @@ declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<
 declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
 declare const tableHeadVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement>, VariantProps<typeof tableHeadVariants> {
 }
 declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
 declare const tableCellVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement>, VariantProps<typeof tableCellVariants> {
 }
 declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;

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

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

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

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

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

@@ -0,0 +1,40 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const textareaVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    variant?: "default" | "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * TextareaProps — props for Textarea component.
+ */
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
+}
+/**
+ * Textarea — multi-line text input component with size variants.
+ *
+ * @usage
+ * Use Textarea for multi-line text input:
+ * comments, descriptions, long-form text, message inputs, bytecodes.
+ *
+ * Props:
+ * - `size` — textarea size: "sm", "default", "lg" (defaults to "default").
+ * - `variant` — visual variant: "default", "error" (defaults to "default").
+ * - All standard HTML textarea props are supported (value, onChange, placeholder, rows, etc.).
+ *
+ * Note: Minimum height varies by size (60px for sm, 80px for default, 120px for lg).
+ * 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).
+ *
+ * @example
+ * ```tsx
+ * <Textarea placeholder="Enter description" />
+ * <Textarea size="lg" rows={10} />
+ * <Textarea variant="error" />
+ * ```
+ */
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea, textareaVariants };

package/dist/types/components/theme-provider.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from "react";
+import { ReactNode } from '../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 /**
  * Theme types
  */

package/dist/types/components/theme-toggle/index.d.ts

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

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

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

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

@@ -0,0 +1,28 @@
+import { ImageProps } from '../image';
+/**
+ * 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 interface TokenIconProps {
+    symbol: string;
+    size?: number;
+    className?: string;
+    ImageComponent?: React.ComponentType<ImageProps>;
+}
+export declare function TokenIcon({ symbol, size, className, ImageComponent, }: TokenIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/token-symbol/index.d.ts

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

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

@@ -0,0 +1,71 @@
+import { NetworkType } from '@gearbox-protocol/sdk';
+import type * as React from "react";
+type PartialTokenData = {
+    symbol: string;
+    title?: string;
+};
+export interface TokenSymbolProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /**
+     * Token data object or symbol string
+     */
+    token?: PartialTokenData | string;
+    /**
+     * Optional override title to display
+     */
+    title?: React.ReactNode;
+    /**
+     * Optional className for additional styling
+     */
+    className?: string;
+    /**
+     * Optional comment to display next to the symbol
+     */
+    comment?: string;
+    /**
+     * Whether to show the token icon
+     * @default true
+     */
+    showIcon?: boolean;
+    /**
+     * Whether to show the token symbol text
+     * @default false
+     */
+    showSymbol?: boolean;
+    /**
+     * Size of the token icon in pixels
+     * @default 24
+     */
+    size?: number;
+    /**
+     * Chain ID for network badge
+     */
+    chainId?: number;
+    /**
+     * Network type for network badge
+     */
+    network?: NetworkType;
+    /**
+     * Maximum length for symbol truncation
+     */
+    maxLength?: number;
+}
+/**
+ * TokenSymbol component for displaying token symbols with optional icon and comment
+ *
+ * @example
+ * ```tsx
+ * // Basic usage with token object
+ * <TokenSymbol token={tokenData} />
+ *
+ * // With symbol string
+ * <TokenSymbol token="ETH" />
+ *
+ * // Without icon
+ * <TokenSymbol token="WETH" showIcon={false} />
+ *
+ * // With symbol text
+ * <TokenSymbol token="WETH" showSymbol={true} />
+ * ```
+ */
+export declare function TokenSymbol({ token, title, className, comment, showIcon, showSymbol, size, chainId, network, maxLength, ...props }: TokenSymbolProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/types/components/trading-view/graph-dropdown.d.ts

@@ -0,0 +1,71 @@
+import type * as React from "react";
+/**
+ * Graph dropdown item configuration
+ */
+export interface GraphDropdownItem<T> {
+    /** Value identifier for the graph */
+    value: T;
+    /** Display label for the graph */
+    label: React.ReactNode;
+}
+/**
+ * GraphDropdown component props
+ */
+export interface GraphDropdownProps<T> {
+    /** Default selected item(s) */
+    defaultItem: GraphDropdownItem<T> | Array<GraphDropdownItem<T>>;
+    /** Available items to select from */
+    items: Array<GraphDropdownItem<T>>;
+    /** Callback when selection changes */
+    onSelected: (graph: T | Array<T>) => void;
+    /** Enable multiple selection mode */
+    multiple?: boolean;
+}
+/**
+ * GraphDropdown — dropdown select component for choosing graph types.
+ *
+ * @usage
+ * Use GraphDropdown for graph/chart type selection:
+ * metric selectors, chart type toggles, data series pickers.
+ *
+ * Features:
+ * - Single or multiple selection modes
+ * - Checkbox indicators for multi-select
+ * - Synced with external default item changes
+ * - Read-only mode when only one item
+ *
+ * Props:
+ * - `defaultItem` — initially selected item(s)
+ * - `items` — array of selectable options
+ * - `onSelected` — callback when selection changes
+ * - `multiple` — enable multi-select mode
+ *
+ * @example
+ * ```tsx
+ * // Single selection
+ * <GraphDropdown
+ *   items={[
+ *     { value: "price", label: "Price" },
+ *     { value: "volume", label: "Volume" },
+ *   ]}
+ *   defaultItem={{ value: "price", label: "Price" }}
+ *   onSelected={(value) => setSelectedGraph(value)}
+ * />
+ *
+ * // Multiple selection
+ * <GraphDropdown
+ *   items={[
+ *     { value: "eth", label: "ETH" },
+ *     { value: "btc", label: "BTC" },
+ *     { value: "usdc", label: "USDC" },
+ *   ]}
+ *   defaultItem={[
+ *     { value: "eth", label: "ETH" },
+ *     { value: "btc", label: "BTC" },
+ *   ]}
+ *   onSelected={(values) => setSelectedGraphs(values)}
+ *   multiple
+ * />
+ * ```
+ */
+export declare function GraphDropdown<T extends string = string>({ items, defaultItem, onSelected, multiple, }: GraphDropdownProps<T>): React.ReactElement;

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

@@ -0,0 +1,2 @@
+export * from './graph-dropdown';
+export * from './trading-view';

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

@@ -0,0 +1,105 @@
+import { RangeButtonsProps } from '../buttons/range-buttons/range-buttons';
+import { YMeasureUnits } from '../graph/formatters';
+import { GraphDropdownItem, GraphDropdownProps } from './graph-dropdown';
+import type * as React from "react";
+/**
+ * Point data structure for chart
+ */
+export interface GraphDataPoint {
+    time: number;
+    value: number;
+}
+/**
+ * Graph data structure with title and data points
+ */
+export interface GraphData {
+    title?: string;
+    data: GraphDataPoint[];
+}
+/**
+ * TradingView component props
+ */
+export interface TradingViewProps<T extends string = string> {
+    /** Graph data - single or array of series */
+    data: GraphData | Array<GraphData> | undefined;
+    /** Y-axis unit for single or multiple series */
+    yMeasureUnit?: YMeasureUnits | Array<YMeasureUnits>;
+    /** Chart height in pixels */
+    height?: number;
+    /** Default selected graph item(s) */
+    defaultGraph?: GraphDropdownProps<T>["defaultItem"];
+    /** Callback when graph selection changes */
+    onGraphSelected?: GraphDropdownProps<T>["onSelected"];
+    /** Available graphs for selection */
+    graphs?: Array<GraphDropdownItem<T>>;
+    /** Enable multiple graph selection */
+    isMultipleSelect?: boolean;
+    /** Available time range options */
+    rangeList: RangeButtonsProps<string>["rangeList"];
+    /** Currently selected time range */
+    range: string;
+    /** Callback to change selected range */
+    setRange: (range: string) => void;
+    /** Callback when expand button is clicked */
+    onGraphExpanded?: () => void;
+    /** Whether graph is currently expanded */
+    isGraphExpanded?: boolean;
+    /** Callback when series is unselected from legend */
+    onUnselectSeries?: (label: string) => void;
+}
+/**
+ * TradingView — comprehensive charting component with graph selection and time range controls.
+ *
+ * @usage
+ * Use TradingView for interactive financial charts:
+ * price charts, trading dashboards, market analytics, multi-series comparisons.
+ *
+ * Features:
+ * - Graph dropdown for selecting different metrics
+ * - Time range buttons for filtering data period
+ * - Fullscreen expand/collapse support
+ * - Multiple series with automatic color assignment
+ * - Legend with clickable series toggle
+ * - Mobile-responsive toolbar
+ *
+ * Props:
+ * - `data` — graph data (single GraphData or array for multiple series)
+ * - `yMeasureUnit` — y-axis unit (single or array matching series)
+ * - `height` — chart height in pixels (default: 306)
+ * - `graphs` — available graph options for dropdown
+ * - `defaultGraph` — initially selected graph(s)
+ * - `onGraphSelected` — callback when graph selection changes
+ * - `isMultipleSelect` — allow multiple graph selection
+ * - `rangeList` — time range options array
+ * - `range` — currently selected range value
+ * - `setRange` — callback to update range
+ * - `onGraphExpanded` — callback for expand button click
+ * - `isGraphExpanded` — current expand state
+ * - `onUnselectSeries` — callback when series is unselected from legend
+ *
+ * @example
+ * ```tsx
+ * const [range, setRange] = useState("1d");
+ * const [selectedGraph, setSelectedGraph] = useState("price");
+ *
+ * <TradingView
+ *   data={priceData}
+ *   yMeasureUnit="$"
+ *   height={400}
+ *   graphs={[
+ *     { value: "price", label: "Price" },
+ *     { value: "volume", label: "Volume" },
+ *   ]}
+ *   defaultGraph={{ value: "price", label: "Price" }}
+ *   onGraphSelected={setSelectedGraph}
+ *   rangeList={[
+ *     { value: "1d", label: "1D" },
+ *     { value: "1w", label: "7D" },
+ *     { value: "1m", label: "30D" },
+ *   ]}
+ *   range={range}
+ *   setRange={setRange}
+ * />
+ * ```
+ */
+export declare function TradingView<T extends string = string>({ data, yMeasureUnit, height, defaultGraph, onGraphSelected, graphs, isMultipleSelect, range, rangeList, setRange, onGraphExpanded, isGraphExpanded, onUnselectSeries, }: TradingViewProps<T>): React.ReactElement;

package/dist/types/components/typed-intl/index.d.ts

@@ -1,6 +1,6 @@
-import type { FormatXMLElementFn, PrimitiveType } from "intl-messageformat";
+import { FormatXMLElementFn, PrimitiveType } from 'intl-messageformat';
+import { FormattedMessage } from 'react-intl';
 import type * as React from "react";
-import { FormattedMessage } from "react-intl";
 type FormattedMessageProps = React.ComponentProps<typeof FormattedMessage>;
 export type Values = FormattedMessageProps["values"];
 export type LocaleKeys = string;
@@ -14,6 +14,6 @@ export interface FormatMessageTypedProps {
 }
 export declare function useIntlTyped(): {
     formatMessage: ({ messageId }: FormatMessageTypedProps, values?: Record<string, PrimitiveType | FormatXMLElementFn<string, string>>) => string;
-    intl: import("react-intl").IntlShape;
+    intl: import('react-intl').IntlShape;
 };
 export {};

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

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

package/dist/types/components/with-filter-button/index.d.ts

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