@zvoove/unity-ui 2.35.0 → 2.35.2

package/dist/unity-ui.d.ts

@@ -12,7 +12,6 @@ import { JSX } from 'react/jsx-runtime';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
-import { ReactPortal } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { SetStateAction } from 'react';
@@ -601,9 +600,16 @@ export declare type ChipProps = ChipPropsTypeIcon & {
      */
     disabled?: boolean;
     /**
-     * The size of the component
+     * The size of the component.
+     *
+     * @default 'md'
+     *
+     * @remarks
+     * The values `'medium' | 'large'` are **deprecated** and kept for backwards
+     * compatibility. They are mapped to `'md' | 'lg'` and will be removed in
+     * v3.0.0.
      */
-    size?: 'medium' | 'large';
+    size?: ChipSize | ChipSizeLegacy;
     /**
      * The action to perform when the delete button is clicked.
      * This is used only for `input` type chips.
@@ -641,6 +647,10 @@ declare type ChipPropsTypeIcon = {
     icon?: never;
 };
 
+export declare type ChipSize = 'md' | 'lg';
+
+/* Excluded from this release type: ChipSizeLegacy */
+
 export declare const CodeBlock: {
     ({ code, filename, language, variant, ...props }: CodeBlockProps): JSX.Element;
     displayName: string;
@@ -1120,7 +1130,7 @@ export declare const DEFAULT_LABELS: UploaderLabels;
 
 export declare type Density = 'default' | '-2' | '-4';
 
-export declare const Dialog: ({ open, onClose, children, closeOnBackdropClick, closeOnEsc, padding, size, zIndex, }: DialogProps) => ReactPortal | null;
+export declare const Dialog: ({ open, onClose, children, closeOnBackdropClick, closeOnEsc, padding, size, zIndex, }: DialogProps) => JSX.Element;
 
 /**
  * Global manager for Dialog components to track open dialogs.
@@ -1450,7 +1460,7 @@ export declare type FlexResponsiveStylesKeys<Attr extends string> = GenerateSimp
 export declare type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
 
 export declare const FloatSearch: {
-    <T extends React.ElementType = "button">({ open, onClose, items, onSearch, onSelect, value, placeholder, translations: translationsProp, zIndex, loading, linkComponent: ItemComponent, }: FloatSearchProps<T>): ReactPortal | null;
+    <T extends React.ElementType = "button">({ open, onClose, items, onSearch, onSelect, value, placeholder, translations: translationsProp, zIndex, loading, linkComponent: ItemComponent, }: FloatSearchProps<T>): JSX.Element;
     displayName: string;
 };
 
@@ -2882,6 +2892,8 @@ export declare interface PopUpMenuProps extends Omit<React.HTMLAttributes<HTMLDi
 
 export declare type PopUpMenuSelectionType = string | string[] | undefined;
 
+declare type PortalContainer = HTMLElement | ShadowRoot;
+
 export declare type ProductIconNames = keyof typeof productIconsMap;
 
 /**
@@ -3235,7 +3247,7 @@ export declare type SelectProps = Union & {
 } & Pick<PopUpMenuProps, 'allowClearAll' | 'allowSelectAll' | 'selectAllLabel' | 'clearAllLabel' | 'noResultsFoundMessage' | 'onScrollEnd' | 'isLoadingMore'> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>;
 
 export declare const Sheet: {
-    ({ open, onClose, children, title, subTitle, closeOnBackdropClick, closeOnEsc, padding, showHandle, size, placement, headerActions, footerActions, stickyFooter, stickyHeader, showCloseButton, showBackArrow, resizable, width, minWidth, maxWidth, onResizeEnd, }: SheetProps): ReactPortal | null;
+    ({ open, onClose, children, title, subTitle, closeOnBackdropClick, closeOnEsc, padding, showHandle, size, placement, headerActions, footerActions, stickyFooter, stickyHeader, showCloseButton, showBackArrow, resizable, width, minWidth, maxWidth, onResizeEnd, }: SheetProps): JSX.Element;
     displayName: string;
 };
 
@@ -4828,6 +4840,18 @@ export declare interface UseBreakpointReturn {
 
 export declare const useClickOutside: <T extends Node = HTMLElement>(refs: RefType<T> | RefType<T>[] | RefType<Node>[], callback: () => void, isOpen?: boolean) => void;
 
+/**
+ * Resolves the container a portal should mount into, based on where the
+ * anchor node actually lives. Inside a shadow root (e.g. a micro frontend
+ * rendered via web-fragments) this is the fragment's own root, so styles and
+ * events keep working; everywhere else it is `document.body`.
+ *
+ * Returns `null` until resolved (first render / SSR) — use it as a render
+ * gate for the portal. Pass `isActive` to defer resolution until the portal
+ * is about to open.
+ */
+export declare const usePortalContainer: <T extends Node>(anchorRef: RefObject<T | null>, isActive?: boolean) => PortalContainer | null;
+
 export declare const UserArea: ForwardRefExoticComponent<UserAreaProps & RefAttributes<HTMLDivElement>>;
 
 export declare interface UserAreaProps {