@zvoove/unity-ui 2.37.1 → 2.39.0

package/dist/unity-ui.d.ts

@@ -11,13 +11,14 @@ import { IconWeight } from '@phosphor-icons/react';
 import { JSX } from 'react/jsx-runtime';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { PropsWithChildren } from 'react';
+import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { SetStateAction } from 'react';
 
 export declare const Accordion: {
-    <T extends readonly AccordionItem[]>({ items, onToggle, openItems, allowMultipleOpenItems, }: AccordionProps<T>): JSX.Element;
+    <T extends readonly AccordionItem[]>({ items, onToggle, openItems, allowMultipleOpenItems, highlightOpenItems, }: AccordionProps<T>): JSX.Element;
     displayName: string;
 };
 
@@ -26,6 +27,13 @@ export declare interface AccordionItem {
     title: string;
     supportingText?: string;
     children: ReactNode;
+    /**
+     * An optional Tag rendered in the header, before the chevron.
+     *
+     * Only a Tag element is rendered; invalid values are ignored and warn in
+     * non-production builds.
+     */
+    tag?: ReactElement<TagProps>;
     isOpen?: boolean;
     disabled?: boolean;
 }
@@ -54,6 +62,11 @@ export declare interface AccordionProps<T extends readonly AccordionItem[] = rea
      * @default false
      */
     allowMultipleOpenItems?: boolean;
+    /**
+     * Whether open item headers use the primary highlight background.
+     * @default true
+     */
+    highlightOpenItems?: boolean;
 }
 
 export declare const ActionCard: {
@@ -2229,16 +2242,40 @@ export declare interface ImageVisualizerProps {
 }
 
 export declare const InfoBox: {
-    ({ message, variant, icon, elevated, borderRadius, }: InfoBoxProps): JSX.Element;
+    ({ message, title, variant, icon, elevated, borderRadius, actions, showCloseButton, onClose, }: InfoBoxProps): JSX.Element;
     displayName: string;
 };
 
+export declare interface InfoBoxAction {
+    /**
+     * The label shown in the action button.
+     */
+    label: string;
+    /**
+     * The callback fired when the action button is clicked.
+     */
+    onClick?: () => void;
+    /**
+     * The Button visual variant.
+     * @default 'text' for all actions except the last, which defaults to 'filled'
+     */
+    variant?: InfoBoxActionVariant;
+}
+
+export declare type InfoBoxActionVariant = NonNullable<ButtonProps['variant']>;
+
 export declare interface InfoBoxProps {
     /**
      * The content to display in the InfoBox. Accepts a plain string or any
-     * React node (e.g. formatted text combined with an action button).
+     * React node.
      */
     message: ReactNode;
+    /**
+     * Optional title displayed above the message. When present, the InfoBox uses
+     * a stacked title/message structure; actions still sit beside the message
+     * when there is enough width.
+     */
+    title?: ReactNode;
     /**
      * The semantic variant of the InfoBox
      * @default 'default'
@@ -2258,6 +2295,21 @@ export declare interface InfoBoxProps {
      * @default 'sm'
      */
     borderRadius?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Optional action buttons displayed alongside the message or below it when
+     * the InfoBox is too narrow for the inline layout.
+     */
+    actions?: InfoBoxAction[];
+    /**
+     * Whether to display a close button.
+     * @default false
+     */
+    showCloseButton?: boolean;
+    /**
+     * Callback fired when the close button is clicked. The InfoBox remains
+     * mounted; the consumer controls whether it should be removed.
+     */
+    onClose?: () => void;
 }
 
 export declare type InfoBoxVariant = 'default' | 'positive' | 'warning' | 'error' | 'subtle' | 'neutral' | 'outlined';
@@ -3228,7 +3280,7 @@ export declare interface SegmentGroupProps<T extends React.ElementType = 'button
 
 export declare type SegmentValue<T = string> = T | T[];
 
-export declare const Select: ({ value, multiple, options, onChange, error, errorMessage, disabled, label, hideLabel, name, id, searchable, allowClearAll, allowSelectAll, selectAllLabel, clearAllLabel, noResultsFoundMessage, onScrollEnd, isLoadingMore, ...props }: SelectProps) => JSX.Element;
+export declare const Select: ({ value, multiple, options, onChange, error, errorMessage, disabled, label, hideLabel, name, id, searchable, allowClearAll, allowSelectAll, selectAllLabel, clearAllLabel, noResultsFoundMessage, onScrollEnd, isLoadingMore, density, ...props }: SelectProps) => JSX.Element;
 
 export declare type SelectOption = Omit<PopUpMenuItem, 'id' | 'onClick' | 'disabled' | 'linkComponent' | 'as'> & {
     /**
@@ -3279,6 +3331,11 @@ export declare type SelectProps = Union & {
      * The id of the select.
      */
     id?: string;
+    /**
+     * The density of the select controls the size of the input.
+     * @default 'default'
+     */
+    density?: ResponsiveType<Density>;
 } & Pick<PopUpMenuProps, 'allowClearAll' | 'allowSelectAll' | 'selectAllLabel' | 'clearAllLabel' | 'noResultsFoundMessage' | 'onScrollEnd' | 'isLoadingMore'> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>;
 
 export declare const Sheet: {