@zvoove/unity-ui 2.33.1 → 2.35.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.
@@ -794,7 +803,10 @@ export declare const commonIconsMap: {
     }) => JSX.Element;
     readonly folder: Icon_2;
     readonly 'folder-open': Icon_2;
+    readonly folders: Icon_2;
     readonly 'grid-view': Icon_2;
+    readonly 'hand-coins': Icon_2;
+    readonly handshake: Icon_2;
     readonly 'hard-hat': Icon_2;
     readonly 'head-circuit': Icon_2;
     readonly help: Icon_2;
@@ -821,6 +833,7 @@ export declare const commonIconsMap: {
     readonly code: Icon_2;
     readonly microphone: Icon_2;
     readonly minus: Icon_2;
+    readonly 'money-wavy': Icon_2;
     readonly 'more-horizontal': Icon_2;
     readonly 'more-vertical': Icon_2;
     readonly moped: Icon_2;
@@ -841,12 +854,14 @@ export declare const commonIconsMap: {
     readonly 'pin-slash': Icon_2;
     readonly 'piggy-bank': Icon_2;
     readonly plant: Icon_2;
+    readonly 'plugs-connected': Icon_2;
     readonly printer: Icon_2;
     readonly privacy: Icon_2;
     readonly 'qr-code': Icon_2;
     readonly refresh: Icon_2;
     readonly remark: Icon_2;
     readonly robot: Icon_2;
+    readonly 'rocket-launch': Icon_2;
     readonly save: Icon_2;
     readonly search: Icon_2;
     readonly 'search-plus': Icon_2;
@@ -861,6 +876,7 @@ export declare const commonIconsMap: {
     readonly 'skip-forward': Icon_2;
     readonly smartphone: Icon_2;
     readonly sparkle: Icon_2;
+    readonly 'squares-four': Icon_2;
     readonly star: Icon_2;
     readonly start: Icon_2;
     readonly stop: Icon_2;
@@ -1725,6 +1741,23 @@ export declare type HighlightStyle = {
 export declare const Icon: ({ name, size, weight, color, type, featured, ...props }: IconProps) => JSX.Element;
 
 declare const iconMap: {
+    readonly 'prod-recruit': Icon_2;
+    readonly 'prod-cockpit': Icon_2;
+    readonly 'prod-insights': Icon_2;
+    readonly 'prod-documents': Icon_2;
+    readonly 'prod-zvoove-one-pdl': Icon_2;
+    readonly 'prod-zvoove-one-payroll': Icon_2;
+    readonly 'prod-connect': Icon_2;
+    readonly 'prod-work-app': Icon_2;
+    readonly 'prod-analytics': Icon_2;
+    readonly 'prod-dms-plus': Icon_2;
+    readonly 'prod-safety-manager': Icon_2;
+    readonly 'prod-timesheets': Icon_2;
+    readonly 'prod-managed-payroll': Icon_2;
+    readonly 'prod-cashlink': Icon_2;
+    readonly 'prod-professional-service': Icon_2;
+    readonly 'prod-online-academy': Icon_2;
+    readonly 'prod-knowledge-base': Icon_2;
     readonly zvoove: ({ size, color }: ZvooveLogoProps) => JSX.Element;
     readonly 'zvoove-one': ({ size, color }: {
         size?: number;
@@ -1895,7 +1928,10 @@ declare const iconMap: {
     }) => JSX.Element;
     readonly folder: Icon_2;
     readonly 'folder-open': Icon_2;
+    readonly folders: Icon_2;
     readonly 'grid-view': Icon_2;
+    readonly 'hand-coins': Icon_2;
+    readonly handshake: Icon_2;
     readonly 'hard-hat': Icon_2;
     readonly 'head-circuit': Icon_2;
     readonly help: Icon_2;
@@ -1922,6 +1958,7 @@ declare const iconMap: {
     readonly code: Icon_2;
     readonly microphone: Icon_2;
     readonly minus: Icon_2;
+    readonly 'money-wavy': Icon_2;
     readonly 'more-horizontal': Icon_2;
     readonly 'more-vertical': Icon_2;
     readonly moped: Icon_2;
@@ -1942,12 +1979,14 @@ declare const iconMap: {
     readonly 'pin-slash': Icon_2;
     readonly 'piggy-bank': Icon_2;
     readonly plant: Icon_2;
+    readonly 'plugs-connected': Icon_2;
     readonly printer: Icon_2;
     readonly privacy: Icon_2;
     readonly 'qr-code': Icon_2;
     readonly refresh: Icon_2;
     readonly remark: Icon_2;
     readonly robot: Icon_2;
+    readonly 'rocket-launch': Icon_2;
     readonly save: Icon_2;
     readonly search: Icon_2;
     readonly 'search-plus': Icon_2;
@@ -1962,6 +2001,7 @@ declare const iconMap: {
     readonly 'skip-forward': Icon_2;
     readonly smartphone: Icon_2;
     readonly sparkle: Icon_2;
+    readonly 'squares-four': Icon_2;
     readonly star: Icon_2;
     readonly start: Icon_2;
     readonly stop: Icon_2;
@@ -2149,15 +2189,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 +2213,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 +2627,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,10 +2871,45 @@ 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;
 
+export declare type ProductIconNames = keyof typeof productIconsMap;
+
+/**
+ * Product icons — semantic aliases that map a zvoove product to its
+ * representative Phosphor icon. These reuse the same glyphs as the common
+ * icons but are named after the product they represent (e.g. `prod-recruit`),
+ * so they can be used directly in product/app lists.
+ */
+export declare const productIconsMap: {
+    readonly 'prod-recruit': Icon_2;
+    readonly 'prod-cockpit': Icon_2;
+    readonly 'prod-insights': Icon_2;
+    readonly 'prod-documents': Icon_2;
+    readonly 'prod-zvoove-one-pdl': Icon_2;
+    readonly 'prod-zvoove-one-payroll': Icon_2;
+    readonly 'prod-connect': Icon_2;
+    readonly 'prod-work-app': Icon_2;
+    readonly 'prod-analytics': Icon_2;
+    readonly 'prod-dms-plus': Icon_2;
+    readonly 'prod-safety-manager': Icon_2;
+    readonly 'prod-timesheets': Icon_2;
+    readonly 'prod-managed-payroll': Icon_2;
+    readonly 'prod-cashlink': Icon_2;
+    readonly 'prod-professional-service': Icon_2;
+    readonly 'prod-online-academy': Icon_2;
+    readonly 'prod-knowledge-base': Icon_2;
+};
+
 export declare const ProgressIndicator: ({ value, indeterminate, variant, size, foregroundColor, backgroundColor, }: ProgressIndicatorProps) => JSX.Element;
 
 export declare interface ProgressIndicatorProps {
@@ -3702,7 +3783,7 @@ export declare interface SwitchProps extends Omit<React.InputHTMLAttributes<HTML
     id?: string;
 }
 
-declare type TabItem<T extends React.ElementType = 'button'> = {
+export declare type TabItem<T extends React.ElementType = 'button'> = {
     label: string;
     icon?: CommonIconNames;
     iconPosition?: 'left' | 'top';