@zvoove/unity-ui 2.33.0 → 2.34.0

package/dist/unity-ui.d.ts

@@ -489,6 +489,15 @@ export declare interface ChatBubbleProps extends React.HTMLAttributes<HTMLDivEle
      * @default 'default'
      */
     state?: ChatBubbleState;
+    /**
+     * Compact mode hides the avatar and allows the bubble to take up to 90%
+     * of the container width. Useful for narrow embedded panels.
+     *
+     * Additionally, when the ChatBubble is placed inside a container narrower
+     * than 480px, compact behavior activates automatically via container queries.
+     * @default false
+     */
+    compact?: boolean;
     /**
      * The message content to display in the bubble. Accepts any ReactNode —
      * plain text, HTML via ContentBlock, custom components, media, tables, etc.
@@ -2149,15 +2158,16 @@ export declare interface ImageVisualizerProps {
 }
 
 export declare const InfoBox: {
-    ({ message, variant, icon, elevated, }: InfoBoxProps): JSX.Element;
+    ({ message, variant, icon, elevated, borderRadius, }: InfoBoxProps): JSX.Element;
     displayName: string;
 };
 
 export declare interface InfoBoxProps {
     /**
-     * The message to display in the InfoBox.
+     * The content to display in the InfoBox. Accepts a plain string or any
+     * React node (e.g. formatted text combined with an action button).
      */
-    message: string;
+    message: ReactNode;
     /**
      * The semantic variant of the InfoBox
      * @default 'default'
@@ -2172,6 +2182,11 @@ export declare interface InfoBoxProps {
      * @default true
      */
     elevated?: boolean;
+    /**
+     * The border radius of the InfoBox.
+     * @default 'sm'
+     */
+    borderRadius?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
 }
 
 export declare type InfoBoxVariant = 'default' | 'positive' | 'warning' | 'error' | 'subtle' | 'neutral' | 'outlined';
@@ -2581,7 +2596,7 @@ declare type Panel = {
     children: React.ReactNode;
 };
 
-export declare const PopUpMenu: ({ children, placement, disabled, trigger, density, closeOnItemClick, items, onItemClick, selectedItem, selectable, open, onClose, closeOnClickOutside, closeOnEscape, toggleOnClick, queryHighlight, showSearch, searchPlaceholder, allowClearAll, allowSelectAll, selectAllLabel, clearAllLabel, noResultsFoundMessage, onClearAllOrSelectAllClick, searchMode, onSearchChange, isLoading, wrapperWidth, onScrollEnd, isLoadingMore, height, minHeight, maxHeight, ...props }: PopUpMenuProps) => JSX.Element;
+export declare const PopUpMenu: ({ children, placement, disabled, trigger, density, closeOnItemClick, items, onItemClick, selectedItem, selectable, open, onClose, closeOnClickOutside, closeOnEscape, toggleOnClick, queryHighlight, showSearch, searchPlaceholder, allowClearAll, allowSelectAll, selectAllLabel, clearAllLabel, noResultsFoundMessage, onClearAllOrSelectAllClick, searchMode, onSearchChange, isLoading, wrapperWidth, onScrollEnd, isLoadingMore, height, minHeight, maxHeight, autoFocusFirstItem, ...props }: PopUpMenuProps) => JSX.Element;
 
 export declare type PopUpMenuItem<T extends React.ElementType = 'button'> = UnionAs_3 & {
     /**
@@ -2825,6 +2840,13 @@ export declare interface PopUpMenuProps extends Omit<React.HTMLAttributes<HTMLDi
      * The max height of the popup menu content
      */
     maxHeight?: ResponsiveType<number | string>;
+    /**
+     * Whether the first menu item should be focused automatically when the menu opens.
+     * Set this to `false` when the trigger contains its own focusable input (e.g. a
+     * searchable Select) so focus stays on the input and only moves into the list on ArrowDown.
+     * @default true
+     */
+    autoFocusFirstItem?: boolean;
 }
 
 export declare type PopUpMenuSelectionType = string | string[] | undefined;