@carto/ps-react-ui 4.20.2 → 4.21.1

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

@@ -1,2 +1,2 @@
-import { ChatContentProps, ChatContentRef } from '../types';
+import { ChatContentProps, ChatContentRef } from '../types.js';
 export declare const ChatContent: import('react').ForwardRefExoticComponent<ChatContentProps & import('react').RefAttributes<ChatContentRef>>;

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

@@ -1,2 +1,2 @@
-import { ChatFooterProps } from '../types';
+import { ChatFooterProps } from '../types.js';
 export declare function ChatFooter({ value, onChange, onSend, onStop, isGenerating, disabled, placeholder, labels, caption, models, selectedModel, onModelChange, startToolbarSlot, endToolbarSlot, sx, }: ChatFooterProps): import("react").JSX.Element;

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

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

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

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

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

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

package/dist/types/chat/feedback/chat-actions-container.d.ts

@@ -0,0 +1,3 @@
+import { BoxProps } from '@mui/material';
+import { FC } from 'react';
+export declare const ChatActionsContainer: FC<BoxProps>;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,212 @@
+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;
+        fontFamily: ({ typography }: Theme) => string;
+        fontSize: ({ typography }: Theme) => string | number;
+        lineHeight: ({ typography }: Theme) => string | number;
+        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: ({ typography }: Theme) => string;
+        fontSize: ({ typography }: Theme) => string | number;
+        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

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

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

@@ -1,4 +1,4 @@
-import { BasemapsUIProps } from './types';
+import { BasemapsUIProps } from './types.js';
 import { JSX } from 'react';
 /**
  * Provides an interactive basemap selector with responsive drawer, grouping support, and customizable positioning.

package/dist/types/components/basemaps/const.d.ts

@@ -1,2 +1,2 @@
-import { BasemapsUILabels } from './types';
+import { BasemapsUILabels } from './types.js';
 export declare const DEFAULT_BASEMAPS_LABELS: BasemapsUILabels;

package/dist/types/components/basemaps/group.d.ts

@@ -1,4 +1,4 @@
-import { BasemapOption } from './types';
+import { BasemapOption } from './types.js';
 export declare function Group({ values, selected, onChange, }: {
     values: Omit<BasemapOption, 'group'>[];
     selected: string | null | undefined;

package/dist/types/components/basemaps/header.d.ts

@@ -1,4 +1,4 @@
-import { BasemapsUILabels } from './types';
+import { BasemapsUILabels } from './types.js';
 export declare function Header({ isMobile, labels, onChangeCollapsed, }: {
     labels: BasemapsUILabels['header'];
     isMobile?: boolean;

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

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

package/dist/types/components/geolocation-controls/geolocation-controls.d.ts

@@ -1,4 +1,4 @@
-import { GeolocationControlProps } from './types';
+import { GeolocationControlProps } from './types.js';
 import { JSX } from 'react';
 /**
  * Provides a seamless interface for accessing device location through the browser's Geolocation API, with permission handling, continuous tracking, and error management.

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

@@ -1,26 +1,26 @@
-export type { CustomMeasureMode, MeasurementMode, MeasurementModeOption, MeasurementModes, MeasurementModesMapping, MeasurementOptionsMode, MeasurementOptionsUnit, MeasurementSystem, MeasurementUnit, MeasurementUnitImperialDistance, MeasurementUnitMetricDistance, MeasurementUnitOption, MeasurementUnits, LassoToolsMode, LassoToolsModeOption, LassoToolsModes, LassoToolOptionsMode, LassoToolsModesMapping, } from './types';
-export type { LassoToolsComponentProps, LassoToolsInlineComponentProps, LassoGeometryToolbarUIProps, LassoGeometryType, LassoLayerFiltersUIProps, LassoLayerFilterItem, LassoMessageUIProps, } from './lasso-tool/types';
-export { LassoToolsUI } from './lasso-tool/lasso-tool';
-export { LassoToolsInlineUI } from './lasso-tool/lasso-tool-inline';
-export { LassoGeometryToolbarUI } from './lasso-tool/geometry-toolbar';
-export { LassoLayerFiltersUI } from './lasso-tool/layer-filters';
-export { LassoMessageUI } from './lasso-tool/message';
-export { DEFAULT_LASSO_TOOLS_MODES_MAPPING, LASSO_TOOLS_LABELS, } from './lasso-tool/const';
-export { DrawCircleIcon, DrawLassoIcon, DrawPolygonIcon, DrawSquareIcon, SelectToolIcon, SpatialMaskIcon, TextAaIcon, } from './lasso-tool/icons';
-export type { MeasurementToolsComponentProps } from './measurement-tools/types';
-export { DEFAULT_MEASUREMENT_TOOLS_LABELS, DEFAULT_MEASUREMENT_TOOLS_UNITS_MAPPING, DEFAULT_MEASUREMENT_TOOLS_MODES_MAPPING, } from './measurement-tools/const';
-export { AreaIcon, BufferIcon, RulerIcon } from './measurement-tools/icons';
-export { MeasurementToolsUI } from './measurement-tools/measurement-tools';
-export type { GeolocationControlProps } from './geolocation-controls/types';
-export { GeolocationControls } from './geolocation-controls/geolocation-controls';
-export type { ZoomControlProps } from './zoom-controls/types';
-export { ZoomControlsUI } from './zoom-controls/zoom-controls';
-export type { ListDataProps, DataItem } from './list-data/types';
-export { ListDataUI } from './list-data/list-data';
-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 { ResponsiveDrawer } from './responsive-drawer/responsive-drawer';
-export type { CopyButtonProps } from './copy-button/types';
-export { CopyButton } from './copy-button/copy-button';
+export type { CustomMeasureMode, MeasurementMode, MeasurementModeOption, MeasurementModes, MeasurementModesMapping, MeasurementOptionsMode, MeasurementOptionsUnit, MeasurementSystem, MeasurementUnit, MeasurementUnitImperialDistance, MeasurementUnitMetricDistance, MeasurementUnitOption, MeasurementUnits, LassoToolsMode, LassoToolsModeOption, LassoToolsModes, LassoToolOptionsMode, LassoToolsModesMapping, } from './types.js';
+export type { LassoToolsComponentProps, LassoToolsInlineComponentProps, LassoGeometryToolbarUIProps, LassoGeometryType, LassoLayerFiltersUIProps, LassoLayerFilterItem, LassoMessageUIProps, } from './lasso-tool/types.js';
+export { LassoToolsUI } from './lasso-tool/lasso-tool.js';
+export { LassoToolsInlineUI } from './lasso-tool/lasso-tool-inline.js';
+export { LassoGeometryToolbarUI } from './lasso-tool/geometry-toolbar.js';
+export { LassoLayerFiltersUI } from './lasso-tool/layer-filters.js';
+export { LassoMessageUI } from './lasso-tool/message.js';
+export { DEFAULT_LASSO_TOOLS_MODES_MAPPING, LASSO_TOOLS_LABELS, } from './lasso-tool/const.js';
+export { DrawCircleIcon, DrawLassoIcon, DrawPolygonIcon, DrawSquareIcon, SelectToolIcon, SpatialMaskIcon, TextAaIcon, } from './lasso-tool/icons.js';
+export type { MeasurementToolsComponentProps } from './measurement-tools/types.js';
+export { DEFAULT_MEASUREMENT_TOOLS_LABELS, DEFAULT_MEASUREMENT_TOOLS_UNITS_MAPPING, DEFAULT_MEASUREMENT_TOOLS_MODES_MAPPING, } from './measurement-tools/const.js';
+export { AreaIcon, BufferIcon, RulerIcon } from './measurement-tools/icons.js';
+export { MeasurementToolsUI } from './measurement-tools/measurement-tools.js';
+export type { GeolocationControlProps } from './geolocation-controls/types.js';
+export { GeolocationControls } from './geolocation-controls/geolocation-controls.js';
+export type { ZoomControlProps } from './zoom-controls/types.js';
+export { ZoomControlsUI } from './zoom-controls/zoom-controls.js';
+export type { ListDataProps, DataItem } from './list-data/types.js';
+export { ListDataUI } from './list-data/list-data.js';
+export { BasemapsUI } from './basemaps/basemaps.js';
+export type { BasemapsUIProps } from './basemaps/types.js';
+export { Tooltip, setTooltipEnterDelay } from './tooltip/tooltip.js';
+export { SmartTooltip } from './smart-tooltip/smart-tooltip.js';
+export { ResponsiveDrawer } from './responsive-drawer/responsive-drawer.js';
+export type { CopyButtonProps } from './copy-button/types.js';
+export { CopyButton } from './copy-button/copy-button.js';

package/dist/types/components/lasso-tool/chip.d.ts

@@ -1,5 +1,5 @@
 import { PickDeep } from 'type-fest';
-import { LassoToolsComponentProps, LassoToolsData } from './types';
+import { LassoToolsComponentProps, LassoToolsData } from './types.js';
 export declare function LassoToolsUIChip({ chipProps, value, labels, onChipToggle, onDelete, }: Pick<LassoToolsComponentProps, 'chipProps' | 'onDelete' | 'onChipToggle'> & {
     value: LassoToolsData;
     labels?: PickDeep<LassoToolsComponentProps['labels'], 'chip'>['chip'];

package/dist/types/components/lasso-tool/const.d.ts

@@ -1,5 +1,5 @@
-import { LassoToolsMode, LassoToolsModesMapping } from '../types';
-import { LassoToolsComponentProps } from './types';
+import { LassoToolsMode, LassoToolsModesMapping } from '../types.js';
+import { LassoToolsComponentProps } from './types.js';
 import { RequiredDeep } from 'type-fest';
 export declare const LASSO_TOOLS_LABELS: NonNullable<RequiredDeep<LassoToolsComponentProps['labels']>>;
 export declare const DEFAULT_LASSO_TOOLS_MODES_MAPPING: LassoToolsModesMapping<LassoToolsMode>;

package/dist/types/components/lasso-tool/geometry-toolbar.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { LassoGeometryToolbarUIProps } from './types';
+import { LassoGeometryToolbarUIProps } from './types.js';
 /**
  * Contextual toolbar for a single lasso geometry: toggle mask/draw, rename,
  * lock, and delete. Purely presentational — position it over the map and wire

package/dist/types/components/lasso-tool/lasso-tool-inline.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { LassoToolsInlineComponentProps } from './types';
+import { LassoToolsInlineComponentProps } from './types.js';
 /**
  * Provides an inline layout variant of the lasso tools interface with toggle button groups for mode selection and inline chip management for spatial filters.
  *

package/dist/types/components/lasso-tool/lasso-tool.d.ts

@@ -1,6 +1,6 @@
 import { JSX } from 'react';
 import { PickDeep } from 'type-fest';
-import { LassoToolsComponentProps, OptionsChildrenProps } from './types';
+import { LassoToolsComponentProps, OptionsChildrenProps } from './types.js';
 /**
  * Provides a comprehensive floating interface for spatial selection and drawing operations on maps, supporting polygon, rectangle, circle, freehand lasso, and edit modes.
  *

package/dist/types/components/lasso-tool/layer-filters.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { LassoLayerFiltersUIProps } from './types';
+import { LassoLayerFiltersUIProps } from './types.js';
 /**
  * "Layer filters" dialog: choose which map layers the lasso mask clips. The
  * selection is a draft committed on Apply (Cancel/close discards it). Wire it

package/dist/types/components/lasso-tool/message.d.ts

@@ -1,4 +1,4 @@
-import { LassoMessageUIProps } from './types';
+import { LassoMessageUIProps } from './types.js';
 /**
  * Presentational counterpart of `LassoTools.Message` (`@carto/ps-react-maps`),
  * positioned by that render-props component. Auto-hides after 5 seconds via

package/dist/types/components/lasso-tool/types.d.ts

@@ -1,6 +1,6 @@
 import { AlertColor, AlertProps, Box, ChipProps, DialogProps, Paper, SnackbarProps, TooltipProps } from '@mui/material';
 import { ComponentProps, ComponentType, ReactNode } from 'react';
-import { LassoToolsMode, LassoToolsModes, LassoToolOptionsMode, LassoToolsModesMapping } from '../types';
+import { LassoToolsMode, LassoToolsModes, LassoToolOptionsMode, LassoToolsModesMapping } from '../types.js';
 export interface LassoToolsData {
     id: string;
     label: string;

package/dist/types/components/list-data/list-data.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { ListDataProps } from './types';
+import { ListDataProps } from './types.js';
 /**
  * Displays structured data in an accessible list format with expandable views, interactive selection, tooltips, and loading states.
  *

package/dist/types/components/measurement-tools/const.d.ts

@@ -1,6 +1,6 @@
 import { RequiredDeep } from 'type-fest';
-import { MeasurementMode, MeasurementModesMapping, MeasurementUnitsMapping } from '../types';
-import { MeasurementToolsComponentProps } from './types';
+import { MeasurementMode, MeasurementModesMapping, MeasurementUnitsMapping } from '../types.js';
+import { MeasurementToolsComponentProps } from './types.js';
 export declare const DEFAULT_MEASUREMENT_TOOLS_LABELS: NonNullable<RequiredDeep<MeasurementToolsComponentProps['labels']>>;
 export declare const DEFAULT_MEASUREMENT_TOOLS_UNITS_MAPPING: MeasurementUnitsMapping;
 export declare const DEFAULT_MEASUREMENT_TOOLS_MODES_MAPPING: MeasurementModesMapping<MeasurementMode>;

package/dist/types/components/measurement-tools/measurement-tools.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { MeasurementToolsComponentProps } from './types';
+import { MeasurementToolsComponentProps } from './types.js';
 /**
  * Provides a measurement interface for calculating distances, areas, and buffers on maps with support for metric and imperial unit systems and real-time unit conversion.
  *

package/dist/types/components/measurement-tools/types.d.ts

@@ -1,6 +1,6 @@
 import { Paper, TooltipProps } from '@mui/material';
 import { ComponentProps } from 'react';
-import { MeasurementMode, MeasurementModes, MeasurementOptionsMode, MeasurementOptionsUnit, MeasurementUnit, MeasurementUnitImperialDistance, MeasurementUnitMetricDistance, MeasurementUnits, MeasurementModesMapping, MeasurementUnitsMapping } from '../types';
+import { MeasurementMode, MeasurementModes, MeasurementOptionsMode, MeasurementOptionsUnit, MeasurementUnit, MeasurementUnitImperialDistance, MeasurementUnitMetricDistance, MeasurementUnits, MeasurementModesMapping, MeasurementUnitsMapping } from '../types.js';
 interface Labels {
     action?: {
         tooltip?: {

package/dist/types/components/responsive-drawer/responsive-drawer.d.ts

@@ -15,9 +15,16 @@ export declare function ResponsiveDrawer<T extends {
     onChangeCollapsed: (collapsed: boolean) => void;
     position: ResponsiveDrawerPosition;
     slotProps?: PopoverProps['slotProps'];
-}>({ ref, children, collapsed, isMobile, position, sx, slotProps, container, onChangeCollapsed, modal, placement, }: Required<Pick<T, 'collapsed' | 'onChangeCollapsed' | 'position'>> & Pick<PopoverProps, 'slotProps' | 'sx' | 'container'> & {
-    ref: HTMLElement | null;
-    isMobile: boolean;
+}>({ anchorEl, ref, children, collapsed, isMobile, position, sx, slotProps, container, onChangeCollapsed, modal, placement, }: Required<Pick<T, 'collapsed' | 'onChangeCollapsed' | 'position'>> & Pick<PopoverProps, 'slotProps' | 'sx' | 'container'> & {
+    /** Element the desktop popover is anchored to. */
+    anchorEl?: HTMLElement | null;
+    /**
+     * @deprecated Use `anchorEl`. A JSX prop named `ref` is non-reactive under
+     * the React Compiler, so a state-held anchor stays frozen at its initial
+     * `null` and the popover never opens. Removed in the next major.
+     */
+    ref?: HTMLElement | null;
+    isMobile?: boolean;
     children: ReactNode;
     /**
      * When `false`, the desktop popover is **non-modal**: no backdrop, clicks

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

@@ -1 +1 @@
-export * from './common-types';
+export * from './common-types.js';

package/dist/types/components/zoom-controls/zoom-controls.d.ts

@@ -1,4 +1,4 @@
-import { ZoomControlProps } from './types';
+import { ZoomControlProps } from './types.js';
 import { JSX } from 'react';
 /**
  * Provides intuitive zoom controls for maps and zoomable interfaces with flexible layouts, loading states, and optional reset functionality.

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

@@ -1 +1 @@
-export { useWidgetRef } from './use-widget-ref';
+export { useWidgetRef } from './use-widget-ref.js';

package/dist/types/legend/components/icons.d.ts

@@ -7,6 +7,6 @@
  * re-centered into the standard viewBox and scaled by 4/3 — the resulting
  * 22×15-unit eye matches the MUI `Visibility*` icons exactly.
  */
-export declare const VisibilityIndeterminateIcon: import('../../../node_modules/@mui/material/OverridableComponent').OverridableComponent<import('node_modules/@mui/material').SvgIconTypeMap<{}, "svg">> & {
+export declare const VisibilityIndeterminateIcon: import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').SvgIconTypeMap<{}, "svg">> & {
     muiName: string;
 };