@carto/ps-react-ui 4.9.1 → 4.11.1

package/dist/types/chat/containers/chat-header.d.ts

@@ -0,0 +1,2 @@
+import { ChatHeaderProps } from '../types';
+export declare function ChatHeader({ leftSlot, title, rightSlot, onClose, sx, }: ChatHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/containers/chat-starter.d.ts

@@ -0,0 +1,2 @@
+import { ChatStarterProps } from '../types';
+export declare function ChatStarter({ icon, title, description, items, size, onSelect, sx, }: ChatStarterProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/containers/index.d.ts

@@ -0,0 +1,4 @@
+export { ChatContent } from './chat-content';
+export { ChatHeader } from './chat-header';
+export { ChatFooter } from './chat-footer';
+export { ChatStarter } from './chat-starter';

package/dist/types/chat/containers/styles.d.ts

@@ -0,0 +1,93 @@
+import { Theme } from '@mui/material';
+export declare const styles: {
+    header: {
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "space-between";
+        padding: ({ spacing }: Theme) => string;
+    };
+    headerTitle: {
+        flexGrow: number;
+        px: ({ spacing }: Theme) => string;
+    };
+    headerActions: {
+        display: "flex";
+        alignItems: "center";
+        marginLeft: ({ spacing }: Theme) => string;
+        gap: ({ spacing }: Theme) => string;
+    };
+    footerWrapper: {
+        padding: ({ spacing }: Theme) => string;
+        position: "relative";
+    };
+    footerCorner: {
+        position: "absolute";
+        bottom: string;
+        right: string;
+        margin: string;
+    };
+    footer: {
+        maxWidth: number;
+        margin: string;
+        '&.MuiFilledInput-root.MuiInputBase-multiline.MuiInputBase-sizeSmall textarea': {
+            resize: "none";
+            maxHeight: string;
+            overflowY: "auto !important";
+            paddingRight: ({ spacing }: Theme) => string;
+        };
+    };
+    footerCaption: {
+        textAlign: "center";
+    };
+    content: {
+        overflowY: "auto";
+        flex: number;
+        position: "relative";
+        mx: string;
+        maxWidth: number;
+        width: string;
+        maxHeight: string;
+        pt: number;
+        pb: number;
+        px: number;
+        display: "flex";
+        flexDirection: "column";
+        borderTopWidth: string;
+        borderTopStyle: "solid";
+        borderBottomWidth: string;
+        borderBottomStyle: "solid";
+    };
+    sentinel: {
+        height: string;
+        flexShrink: number;
+    };
+    jumpToLatestWrapper: {
+        position: "sticky";
+        bottom: ({ spacing }: Theme) => string;
+        height: number;
+        display: "flex";
+        justifyContent: "center";
+        zIndex: number;
+    };
+    jumpToLatest: {
+        transition: "opacity 0.2s";
+    };
+    starter: {
+        display: "flex";
+        flexDirection: "column";
+        alignItems: "center";
+        justifyContent: "center";
+        padding: ({ spacing }: Theme) => string;
+        textAlign: "center";
+        maxWidth: number;
+        margin: string;
+    };
+    starterItems: {
+        display: "grid";
+        width: string;
+        marginTop: ({ spacing }: Theme) => string;
+    };
+    starterItemsTwoCol: {
+        gridTemplateColumns: string;
+    };
+};

package/dist/types/chat/feedback/chat-loader.d.ts

@@ -0,0 +1,2 @@
+import { ChatLoaderProps } from '../types';
+export declare function ChatLoader({ size, labels, sx }: ChatLoaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/chat-rating-action.d.ts

@@ -0,0 +1,2 @@
+import { ChatRatingActionProps } from '../types';
+export declare function ChatRatingAction({ rating, onRatingChange, labels, }: ChatRatingActionProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/chat-thinking.d.ts

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

package/dist/types/chat/feedback/chat-tool-code-area.d.ts

@@ -0,0 +1,2 @@
+import { ChatToolCodeAreaProps } from '../types';
+export declare function ChatToolCodeArea({ content, title, isError, labels, sx, }: ChatToolCodeAreaProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/chat-tool-full-view-dialog.d.ts

@@ -0,0 +1,2 @@
+import { ChatToolFullViewDialogProps } from '../types';
+export declare function ChatToolFullViewDialog({ open, onClose, title, content, }: ChatToolFullViewDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/chat-tool-group.d.ts

@@ -0,0 +1,2 @@
+import { ChatToolGroupProps } from '../types';
+export declare function ChatToolGroup({ tools, expanded: _expanded, onExpandedChange: _setExpanded, expandedTools: _expandedTools, onToolExpandedChange: _setExpandedTools, labels, sx, }: ChatToolGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/chat-tool-trace.d.ts

@@ -0,0 +1,3 @@
+import { ChatToolTraceProps } from '../types';
+export declare function ChatToolTraceDetails({ tool, labels, }: Pick<ChatToolTraceProps, 'tool' | 'labels'>): import("react/jsx-runtime").JSX.Element;
+export declare function ChatToolTrace({ tool, expanded, onExpandedChange, labels, sx, }: ChatToolTraceProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/get-tool-label.d.ts

@@ -0,0 +1,2 @@
+import { ChatToolItem } from '../types';
+export declare function getToolLabel(tool: ChatToolItem): string;

package/dist/types/chat/feedback/index.d.ts

@@ -0,0 +1,8 @@
+export { ChatThinking } from './chat-thinking';
+export { ChatLoader } from './chat-loader';
+export { ChatActionsContainer } from './chat-actions-container';
+export { ChatRatingAction } from './chat-rating-action';
+export { ChatToolTrace } from './chat-tool-trace';
+export { ChatToolCodeArea } from './chat-tool-code-area';
+export { ChatToolFullViewDialog } from './chat-tool-full-view-dialog';
+export { ChatToolGroup } from './chat-tool-group';

package/dist/types/chat/feedback/styles.d.ts

@@ -0,0 +1,211 @@
+import { Theme } from '@mui/material';
+export declare const styles: {
+    thinking: {
+        display: "flex";
+        alignItems: "center";
+        minHeight: ({ spacing }: Theme) => string;
+        background: ({ palette }: Theme) => string;
+        backgroundSize: string;
+        backgroundClip: "text";
+        WebkitBackgroundClip: "text";
+        WebkitTextFillColor: "transparent";
+        animation: `${{
+            name: string;
+            styles: string;
+            anim: 1;
+            toString: () => string;
+        } & string} 2s ease-in-out infinite`;
+        animationDuration: "2s";
+    };
+    loader: {
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+        position: "relative";
+        p: number;
+    };
+    loaderOuterCircle: {
+        position: "absolute";
+        inset: number;
+        margin: string;
+        borderRadius: string;
+        backgroundColor: ({ palette }: Theme) => string;
+        animation: `${{
+            name: string;
+            styles: string;
+            anim: 1;
+            toString: () => string;
+        } & string} 1s ease-in-out infinite`;
+    };
+    loaderInnerCircle: {
+        position: "absolute";
+        inset: number;
+        margin: string;
+        borderRadius: string;
+        backgroundColor: ({ palette }: Theme) => string;
+        animation: `${{
+            name: string;
+            styles: string;
+            anim: 1;
+            toString: () => string;
+        } & string} 1s ease-in-out infinite`;
+    };
+    traceHeader: {
+        display: "flex";
+        alignItems: "center";
+        padding: number;
+        paddingLeft: ({ spacing }: Theme) => string;
+        borderRadius: ({ spacing }: Theme) => string;
+        width: string;
+        color: ({ palette }: Theme) => string;
+        '&:hover': {
+            backgroundColor: ({ palette }: Theme) => string;
+        };
+    };
+    traceChevron: {
+        color: ({ palette }: Theme) => string;
+        transition: "transform 0.2s";
+    };
+    traceDetailsWrapper: {
+        marginTop: ({ spacing }: Theme) => string;
+        padding: ({ spacing }: Theme) => string;
+        border: "1px solid";
+        borderColor: "divider";
+        borderRadius: ({ spacing }: Theme) => string;
+    };
+    traceField: {
+        display: "flex";
+        alignItems: "flex-start";
+        gap: ({ spacing }: Theme) => string;
+    };
+    traceFieldLabel: {
+        flexShrink: number;
+    };
+    traceReference: {
+        display: "flex";
+        borderRadius: ({ spacing }: Theme) => string;
+        padding: ({ spacing }: Theme) => string;
+        gap: ({ spacing }: Theme) => string;
+        backgroundColor: ({ palette }: Theme) => string;
+        color: ({ palette }: Theme) => string;
+    };
+    traceStatusSuccess: {
+        color: ({ palette }: Theme) => string;
+    };
+    traceStatusError: {
+        color: ({ palette }: Theme) => string;
+    };
+    codeArea: {
+        position: "relative";
+        width: string;
+    };
+    codeAreaPre: {
+        margin: number;
+        padding: ({ spacing }: Theme) => string;
+        borderRadius: ({ spacing }: Theme) => string;
+        backgroundColor: ({ palette }: Theme) => string;
+        fontSize: string;
+        fontFamily: "monospace";
+        whiteSpace: "pre-wrap";
+        wordBreak: "break-word";
+        overflowY: "auto";
+    };
+    codeAreaPreError: {
+        borderLeft: ({ palette }: Theme) => string;
+        backgroundColor: ({ palette }: Theme) => string;
+    };
+    codeAreaFullViewButton: {
+        position: "absolute";
+        top: ({ spacing }: Theme) => string;
+        right: ({ spacing }: Theme) => string;
+    };
+    fullViewDialog: {
+        margin: ({ spacing }: Theme) => string;
+    };
+    fullViewPaper: {
+        borderRadius: number;
+    };
+    fullViewTitle: {
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "space-between";
+        padding: ({ spacing }: Theme) => string;
+        borderBottom: string;
+        borderBottomColor: "divider";
+    };
+    fullViewDialogContent: {
+        padding: number;
+        '&:first-of-type': {
+            paddingTop: number;
+        };
+    };
+    fullViewPre: {
+        margin: number;
+        padding: ({ spacing }: Theme) => string;
+        background: ({ palette, spacing }: Theme) => string;
+        fontFamily: "monospace";
+        fontSize: string;
+        whiteSpace: "pre-wrap";
+        wordBreak: "break-word";
+        lineHeight: number;
+        counterReset: "line";
+    };
+    fullViewLine: {
+        display: "block";
+        '&::before': {
+            counterIncrement: "line";
+            content: "counter(line)";
+            display: "inline-block";
+            width: string;
+            marginRight: string;
+            textAlign: "right";
+            color: ({ palette }: Theme) => string;
+            userSelect: "none";
+        };
+    };
+    groupHeader: {
+        textAlign: "left";
+        display: "flex";
+        alignItems: "center";
+        borderRadius: number;
+        gap: ({ spacing }: Theme) => string;
+    };
+    errorBadge: {
+        color: ({ palette }: Theme) => string;
+        fontWeight: number;
+        display: "flex";
+        alignItems: "center";
+        gap: ({ spacing }: Theme) => string;
+    };
+    syntaxToken_key: {
+        color: "#881280";
+    };
+    syntaxToken_string: {
+        color: "#c41a16";
+    };
+    syntaxToken_number: {
+        color: "#1c00cf";
+    };
+    syntaxToken_boolean: {
+        color: "#1c00cf";
+    };
+    syntaxToken_null: {
+        color: "#808080";
+    };
+    syntaxToken_punctuation: {
+        color: ({ palette }: Theme) => string;
+    };
+    groupListItem: {
+        borderBottom: string;
+        borderColor: "divider";
+        '&:first-of-type .MuiButton-root': {
+            borderRadius: ({ spacing }: Theme) => string;
+        };
+        '&:last-of-type:not([aria-expanded=true]) .MuiButton-root': {
+            borderRadius: ({ spacing }: Theme) => string;
+        };
+        '&:last-of-type': {
+            borderBottomWidth: number;
+        };
+    };
+};

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

@@ -0,0 +1,20 @@
+export type { ChatSxProps, ChatErrorAction, ChatUserMessageProps, ChatAgentMessageProps, ChatErrorMessageProps, ChatSuggestionButtonProps, ChatThinkingProps, ChatLoaderProps, ChatContentProps, ChatContentRef, ChatHeaderProps, ChatFooterProps, ChatStarterItem, ChatStarterProps, ChatRatingActionProps, ChatToolItem, ChatToolTraceProps, ChatToolCodeAreaProps, ChatToolFullViewDialogProps, ChatToolGroupProps, } from './types';
+export { CHAT_MAX_WIDTH, CHAT_SCROLL_DELAY, CHAT_DIVIDER_DELAY, CHAT_TOOL_CODE_AREA_MAX_HEIGHT, } from './const';
+export { useTypewriter } from './use-typewriter';
+export { ChatUserMessage } from './bubbles/chat-user-message';
+export { ChatAgentMessage } from './bubbles/chat-agent-message';
+export { ChatErrorMessage } from './bubbles/chat-error-message';
+export { ChatSuggestionButton } from './bubbles/chat-suggestion-button';
+export { ChatMessageOverflow } from './bubbles/styles';
+export { ChatThinking } from './feedback/chat-thinking';
+export { ChatLoader } from './feedback/chat-loader';
+export { ChatContent } from './containers/chat-content';
+export { ChatHeader } from './containers/chat-header';
+export { ChatFooter } from './containers/chat-footer';
+export { ChatStarter } from './containers/chat-starter';
+export { ChatActionsContainer } from './feedback/chat-actions-container';
+export { ChatRatingAction } from './feedback/chat-rating-action';
+export { ChatToolTrace } from './feedback/chat-tool-trace';
+export { ChatToolCodeArea } from './feedback/chat-tool-code-area';
+export { ChatToolFullViewDialog } from './feedback/chat-tool-full-view-dialog';
+export { ChatToolGroup } from './feedback/chat-tool-group';

package/dist/types/chat/types.d.ts

@@ -0,0 +1,184 @@
+import { ReactNode } from 'react';
+import { ButtonBaseProps, SxProps, Theme } from '@mui/material';
+export interface ChatSxProps {
+    sx?: SxProps<Theme>;
+}
+export interface ChatErrorAction {
+    label: string;
+    onClick: () => void;
+}
+export interface ChatUserMessageProps extends ChatSxProps {
+    children: ReactNode;
+    /** enabled to render text with a lighter color for indicating things like an error sending the message */
+    muted?: boolean;
+    /** content to render on top of the message for user attachments */
+    topContext?: ReactNode;
+}
+export interface ChatAgentMessageProps extends ChatSxProps {
+    children: ReactNode;
+}
+export interface ChatErrorMessageProps extends ChatSxProps {
+    errors: string[];
+    icon?: ReactNode;
+    actions?: ChatErrorAction[];
+}
+export interface ChatSuggestionButtonProps extends ChatSxProps, Omit<ButtonBaseProps, 'children'> {
+    label: ReactNode;
+    color?: string;
+}
+export interface ChatThinkingProps extends ChatSxProps {
+    duration?: number;
+    children?: ReactNode;
+}
+export interface ChatLoaderProps extends ChatSxProps {
+    size?: number;
+    labels?: {
+        loading?: string;
+    };
+}
+export interface ChatContentProps extends ChatSxProps {
+    children: ReactNode;
+    /**
+     * Smooth-scrolls to the bottom whenever new content is added — but only if
+     * the user was already at (or near) the bottom. Readers who scrolled up to
+     * revisit older messages are left alone. Defaults to `true`; pass `false`
+     * to opt out and manage scroll yourself via the ref.
+     */
+    autoScroll?: boolean;
+    labels?: {
+        jumpToLatest?: string;
+    };
+}
+/**
+ * Imperative handle exposed by `ChatContent` via `ref`. Use it to drive scroll
+ * from the parent — for example, calling `scrollToBottom()` when a new agent
+ * message arrives.
+ */
+export interface ChatContentRef {
+    /** Smooth-scrolls the content area to the bottom. */
+    scrollToBottom: () => void;
+    /** Smooth-scrolls the content area to the top. */
+    scrollToTop: () => void;
+    /** `true` when the content area is scrolled to (or near) its bottom edge. */
+    isAtBottom: boolean;
+    /** `true` when the content area is scrolled to (or near) its top edge. */
+    isAtTop: boolean;
+}
+export interface ChatHeaderProps extends ChatSxProps {
+    leftSlot?: ReactNode;
+    title: ReactNode;
+    rightSlot?: ReactNode;
+    onClose?: () => void;
+}
+export interface ChatFooterProps extends ChatSxProps {
+    /** Current value of the chat message area. */
+    value: string;
+    /** Called with the new textarea value on every keystroke. */
+    onChange: (value: string) => void;
+    /** Called when the send button is clicked or Enter is pressed (without Shift). */
+    onSend: () => void;
+    /** Called when the stop button is clicked. Only shown while `isGenerating` is true. */
+    onStop?: () => void;
+    /** When true, swaps the send button for a stop button and disables the textarea. */
+    isGenerating?: boolean;
+    /** Disables the textarea and both send/stop buttons. */
+    disabled?: boolean;
+    /** Placeholder text for the textarea. Defaults to `'Type a message...'`. */
+    placeholder?: string;
+    /** Accessible labels for the send and stop buttons (used as `aria-label`). */
+    labels?: {
+        /** Defaults to `'Send'`. */
+        send?: string;
+        /** Defaults to `'Stop'`. */
+        stop?: string;
+    };
+    /** Helper text rendered under the input. Defaults to an AI disclaimer; pass `null` to hide. */
+    caption?: ReactNode;
+}
+export interface ChatStarterItem {
+    label: string;
+    color?: string;
+}
+export interface ChatStarterProps extends ChatSxProps {
+    icon?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    items: string[] | ChatStarterItem[];
+    size?: 'small' | 'medium';
+    onSelect?: (prompt: string) => void;
+}
+export interface ChatRatingActionProps {
+    onRatingChange?: (rating: 'up' | 'down' | null) => void;
+    rating?: 'up' | 'down' | null;
+    labels?: {
+        thumbUp?: string;
+        thumbDown?: string;
+    };
+}
+export interface ChatToolItem {
+    id: string;
+    name: string;
+    status: 'running' | 'complete' | 'error';
+    /** Display label shown while status is 'running'. Falls back to a capitalized `name`. */
+    runningLabel?: string;
+    /** Display label shown for non-running statuses. Falls back to a capitalized `name`. */
+    label?: string;
+    /** Friendly reference name for the tool (e.g. "add_marker"). Displayed with icon. */
+    reference?: string;
+    /** Execution duration in seconds (e.g. 1.8) */
+    duration?: number;
+    /** Input arguments as a JSON string or plain text */
+    inputArguments?: string;
+    /** Output as a JSON string or plain text */
+    output?: string;
+}
+export interface ChatToolTraceProps extends ChatSxProps {
+    tool: ChatToolItem;
+    /** Whether the trace accordion is expanded */
+    expanded?: boolean;
+    /** Callback when accordion expansion state changes */
+    onExpandedChange?: (expanded: boolean) => void;
+    labels?: {
+        toolExecuted?: string;
+        reference?: string;
+        duration?: string;
+        status?: string;
+        inputArguments?: string;
+        output?: string;
+        fullView?: string;
+        success?: string;
+        error?: string;
+        running?: string;
+    };
+}
+export interface ChatToolCodeAreaProps extends ChatSxProps {
+    /** Code content to display */
+    content: string;
+    /** Label for the full view dialog title */
+    title?: string;
+    /** Render with error styling (red left border, tinted background) */
+    isError?: boolean;
+    labels?: {
+        fullView?: string;
+    };
+}
+export interface ChatToolFullViewDialogProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    content: string;
+}
+export interface ChatToolGroupProps extends ChatSxProps {
+    tools: ChatToolItem[];
+    /** Whether the group accordion is expanded */
+    expanded?: boolean;
+    /** Callback when group expansion state changes */
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Map of tool IDs to their individual expanded state. Used to preserve expansion state during grouping. */
+    expandedTools?: Record<string, boolean>;
+    /** Callback when an individual tool's expansion state changes */
+    onToolExpandedChange?: (value: Record<string, boolean>, toolId?: string) => void;
+    labels?: ChatToolTraceProps['labels'] & {
+        toolsUsed?: string;
+    };
+}

package/dist/types/chat/use-typewriter.d.ts

@@ -0,0 +1,30 @@
+interface UseTypewriterOptions {
+    /** Characters revealed per second (default: `500`). */
+    speed?: number;
+    /** When true on mount, skip the animation and reveal the full text immediately. */
+    skipAnimation?: boolean;
+}
+interface UseTypewriterResult {
+    /** The portion of `fullText` revealed so far. */
+    displayedText: string;
+    /** `true` while characters are still being revealed. */
+    isTyping: boolean;
+}
+/**
+ * Reveals a string character-by-character at a steady rate via
+ * `requestAnimationFrame`. Useful for smoothing out bursty WebSocket-streamed
+ * agent message text — pair it with `ChatAgentMessage`.
+ *
+ * @example
+ * ```tsx
+ * const { displayedText, isTyping } = useTypewriter(message)
+ * return (
+ *   <ChatAgentMessage>
+ *     <Markdown>{displayedText}</Markdown>
+ *     {isTyping ? <Cursor /> : null}
+ *   </ChatAgentMessage>
+ * )
+ * ```
+ */
+export declare function useTypewriter(fullText: string, options?: UseTypewriterOptions): UseTypewriterResult;
+export {};

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

@@ -0,0 +1,2 @@
+import { CopyButtonProps } from './types';
+export declare function CopyButton({ copyText, onSuccess, onError, 'aria-label': ariaLabel, ...props }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { IconButtonProps } from '@mui/material/IconButton';
+export interface CopyButtonProps extends Omit<IconButtonProps, 'onError' | 'onClick'> {
+    copyText: string;
+    onSuccess?: () => void;
+    onError?: (err: Error) => void;
+}

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

@@ -18,3 +18,5 @@ export { BasemapsUI } from './basemaps/basemaps';
 export type { BasemapsUIProps } from './basemaps/types';
 export { Tooltip, setTooltipEnterDelay } from './tooltip/tooltip';
 export { SmartTooltip } from './smart-tooltip/smart-tooltip';
+export type { CopyButtonProps } from './copy-button/types';
+export { CopyButton } from './copy-button/copy-button';

package/dist/types/widgets/actions/brush-toggle/style.d.ts

@@ -8,7 +8,7 @@ export declare const styles: {
     };
     trigger: {
         '&[data-active="true"]': {
-            background: (theme: Theme) => any;
+            background: (theme: Theme) => string;
         };
     };
 };

package/dist/types/widgets/actions/shared/styles.d.ts

@@ -5,7 +5,7 @@ import { Theme } from '@mui/material';
 export declare const actionButtonStyles: {
     trigger: {
         '&[data-active="true"]': {
-            background: (theme: Theme) => any;
+            background: (theme: Theme) => string;
         };
     };
 };

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

@@ -7,7 +7,7 @@ export declare const styles: {
     };
     trigger: {
         '&[data-active="true"]': {
-            background: (theme: Theme) => any;
+            background: (theme: Theme) => string;
         };
     };
 };

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

@@ -1,7 +1,7 @@
 import { EChartsOption } from 'echarts';
 import { BaseWidgetState } from '../stores/types';
 import { Ref, RefObject } from 'react';
-import { theme as CartoTheme } from '../../theme';
+import { theme as CartoTheme } from '@carto/meridian-ds/theme';
 import type * as echarts from 'echarts';
 export type EchartOptionsProps = EChartsOption;
 export interface EchartUIProps {

package/dist/types/widgets/toolbar-actions/styles.d.ts

@@ -31,7 +31,7 @@ export declare const styles: {
     };
     triggerButton: {
         '&[data-active="true"]': {
-            backgroundColor: ({ palette }: Theme) => any;
+            backgroundColor: ({ palette }: Theme) => string;
         };
     };
 };