@carto/ps-react-ui 5.0.0 → 6.0.0

package/dist/types/widgets/actions/stack-toggle/types.d.ts

@@ -1,25 +0,0 @@
-import { IconButtonProps } from '@mui/material';
-import { ReactNode } from 'react';
-import { BaseWidgetState } from '../../stores/types.js';
-export interface StackToggleProps {
-    /** Widget ID to update stack configuration in the widget store */
-    id: string;
-    /** Initial toggle state - when true, starts with stacking enabled */
-    defaultIsStacked?: boolean;
-    /** Custom labels for the action */
-    labels?: {
-        /** Tooltip when stacking is disabled (button will enable stacking) */
-        stacked?: string;
-        /** Tooltip when stacking is enabled (button will disable stacking) */
-        unstacked?: string;
-        /** Accessibility label */
-        ariaLabel?: string;
-    };
-    /** Props passed to the IconButton component */
-    IconButtonProps?: IconButtonProps;
-    /** Custom icon to display */
-    Icon?: ReactNode;
-}
-export type StackToggleState<T = unknown> = BaseWidgetState<T & {
-    isStacked?: boolean;
-}>;

package/dist/types/widgets/actions/zoom-toggle/types.d.ts

@@ -1,41 +0,0 @@
-import { IconButtonProps } from '@mui/material';
-import { ReactNode } from 'react';
-import { BaseWidgetState } from '../../stores/types.js';
-/**
- * State stored in widget store for zoom functionality
- */
-export interface ZoomConfig {
-    zoom?: boolean;
-    /** Start percentage for zoom range (0-100) */
-    zoomStart?: number;
-    /** End percentage for zoom range (0-100) */
-    zoomEnd?: number;
-}
-export type ZoomState<T = unknown> = BaseWidgetState<T & ZoomConfig>;
-export interface ZoomToggleProps {
-    /** Widget ID to update zoom state in the widget store */
-    id: string;
-    /** Initial zoom state - when true, zoom is enabled */
-    defaultZoom?: boolean;
-    /** Initial start percentage for zoom range (0-100) */
-    defaultZoomStart?: number;
-    /** Initial end percentage for zoom range (0-100) */
-    defaultZoomEnd?: number;
-    /** Custom labels for the action */
-    labels?: {
-        /** Tooltip when zoom is disabled (button will enable zoom) */
-        enable?: string;
-        /** Tooltip when zoom is enabled (button will disable zoom) */
-        disable?: string;
-        /** Tooltip for reset button */
-        reset?: string;
-        /** Accessibility label */
-        ariaLabel?: string;
-    };
-    /** Props passed to the IconButton component */
-    IconButtonProps?: IconButtonProps;
-    /** Custom icon to display for zoom toggle */
-    Icon?: ReactNode;
-    /** Custom icon to display for reset button */
-    ResetIcon?: ReactNode;
-}

package/dist/types/widgets/bar/config.d.ts

@@ -1,9 +0,0 @@
-import { BarConfig, BarWidgetConfig } from './types.js';
-export declare const barDownloadConfig: ({ refUI }: import('../loader/index.js').ConfigProps) => import('../actions/index.js').DownloadItem<import('../echart/index.js').EchartWidgetData>[];
-/**
- * Generates ECharts configuration for bar chart widgets (vertical and horizontal), including axis, tooltip, legend, and series options styled with the CARTO theme.
- *
- * @param props - Bar chart configuration including data and theme.
- * @returns Widget config with ECharts option object.
- */
-export declare function barConfig(props: BarConfig): BarWidgetConfig;

package/dist/types/widgets/bar/style.d.ts

@@ -1,37 +0,0 @@
-import { Theme } from '@mui/material';
-export declare const styles: {
-    skeleton: {
-        item: {
-            flex: number;
-            maxWidth: ({ spacing }: Theme) => string;
-            '& + &': {
-                marginLeft: ({ spacing }: Theme) => string;
-            };
-        };
-        graph: {
-            grid: {
-                display: "flex";
-                justifyContent: "space-between";
-                flex: "1 1 auto";
-                alignItems: "flex-end";
-                width: "100%";
-            };
-            container: {
-                readonly display: "flex";
-                readonly alignItems: "center";
-                readonly justifyContent: "space-between";
-                readonly flexDirection: "column";
-                readonly gap: ({ spacing }: Theme) => string;
-                readonly height: ({ spacing }: Theme) => string;
-            };
-        };
-        mask: {
-            gray: {
-                backgroundColor: ({ palette }: Theme) => string;
-            };
-            white: {
-                backgroundColor: ({ palette }: Theme) => string;
-            };
-        };
-    };
-};

package/dist/types/widgets/category/config.d.ts

@@ -1,20 +0,0 @@
-import { DownloadItem } from '../actions/index.js';
-import { ConfigProps } from '../loader/types.js';
-import { CategoryWidgetConfig, CategoryWidgetData, CategorySeriesConfig } from './types.js';
-interface CategoryDownloadConfigProps extends ConfigProps {
-    series?: CategorySeriesConfig[];
-}
-/**
- * Creates download configuration for category widgets, supporting PNG (screenshot) and CSV (data) exports. CSV output groups values by category across multiple series.
- *
- * @param props - Configuration with `refUI` reference and optional `series` for CSV column headers.
- * @returns Array of download items for use with the Download action.
- */
-export declare function categoryDownloadConfig({ refUI, series, }: CategoryDownloadConfigProps): DownloadItem<CategoryWidgetData>[];
-/**
- * Returns the default configuration for category list widgets, including empty series and a default `maxItems` of 10.
- *
- * @returns Default category widget config.
- */
-export declare function categoryConfig(): CategoryWidgetConfig;
-export {};

package/dist/types/widgets/echart/const.d.ts

@@ -1 +0,0 @@
-export declare const DEFAULT_STACK_GROUP = "stacked";

package/dist/types/widgets/echart/options.d.ts

@@ -1,9 +0,0 @@
-import { EchartOptionsProps, EchartWidgetOptionProps } from './types.js';
-/**
- * Returns the shared base ECharts options used across all EChart-based widgets (bar, pie, histogram, etc.).
- *
- * @remarks
- * Configures grid spacing, tooltip styling, legend, axis pointer, and the default color palette
- * derived from the MUI theme.
- */
-export declare function getCommonOptions({ theme, }: EchartWidgetOptionProps<unknown>): EchartOptionsProps;

package/dist/types/widgets/echart/types.d.ts

@@ -1,38 +0,0 @@
-import { EChartsOption } from 'echarts';
-import { BaseWidgetState } from '../stores/types.js';
-import { Ref, RefObject } from 'react';
-import { theme as CartoTheme } from '@carto/meridian-ds/theme';
-import type * as echarts from 'echarts';
-export type EchartOptionsProps = EChartsOption;
-export interface EchartUIProps {
-    id: string;
-    option: EchartOptionsProps;
-    className?: string;
-    init?: echarts.EChartsInitOpts;
-    style?: React.CSSProperties;
-    ref?: Ref<echarts.ECharts>;
-    onEvents?: Record<string, Parameters<echarts.ECharts['on']>[2]>;
-}
-export interface EchartProps {
-    id: EchartUIProps['id'];
-}
-export type EchartWidgetData = Record<string, string | number>[][];
-export type EchartWidgetState = BaseWidgetState<{
-    option: EchartUIProps['option'];
-    onEvents?: EchartUIProps['onEvents'];
-    init?: EchartUIProps['init'];
-    instance?: RefObject<echarts.ECharts | null>;
-}>;
-export interface EchartWidgetOptionProps<D> {
-    data?: D;
-    theme: typeof CartoTheme;
-    formatter?: (value: number) => string;
-    labelFormatter?: (value: string | number) => string | number;
-}
-export interface EchartWidgetProps {
-    type: string;
-    option: EchartUIProps['option'];
-    onEvents?: EchartUIProps['onEvents'];
-    formatter?: (value: number) => string;
-    labelFormatter?: (value: string | number) => string | number;
-}

package/dist/types/widgets/echart/utils.d.ts

@@ -1,128 +0,0 @@
-import { EchartOptionsProps } from './types.js';
-import { Theme } from '@mui/material';
-/**
- * Deep-merges two ECharts option objects with smart handling for `color`, `axisLabel`, and `series` keys.
- *
- * @param optionA - Base ECharts options.
- * @param optionB - Override ECharts options to merge on top.
- * @param customMergeFn - Optional function returning a custom merge strategy per key.
- * @returns The merged ECharts options object.
- *
- * @remarks
- * - `color` arrays are replaced entirely (not concatenated).
- * - `axisLabel` formatters are composed so the base formatter can suppress values by returning `''`.
- * - `series` arrays are merged element-by-element rather than concatenated.
- *
- * @example
- * ```tsx
- * const option = mergeEchartWidgetConfig(props.option, {
- *   series: [{ barWidth: '60%', itemStyle: { borderRadius: [4, 4, 0, 0] } }],
- *   tooltip: { trigger: 'axis' },
- * })
- * ```
- */
-export declare function mergeEchartWidgetConfig<T extends EchartOptionsProps>(optionA: T | undefined, optionB: T | undefined, customMergeFn?: (key: string) => ((a: unknown, b: unknown) => unknown) | undefined): T;
-/**
- * Generates ECharts `dataZoom` configuration for interactive zoom and pan on chart axes.
- *
- * @param range - Initial visible range as `{ start, end }` percentages (0-100). Defaults to full range.
- * @param options - Zoom behavior options including axis sliders, inside zoom, and formatter.
- * @param theme - Optional MUI theme for styled slider handles and backgrounds.
- * @returns An object containing the `dataZoom` array configuration.
- */
-export declare function getEChartZoomConfig({ start, end }?: {
-    start: number;
-    end: number;
-}, { inside, xSlider, ySlider, showSliders, xAxisLabelFormatter, bottomOffset, }?: {
-    inside?: boolean;
-    xSlider?: boolean;
-    ySlider?: boolean;
-    showSliders?: boolean;
-    xAxisLabelFormatter?: (value: number) => string;
-    bottomOffset?: number;
-}, theme?: Theme): {
-    dataZoom: ({
-        throttle: number;
-        type: string;
-        xAxisIndex: number[];
-        yAxisIndex: number[];
-        show: boolean;
-        zoomLock: boolean;
-        start: number;
-        end: number;
-        orientation?: undefined;
-    } | {
-        throttle: number;
-        type: string;
-        show: boolean;
-        zoomLock: boolean;
-        start: number;
-        end: number;
-        orientation: string;
-        xAxisIndex?: undefined;
-        yAxisIndex?: undefined;
-    } | {
-        brushSelect: boolean;
-        moveHandleSize: number;
-        handleSize: string;
-        handleIcon: string;
-        throttle: number;
-        type: string;
-        xAxisIndex: number[];
-        bottom: number;
-        height: number;
-        show: boolean;
-        zoomLock: boolean;
-        start: number;
-        end: number;
-        labelFormatter: ((value: number) => string) | undefined;
-        showDetail: boolean;
-        yAxisIndex?: undefined;
-        orientation?: undefined;
-    } | {
-        brushSelect: boolean;
-        moveHandleSize: number;
-        handleSize: string;
-        handleIcon: string;
-        throttle: number;
-        type: string;
-        left: number;
-        width: number;
-        yAxisIndex: number[];
-        show: boolean;
-        zoomLock: boolean;
-        start: number;
-        end: number;
-        xAxisIndex?: undefined;
-        orientation?: undefined;
-    })[];
-};
-/**
- * Generates ECharts `brush` configuration for interactive data selection on charts.
- *
- * @param options - Brush options including type, mode, and target axis index.
- * @returns An object containing the `brush` configuration.
- */
-export declare function getEChartBrushConfig({ brushType, brushMode, xAxisIndex }?: {
-    brushType?: string;
-    brushMode?: string;
-    xAxisIndex?: number;
-    throttleType?: string;
-    throttleDelay?: number;
-}): {
-    brush: {
-        toolbox: string[];
-        brushType: string;
-        brushMode: string;
-        xAxisIndex: number;
-    };
-};
-/**
- * Returns an ECharts `stack` configuration to group series into a stacked layout.
- *
- * @param stackGroup - The stack group identifier. Defaults to the library's default group.
- * @returns An object with the `stack` property set to the group name.
- */
-export declare function getEChartStackConfig(stackGroup?: string): {
-    stack: string;
-};

package/dist/types/widgets/error/error.d.ts

@@ -1,12 +0,0 @@
-import { WidgetErrorProps } from './types.js';
-/**
- * Displays an error alert when a widget encounters an error during data loading. Reads error state from the widget store and hides errors during loading/fetching to prevent flashing.
- *
- * @example
- * ```tsx
- * <WidgetError id="my-widget">
- *   <WidgetContent />
- * </WidgetError>
- * ```
- */
-export declare function WidgetError({ id, children, title: titleProp, description, }: WidgetErrorProps): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import('react').JSX.Element | null | undefined;

package/dist/types/widgets/error/index.d.ts

@@ -1,2 +0,0 @@
-export { WidgetError } from './error.js';
-export type { WidgetErrorProps } from './types.js';

package/dist/types/widgets/error/types.d.ts

@@ -1,20 +0,0 @@
-import { ReactNode } from 'react';
-import { WidgetState } from '../stores/types.js';
-export interface WidgetErrorProps {
-    /**
-     * Widget ID to fetch error state from store
-     */
-    id: WidgetState['id'];
-    /**
-     * Children to render when no error exists
-     */
-    children: ReactNode;
-    /**
-     * Override error title
-     */
-    title?: string;
-    /**
-     * Override error description/message
-     */
-    description?: string;
-}

package/dist/types/widgets/formula/components/item.d.ts

@@ -1,5 +0,0 @@
-import { ItemProps } from '../types.js';
-/**
- * Base typography wrapper used by formula sub-components (Value, Prefix, Suffix) to render styled text.
- */
-export declare function Item(props: ItemProps): import('react').JSX.Element;

package/dist/types/widgets/formula/components/prefix.d.ts

@@ -1,5 +0,0 @@
-import { ValueProps } from '../types.js';
-/**
- * Renders the prefix content (e.g., currency symbol) before a formula value, if defined in the data item.
- */
-export declare function Prefix({ id, index, ...props }: ValueProps): import('react').JSX.Element | null;

package/dist/types/widgets/formula/components/row.d.ts

@@ -1,5 +0,0 @@
-import { RowProps } from '../types.js';
-/**
- * Iterates over the widget's data items and renders a row for each one using render props.
- */
-export declare function Row(props: RowProps): import('react').JSX.Element[] | undefined;

package/dist/types/widgets/formula/components/series.d.ts

@@ -1,5 +0,0 @@
-import { ValueProps } from '../types.js';
-/**
- * Renders a colored avatar badge showing the first letter of the series name for multi-value formula widgets.
- */
-export declare function Series({ id, index }: Pick<ValueProps, 'id' | 'index'>): import('react').JSX.Element | null;

package/dist/types/widgets/formula/components/suffix.d.ts

@@ -1,5 +0,0 @@
-import { ValueProps } from '../types.js';
-/**
- * Renders the suffix content (e.g., unit label) after a formula value, if defined in the data item.
- */
-export declare function Suffix({ id, index, ...props }: ValueProps): import('react').JSX.Element | null;

package/dist/types/widgets/formula/components/value.d.ts

@@ -1,5 +0,0 @@
-import { ValueProps } from '../types.js';
-/**
- * Displays the formatted numeric value for a formula widget data item, applying the widget's formatter and color.
- */
-export declare function Value({ id, index, ...props }: ValueProps): import('react').JSX.Element;

package/dist/types/widgets/formula/config.d.ts

@@ -1,15 +0,0 @@
-import { ConfigProps } from '../loader/types.js';
-import { FormulaDownloadConfig, FormulaWidgetConfig } from './types.js';
-/**
- * Creates download configuration for formula widgets, supporting PNG (screenshot) and CSV (data) exports.
- *
- * @param props - Configuration with `refUI` reference for PNG export.
- * @returns Array of download items for use with the Download action.
- */
-export declare function formulaDownloadConfig({ refUI, }: ConfigProps): FormulaDownloadConfig;
-/**
- * Returns the default configuration for formula (single or multiple numeric value) widgets.
- *
- * @returns Default formula widget config with empty series.
- */
-export declare function formulaConfig(): FormulaWidgetConfig;

package/dist/types/widgets/formula/serializer.d.ts

@@ -1,16 +0,0 @@
-import { DataItem } from './types.js';
-/**
- * Sanitizes DataItem by converting ReactNode prefix/suffix values to undefined.
- * This ensures only string values are stored in the widget state.
- *
- * @param item - The DataItem to sanitize
- * @returns A new DataItem with ReactNode prefix/suffix values converted to undefined
- */
-export declare function sanitizeDataItem(item: DataItem): DataItem;
-/**
- * Sanitizes an array of DataItems by converting ReactNode prefix/suffix values to undefined.
- *
- * @param items - Array of DataItems to sanitize
- * @returns A new array with sanitized DataItems
- */
-export declare function sanitizeDataItems(items: DataItem[] | undefined): DataItem[] | undefined;

package/dist/types/widgets/histogram/config.d.ts

@@ -1,21 +0,0 @@
-import { HistogramConfig, HistogramWidgetConfig } from './types.js';
-import { DownloadItem } from '../actions/index.js';
-import { ConfigProps } from '../loader/types.js';
-export interface HistogramDownloadConfigProps extends ConfigProps {
-    ticks: number[];
-    labelFormatter?: (value: string | number) => string | number;
-}
-export declare function histogramDataToCSV(data: number[][], ticks: number[], labelFormatter?: (value: string | number) => string | number): string[][];
-export declare function histogramDownloadConfig({ refUI, ticks, labelFormatter, }: HistogramDownloadConfigProps): DownloadItem<number[][]>[];
-/**
- * Generates ECharts configuration for distribution histogram widgets with
- * adjacent bars (minimal gap) and axis formatting styled with the CARTO theme.
- *
- * Accepts raw `number[][]` data and `ticks` boundaries. The ticks and
- * `labelFormatter` are used to create the x-axis category labels; the raw
- * numeric data is embedded directly in each series.
- *
- * @param props - Histogram configuration including raw data, ticks, and theme.
- * @returns Widget config with ECharts option object.
- */
-export declare function histogramConfig(props: HistogramConfig): HistogramWidgetConfig;

package/dist/types/widgets/histogram/style.d.ts

@@ -1,15 +0,0 @@
-import { Theme } from '@mui/material';
-export declare const styles: {
-    skeleton: {
-        graph: {
-            readonly container: {
-                readonly display: "flex";
-                readonly alignItems: "center";
-                readonly justifyContent: "space-between";
-                readonly flexDirection: "column";
-                readonly gap: ({ spacing }: Theme) => string;
-                readonly height: ({ spacing }: Theme) => string;
-            };
-        };
-    };
-};

package/dist/types/widgets/loader/index.d.ts

@@ -1,3 +0,0 @@
-export { WidgetLoader } from './loader.js';
-export { mergeWidgetConfig, resolveConfig, type ConfigOrFn } from './utils.js';
-export type { WidgetLoaderProps, ConfigProps } from './types.js';

package/dist/types/widgets/loader/loader.d.ts

@@ -1,24 +0,0 @@
-import { WidgetLoaderProps } from './types.js';
-/**
- * Foundation component for all widgets that manages state initialization, synchronization with the widget store, and data transformation pipeline execution.
- *
- * @remarks
- * The WidgetLoader is stateless -- it manages data flow but does not render any UI. Always wrap it with WidgetWrapper for consistent widget appearance.
- *
- * @example
- * ```tsx
- * <WidgetLoader
- *   id="sales-chart"
- *   type="bar"
- *   data={data}
- *   isLoading={false}
- *   isFetching={false}
- *   config={barConfig({ data })}
- * >
- *   <WidgetWrapper id="sales-chart" title="Sales">
- *     <Echart id="sales-chart" />
- *   </WidgetWrapper>
- * </WidgetLoader>
- * ```
- */
-export declare function WidgetLoader<T extends object = Record<string, unknown>>(props: WidgetLoaderProps<T>): import('react').ReactNode;

package/dist/types/widgets/loader/types.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-import { WidgetsStoreProps, WidgetState } from '../stores/types.js';
-export interface WidgetLoaderProps<T extends object = Record<string, unknown>> extends WidgetsStoreProps {
-    children: ReactNode;
-    config?: T;
-}
-export interface ConfigProps {
-    refUI?: WidgetState['refUI'];
-}

package/dist/types/widgets/loader/utils.d.ts

@@ -1,35 +0,0 @@
-/**
- * Config can be either an object or a function that receives baseConfig and data
- * and returns a partial config to be merged with the base.
- */
-export type ConfigOrFn<TConfig, TData = unknown> = Partial<TConfig> | ((baseConfig: TConfig, data: TData) => Partial<TConfig>);
-/**
- * Resolves a widget config that may be either a partial object or a function receiving the computed base config and data. If it is a function, calls it with `baseConfig` and `data`; otherwise returns the value as-is.
- *
- * @param config - The config object or function to resolve.
- * @param baseConfig - The computed base configuration.
- * @param data - The widget data.
- * @returns Resolved partial config, or undefined.
- *
- * @example
- * ```tsx
- * const resolved = resolveConfig(
- *   (base, data) => ({ maxItems: base.maxItems + 5 }),
- *   baseConfig,
- *   widgetData,
- * )
- * ```
- */
-export declare function resolveConfig<TConfig, TData>(config: ConfigOrFn<TConfig, TData> | undefined, baseConfig: TConfig, data: TData): Partial<TConfig> | undefined;
-/**
- * Deep-merges two partial widget config objects using `deepmerge`, with arrays replaced rather than concatenated.
- *
- * @param options - A tuple of two partial configs to merge (base and override).
- * @returns The merged config object.
- *
- * @example
- * ```tsx
- * const finalConfig = mergeWidgetConfig(baseConfig, resolvedConfig)
- * ```
- */
-export declare function mergeWidgetConfig<T>(...options: [Partial<T> | undefined, Partial<T> | undefined]): T;

package/dist/types/widgets/markdown/config.d.ts

@@ -1,14 +0,0 @@
-import { DownloadItem } from '../actions/index.js';
-import { MarkdownWidgetConfig, MarkdownWidgetData } from './types.js';
-/**
- * Creates download configuration for markdown widgets, supporting CSV export of text content. Does not require `refUI` since it only exports text.
- *
- * @returns Array of download items for use with the Download action.
- */
-export declare function markdownDownloadConfig(): DownloadItem<MarkdownWidgetData>[];
-/**
- * Returns the default configuration for markdown content display widgets.
- *
- * @returns Default markdown widget config (empty object).
- */
-export declare function markdownConfig(): MarkdownWidgetConfig;

package/dist/types/widgets/no-data/index.d.ts

@@ -1,2 +0,0 @@
-export { WidgetNoData } from './no-data.js';
-export type { WidgetNoDataProps } from './types.js';

package/dist/types/widgets/no-data/no-data.d.ts

@@ -1,36 +0,0 @@
-import { WidgetNoDataProps } from './types.js';
-/**
- * NoData wrapper component that displays empty state UI when widget has no data
- *
- * Integrates with widget store to check loading/fetching state and source data availability.
- * Uses `sourceData` (pre-pipeline data) instead of `data` (post-pipeline) to distinguish
- * "API returned nothing" from "pipeline tools filtered everything out".
- *
- * @example Basic usage
- * ```tsx
- * <NoData id="my-widget">
- *   <WidgetContent id="my-widget" />
- * </NoData>
- * ```
- *
- * @example With SkeletonLoader
- * ```tsx
- * <SkeletonLoader id="my-widget" Skeleton={MySkeleton}>
- *   <NoData id="my-widget">
- *     <WidgetContent id="my-widget" />
- *   </NoData>
- * </SkeletonLoader>
- * ```
- *
- * @example With custom messages
- * ```tsx
- * <NoData
- *   id="my-widget"
- *   title="No results found"
- *   description="Try adjusting your filters"
- * >
- *   <WidgetContent id="my-widget" />
- * </NoData>
- * ```
- */
-export declare function WidgetNoData({ id, children, title, description, isEmpty, }: WidgetNoDataProps): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import('react').JSX.Element | null | undefined;

package/dist/types/widgets/no-data/style.d.ts

@@ -1,6 +0,0 @@
-import { SxProps, Theme } from '@mui/material';
-/**
- * Styles for NoData component matching Figma design specifications
- * Design reference: node 5781-11028
- */
-export declare const styles: Record<string, SxProps<Theme>>;