@zvoove/unity-ui 2.38.0 → 2.39.1

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: {
@@ -1020,8 +1033,11 @@ export declare interface DatePickerProps extends Omit<TextFieldProps, 'onChange'
     label: string;
     /**
      * The value of the date picker. <br />
-     * For `mode="month"`, this must be ISO format: `YYYY-MM` or
-     * `YYYY-MM-DD` (e.g. `"2022-05"`) — the day, if present, is ignored.
+     * For `mode="month"`, use ISO format: `YYYY-MM` or `YYYY-MM-DD`
+     * (e.g. `"2022-05"`) — the day, if present, is ignored. <br />
+     * For `mode="week"`, use ISO week format `YYYY-Www` (preferred, e.g.
+     * `"2026-W24"`) or any calendar day in the week as `YYYY-MM-DD`
+     * (e.g. `"2026-06-10"`).
      */
     value?: string;
     /**
@@ -2229,16 +2245,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 +2298,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 +3283,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, density, ...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, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, density, ...props }: SelectProps) => JSX.Element;
 
 export declare type SelectOption = Omit<PopUpMenuItem, 'id' | 'onClick' | 'disabled' | 'linkComponent' | 'as'> & {
     /**