@carto/ps-react-ui 4.2.7 → 5.0.0-widgets.1

package/dist/types/widgets/category/category-ui.d.ts

@@ -0,0 +1,2 @@
+import { CategoryUIProps } from './types';
+export declare function CategoryUI({ id }: CategoryUIProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/widgets/category/components/category-bar.d.ts

@@ -0,0 +1,7 @@
+export interface CategoryBarProps {
+    value: number;
+    maxValue: number;
+    color: string;
+    selected?: boolean;
+}
+export declare function CategoryBar({ value, maxValue, color, selected, }: CategoryBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/category/components/category-legend.d.ts

@@ -0,0 +1,6 @@
+import { CategorySeriesConfig } from '../types';
+export interface CategoryLegendProps {
+    series: CategorySeriesConfig[];
+    colors: string[];
+}
+export declare function CategoryLegend({ series, colors }: CategoryLegendProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/widgets/category/components/category-row-multi.d.ts

@@ -0,0 +1,11 @@
+import { CategoryWidgetConfig } from '../types';
+export interface CategoryRowMultiProps {
+    name: string;
+    values: number[];
+    maxValue: number;
+    colors: string[];
+    formatter: NonNullable<CategoryWidgetConfig['formatter']>;
+    onClick?: CategoryWidgetConfig['onRowClick'];
+    selected?: boolean;
+}
+export declare function CategoryRowMulti({ name, values, maxValue, colors, formatter, onClick, selected, }: CategoryRowMultiProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/category/components/category-row-other.d.ts

@@ -0,0 +1,6 @@
+export interface CategoryRowOtherProps {
+    hiddenCount: number;
+    otherLabel?: string;
+    otherCountLabel?: string;
+}
+export declare function CategoryRowOther({ hiddenCount, otherLabel, otherCountLabel, }: CategoryRowOtherProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/category/components/category-row-single.d.ts

@@ -0,0 +1,11 @@
+import { CategoryWidgetConfig } from '../types';
+export interface CategoryRowSingleProps {
+    name: string;
+    value: number;
+    maxValue: number;
+    color: string;
+    formatter: NonNullable<CategoryWidgetConfig['formatter']>;
+    onClick?: CategoryWidgetConfig['onRowClick'];
+    selected?: boolean;
+}
+export declare function CategoryRowSingle({ name, value, maxValue, color, formatter, onClick, selected, }: CategoryRowSingleProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+export { CategoryBar } from './category-bar';
+export type { CategoryBarProps } from './category-bar';
+export { CategoryRowSingle } from './category-row-single';
+export type { CategoryRowSingleProps } from './category-row-single';
+export { CategoryRowMulti } from './category-row-multi';
+export type { CategoryRowMultiProps } from './category-row-multi';
+export { CategoryRowOther } from './category-row-other';
+export type { CategoryRowOtherProps } from './category-row-other';
+export { CategoryLegend } from './category-legend';
+export type { CategoryLegendProps } from './category-legend';

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

@@ -0,0 +1,15 @@
+import { DownloadItem } from '../actions';
+import { ConfigProps } from '../root/types';
+import { CategoryWidgetConfig, CategoryWidgetData, CategorySeriesConfig, CategoryLabels } from './types';
+export interface CategoryDownloadConfigProps extends ConfigProps {
+    series?: CategorySeriesConfig[];
+}
+export interface CategoryConfigProps {
+    data?: CategoryWidgetData;
+    series?: CategorySeriesConfig[];
+    formatter?: (value: number) => string;
+    maxItems?: number;
+    labels?: CategoryLabels;
+}
+export declare function categoryDownloadConfig({ refUI, series, }: CategoryDownloadConfigProps): DownloadItem<CategoryWidgetData>[];
+export declare function categoryConfig(): CategoryWidgetConfig;

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

@@ -0,0 +1,6 @@
+export { CategoryUI } from './category-ui';
+export { CategorySkeleton } from './skeleton';
+export { categoryConfig, categoryDownloadConfig } from './config';
+export { CategoryBar, CategoryRowSingle, CategoryRowMulti, CategoryLegend, CategoryRowOther, } from './components';
+export type { CategoryBarProps, CategoryRowSingleProps, CategoryRowMultiProps, CategoryLegendProps, CategoryRowOtherProps, } from './components';
+export type { CategoryUIProps, CategoryWidgetData, CategoryWidgetState, CategoryWidgetConfig, CategoryDownloadConfig, CategoryDataItem, CategorySeriesConfig, CategoryLabels, } from './types';

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

@@ -0,0 +1 @@
+export declare function CategorySkeleton(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,121 @@
+import { Theme } from '@mui/material';
+export declare const styles: {
+    root: {
+        display: "flex";
+        flexDirection: "column";
+        position: "relative";
+        overflow: "auto";
+    };
+    list: {
+        display: "flex";
+        flexDirection: "column";
+        gap: (theme: Theme) => string;
+    };
+    row: {
+        display: "flex";
+        flexDirection: "column";
+        gap: (theme: Theme) => string;
+        pointerEvents: "none";
+    };
+    rowClickable: {
+        pointerEvents: "auto";
+    };
+    rowHeader: {
+        display: "flex";
+        justifyContent: "space-between";
+        alignItems: "center";
+    };
+    rowLabel: {
+        typography: string;
+        fontWeight: string;
+        color: "text.primary";
+    };
+    rowValue: {
+        typography: string;
+        color: "text.secondary";
+    };
+    barContainer: {
+        display: "flex";
+        flexDirection: "column";
+    };
+    bar: {
+        height: number;
+        borderRadius: number;
+        backgroundColor: (theme: Theme) => string;
+        overflow: "hidden";
+        position: "relative";
+        transition: "background-color 0.15s ease-in-out";
+        cursor: "pointer";
+        '&:hover': {
+            backgroundColor: (theme: Theme) => string;
+            '& > div': {
+                filter: "brightness(1.2)";
+            };
+        };
+    };
+    barFill: {
+        height: string;
+        borderRadius: number;
+        transition: "width 0.3s ease-in-out, background-color 0.15s ease-in-out";
+    };
+    barFillMuted: {
+        backgroundColor: (theme: Theme) => string;
+    };
+    legend: {
+        display: "flex";
+        alignItems: "center";
+        gap: (theme: Theme) => string;
+        flexWrap: "wrap";
+        paddingTop: (theme: Theme) => string;
+        position: "sticky";
+        bottom: number;
+        backgroundColor: "background.paper";
+        borderTop: (theme: Theme) => string;
+        marginTop: (theme: Theme) => string;
+    };
+    legendItem: {
+        display: "flex";
+        alignItems: "center";
+        gap: (theme: Theme) => string;
+    };
+    legendDot: {
+        width: number;
+        height: number;
+        borderRadius: string;
+    };
+    legendLabel: {
+        typography: string;
+        color: "text.secondary";
+        textTransform: "uppercase";
+        fontWeight: string;
+    };
+    multiBarRow: {
+        display: "flex";
+        alignItems: "center";
+        gap: (theme: Theme) => string;
+    };
+    multiBarValue: {
+        typography: string;
+        color: "text.secondary";
+        minWidth: number;
+        textAlign: "right";
+    };
+    multiBarContainer: {
+        flex: number;
+    };
+    otherRow: {
+        display: "flex";
+        justifyContent: "space-between";
+        alignItems: "center";
+    };
+    otherLabel: {
+        typography: string;
+        fontWeight: string;
+        color: "text.secondary";
+        fontStyle: "italic";
+    };
+    otherCount: {
+        typography: string;
+        color: "text.disabled";
+    };
+};

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

@@ -0,0 +1,33 @@
+import { BaseWidgetState, WidgetsStoreProps } from '../stores/types';
+import { WrapperState } from '../wrapper/types';
+import { DownloadItem } from '../actions/download/types';
+export interface CategoryUIProps {
+    id: WidgetsStoreProps['id'];
+}
+export interface CategorySeriesConfig {
+    name: string;
+    color?: string;
+}
+export interface CategoryLabels {
+    other?: string;
+    otherCount?: string;
+}
+export interface CategoryDataItem extends Record<string, string | number> {
+    name: string;
+    value: number;
+}
+export type CategoryWidgetData = CategoryDataItem[][];
+export type CategoryWidgetState = BaseWidgetState<WrapperState<CategoryWidgetConfig> & {
+    data: CategoryWidgetData;
+}>;
+export interface CategoryWidgetConfig {
+    formatter?: (value: number) => string;
+    series?: CategorySeriesConfig[];
+    maxItems?: number;
+    labels?: CategoryLabels;
+    onRowClick?: ({ name }: {
+        name: string;
+    }) => void;
+    selected?: (name: string) => boolean;
+}
+export type CategoryDownloadConfig = DownloadItem<CategoryWidgetData>[];

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

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

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

@@ -0,0 +1,2 @@
+import { EchartUIProps } from './types';
+export declare function EchartUI({ id, ref, init, option, className, style, onEvents, }: EchartUIProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { EchartProps } from './types';
+export declare function Echart(props: EchartProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,5 @@
+export { Echart } from './echart';
+export { EchartUI } from './echart-ui';
+export type { EchartProps, EchartOptionsProps, EchartUIProps, EchartWidgetData, EchartWidgetState, } from './types';
+export { getCommonOptions } from './options';
+export { mergeEchartWidgetConfig, getEChartBrushConfig, getEChartStackConfig, getEChartZoomConfig, } from './utils';

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

@@ -0,0 +1,2 @@
+import { EchartOptionsProps, EchartWidgetOptionProps } from './types';
+export declare function getCommonOptions({ theme, }: EchartWidgetOptionProps<unknown>): EchartOptionsProps;

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

@@ -0,0 +1,32 @@
+import { EChartsOption } from 'echarts';
+import { BaseWidgetState } from '../stores/types';
+import { Ref } 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'];
+}>;
+export interface EchartWidgetOptionProps<D> {
+    data?: D;
+    theme: typeof CartoTheme;
+}
+export interface EchartWidgetProps {
+    type: string;
+    option: EchartUIProps['option'];
+}

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

@@ -0,0 +1,80 @@
+import { EchartOptionsProps } from './types';
+import { Theme } from '@mui/material';
+export declare function mergeEchartWidgetConfig<T extends EchartOptionsProps>(...options: [T | undefined, T | undefined]): T;
+export declare function getEChartZoomConfig(zoom: boolean, { start, end }?: {
+    start: number;
+    end: number;
+}, { inside, xSlider, ySlider, showSliders, xAxisLabelFormatter, }?: {
+    inside?: boolean;
+    xSlider?: boolean;
+    ySlider?: boolean;
+    showSliders?: boolean;
+    xAxisLabelFormatter?: (value: number) => string;
+}, 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;
+    })[];
+};
+export declare function getEChartBrushConfig(brush: boolean): {
+    brush: {
+        brushType: string;
+        brushMode: string;
+    };
+} | {
+    brush?: undefined;
+};
+export declare function getEChartStackConfig(stack: boolean, stackGroup?: string): {
+    stack: string | undefined;
+};

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

@@ -0,0 +1,2 @@
+import { ItemProps } from '../types';
+export declare function Item(props: ItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { ValueProps } from '../types';
+export declare function Prefix({ id, index, ...props }: ValueProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,2 @@
+import { RowProps } from '../types';
+export declare function Row(props: RowProps): import("react/jsx-runtime").JSX.Element[] | undefined;

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

@@ -0,0 +1,2 @@
+import { ValueProps } from '../types';
+export declare function Series({ id, index }: Pick<ValueProps, 'id' | 'index'>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,2 @@
+import { ValueProps } from '../types';
+export declare function Suffix({ id, index, ...props }: ValueProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,2 @@
+import { ValueProps } from '../types';
+export declare function Value({ id, index, ...props }: ValueProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { ConfigProps } from '../root/types';
+import { FormulaDownloadConfig, FormulaWidgetConfig } from './types';
+export declare function formulaDownloadConfig({ refUI, }: ConfigProps): FormulaDownloadConfig;
+export declare function formulaConfig(): FormulaWidgetConfig;

package/dist/types/widgets/formula/formula-ui.d.ts

@@ -0,0 +1,2 @@
+import { FormulaUIProps } from './types';
+export declare function FormulaUI(props: FormulaUIProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+export { Item } from './components/item';
+export { Value } from './components/value';
+export { Prefix } from './components/prefix';
+export { Suffix } from './components/suffix';
+export { Series } from './components/series';
+export { Row } from './components/row';
+export { formulaConfig, formulaDownloadConfig } from './config';
+export { FormulaUI } from './formula-ui';
+export { FormulaSkeleton } from './skeleton';
+export { sanitizeDataItem, sanitizeDataItems } from './serializer';
+export type { DataItem, FormulaDownloadConfig, FormulaUIProps, FormulaWidgetConfig, FormulaWidgetData, FormulaWidgetState, ItemProps, RowProps, SeriesConfig, ValueProps, } from './types';

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

@@ -0,0 +1,16 @@
+import { DataItem } from './types';
+/**
+ * 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/formula/skeleton.d.ts

@@ -0,0 +1 @@
+export declare function FormulaSkeleton(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { Theme } from '@mui/material';
+export declare const styles: {
+    root: {
+        display: "flex";
+        flexDirection: "column";
+        gap: (theme: Theme) => string;
+    };
+    item: {
+        '&[data-disabled="true"]': {
+            color: (theme: Theme) => string;
+        };
+    };
+    row: {
+        display: "flex";
+        alignItems: "center";
+        gap: (theme: Theme) => string;
+        '& + &': {
+            marginTop: (theme: Theme) => string;
+        };
+    };
+};

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

@@ -0,0 +1,42 @@
+import { TypographyProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { BaseWidgetState, WidgetsStoreProps } from '../stores/types';
+import { WrapperState } from '../wrapper/types';
+import { DownloadItem } from '../actions/download/types';
+export interface FormulaUIProps {
+    id: WidgetsStoreProps['id'];
+}
+export interface DataItem {
+    value: number;
+    prefix?: string | ReactNode;
+    suffix?: string | ReactNode;
+    color?: string;
+}
+export interface RowProps {
+    id: WidgetsStoreProps['id'];
+    children: ReactNode | ((props: {
+        index: number;
+    }) => ReactNode);
+}
+export interface ValueProps extends Omit<ItemProps, 'children'> {
+    id: WidgetsStoreProps['id'];
+    index?: number;
+}
+export interface ItemProps {
+    children: ReactNode;
+    disabled?: boolean;
+    TypographyProps?: TypographyProps;
+}
+export type FormulaWidgetData = DataItem[];
+export interface SeriesConfig {
+    name: string;
+    color?: string;
+}
+export type FormulaWidgetState = BaseWidgetState<WrapperState<FormulaWidgetConfig> & {
+    data: FormulaWidgetData;
+}>;
+export interface FormulaWidgetConfig {
+    formatter?: (value: number) => string;
+    series?: SeriesConfig[];
+}
+export type FormulaDownloadConfig = DownloadItem<FormulaWidgetData>[];

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

@@ -0,0 +1,5 @@
+import { HistogramConfig, HistogramWidgetConfig, HistogramWidgetData } from './types';
+import { DownloadItem } from '../actions';
+import { ConfigProps } from '../root/types';
+export declare function histogramDownloadConfig({ refUI, }: ConfigProps): DownloadItem<HistogramWidgetData>[];
+export declare function histogramConfig(props: HistogramConfig): HistogramWidgetConfig;

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

@@ -0,0 +1,3 @@
+export type { HistogramConfig, HistogramWidgetConfig, HistogramWidgetData, HistogramWidgetState, } from './types';
+export { histogramConfig, histogramDownloadConfig } from './config';
+export { HistogramSkeleton } from './skeleton';

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

@@ -0,0 +1 @@
+export declare function HistogramSkeleton(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+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/histogram/types.d.ts

@@ -0,0 +1,9 @@
+import { EchartWidgetData, EchartWidgetState } from '../echart';
+import { EchartWidgetOptionProps, EchartWidgetProps } from '../echart/types';
+import { ConfigProps } from '../root';
+export type HistogramWidgetData = EchartWidgetData;
+export type HistogramWidgetState = EchartWidgetState;
+export type HistogramWidgetConfig = EchartWidgetProps & {
+    type: 'histogram';
+};
+export type HistogramConfig = ConfigProps & EchartWidgetOptionProps<HistogramWidgetData>;

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

@@ -1 +1,2 @@
-export {};
+export { useWidgetStore } from './stores/widget-store';
+export type { BaseWidgetState, WidgetsStoreProps, WidgetState, WidgetStore, WidgetStoreActions, WidgetStoreState, } from './stores/types';

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

@@ -0,0 +1,4 @@
+import { DownloadItem } from '../actions';
+import { MarkdownWidgetConfig, MarkdownWidgetData } from './types';
+export declare function markdownDownloadConfig(): DownloadItem<MarkdownWidgetData>[];
+export declare function markdownConfig(): MarkdownWidgetConfig;

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

@@ -0,0 +1,5 @@
+export { Markdown } from './markdown';
+export { MarkdownUI } from './markdown-ui';
+export { MarkdownSkeleton } from './skeleton';
+export { markdownConfig, markdownDownloadConfig } from './config';
+export type { MarkdownComponentProps, MarkdownUIProps, MarkdownWidgetData, MarkdownWidgetState, MarkdownWidgetConfig, MarkdownDownloadConfig, MarkdownDataItem, } from './types';

package/dist/types/widgets/markdown/markdown-ui.d.ts

@@ -0,0 +1,2 @@
+import { MarkdownComponentProps } from './types';
+export declare function MarkdownUI({ children, overrides }: MarkdownComponentProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { MarkdownUIProps } from './types';
+export declare function Markdown({ id }: MarkdownUIProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1 @@
+export declare function MarkdownSkeleton(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { SxProps, Theme } from '@mui/material';
+export declare const styles: Record<string, SxProps<Theme>>;

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

@@ -0,0 +1,18 @@
+import { BaseWidgetState, WidgetsStoreProps } from '../stores/types';
+import { WrapperState } from '../wrapper/types';
+import { DownloadItem } from '../actions/download/types';
+import { Components } from 'react-markdown';
+export interface MarkdownComponentProps {
+    children: string;
+    overrides?: Components;
+}
+export interface MarkdownUIProps {
+    id: WidgetsStoreProps['id'];
+}
+export interface MarkdownDataItem {
+    content: string;
+}
+export type MarkdownWidgetData = MarkdownDataItem;
+export type MarkdownWidgetState = BaseWidgetState<WrapperState<MarkdownWidgetConfig>>;
+export type MarkdownWidgetConfig = unknown;
+export type MarkdownDownloadConfig = DownloadItem<MarkdownWidgetData>[];

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

@@ -0,0 +1,2 @@
+export { Note } from './note';
+export type { NoteProps } from './types';

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

@@ -0,0 +1,2 @@
+import { NoteProps } from './types';
+export declare function Note({ children, labels }: NoteProps): import("react/jsx-runtime").JSX.Element | null;