@react-fabric/core 1.0.0-beta.61 → 1.0.0-beta.63

package/dist/types/components/chip/Chip.d.ts

@@ -56,7 +56,7 @@ export interface ChipProps extends CssProp, AriaProps, TestProps, ChildProp<stri
  * It can also include an icon and a remove button, making it versatile for different use cases.
  *
  * @param {ChipProps} props - The properties for the Chip component.
- * @returns {JSX.Element} The rendered Chip component.
+ * @returns {React.ReactElement} The rendered Chip component.
  *
  * @example
  * ```jsx

package/dist/types/components/collapsable/Collapsable.d.ts

@@ -54,7 +54,7 @@ export interface CollapsableProps extends CssProp, AriaProps, TestProps, RefProp
  * This component is ideal for creating accordions, expandable panels, or sections that can be toggled by the user.
  *
  * @param {CollapsableProps} props - The properties for the Collapsable component.
- * @returns {JSX.Element} The rendered Collapsable component.
+ * @returns {React.ReactElement} The rendered Collapsable component.
  *
  * @example
  * ```jsx

package/dist/types/components/divider/Divider.d.ts

@@ -28,7 +28,7 @@ export interface DividerProps extends CssProp, Partial<ChildProp> {
  * styles, and alignment options.
  *
  * @param {DividerProps} props - The properties for the Divider component.
- * @returns {JSX.Element} The rendered Divider component.
+ * @returns {React.ReactElement} The rendered Divider component.
  *
  * @example
  * ```jsx

package/dist/types/components/dropdown/Dropdown.d.ts

@@ -31,9 +31,13 @@ export interface DropdownProps extends RefProp {
      */
     dropdownClassName?: string;
     /**
-     * dropdown event
+     * dropdown trigger event, default is click
      */
-    dropdownEvent?: "click" | "hover";
+    trigger?: "click" | "hover";
+    /**
+     * portal root element
+     */
+    root?: HTMLElement;
     /**
      * open handler
      */
@@ -84,6 +88,6 @@ export declare const Dropdown: (props: DropdownProps) => import("react/jsx-runti
  * @param dismiss - Whether to dismiss the dropdown on click (default: true).
  * @returns JSX Element
  */
-export declare const DropdownDismiss: ({ children, dismiss, }: ChildProp & {
+export declare const DropdownDismiss: ({ children, dismiss }: ChildProp & {
     dismiss?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/dropdown/DropdownTool.d.ts

@@ -11,7 +11,7 @@ import { type DropdownProps } from "./Dropdown";
  * @param {string} icon - The icon to be displayed in the dropdown.
  * @param {boolean} groupHover - If true, the dropdown will only be visible when the parent group is hovered.
  * @param {DropdownProps} props - Additional properties for the dropdown.
- * @returns {JSX.Element} The rendered DropdownTool component.
+ * @returns {React.ReactElement} The rendered DropdownTool component.
  *
  * @example
  * ```jsx

package/dist/types/components/empty/EmptyContent.d.ts

@@ -3,11 +3,11 @@ export interface EmptyContentProps extends CssProp, TestProps, Partial<ChildrenP
     /**
      * empty title
      */
-    title?: string | JSX.Element;
+    title?: string | React.ReactElement;
     /**
      * empty message
      */
-    message: string | JSX.Element;
+    message: string | React.ReactElement;
     /**
      * content size
      */
@@ -29,7 +29,7 @@ export interface EmptyContentProps extends CssProp, TestProps, Partial<ChildrenP
  * such as in empty states of lists, tables, or other content areas.
  *
  * @param {EmptyContentProps} props - The properties for the EmptyContent component.
- * @returns {JSX.Element} The rendered EmptyContent component.
+ * @returns {React.ReactElement} The rendered EmptyContent component.
  *
  * @example
  * ```jsx

package/dist/types/components/icon/Icon.d.ts

@@ -3,7 +3,7 @@ export interface Props extends CssProp, AriaProps, RefProp, TestProps {
     /**
      * svg path / webfont className / 1-4 letter text
      */
-    icon: string | JSX.Element;
+    icon: string | React.ReactElement;
     /**
      * icon image source URL, if failed to load then shows icon
      */
@@ -42,8 +42,7 @@ export interface Props extends CssProp, AriaProps, RefProp, TestProps {
      */
     onClick?: React.MouseEventHandler;
 }
-export type IconProps = string | JSX.Element | Pick<Props, "icon" | "iconSrc" | "bg" | "color" | "size" | "rtlFlip" | "viewBox" | "rounded" | "animate">;
-export declare const getIconProps: (props: IconProps) => Props;
+export type IconProps = string | React.ReactElement | Pick<Props, "icon" | "iconSrc" | "bg" | "color" | "size" | "rtlFlip" | "viewBox" | "rounded" | "animate">;
 /**
  * A versatile icon component that supports SVG paths, webfont icons, and text icons.
  * It can be styled with background color, icon color, size, and animations.
@@ -53,7 +52,7 @@ export declare const getIconProps: (props: IconProps) => Props;
  * These include `bg`, `color`, `size`, `rtlFlip`, `animate`, and `rounded`.
  *
  * @param {IconProps} props - The properties for the Icon component.
- * @returns {JSX.Element} The rendered Icon component.
+ * @returns {React.ReactElement} The rendered Icon component.
  *
  * @example
  * ```jsx

package/dist/types/components/index.d.ts

@@ -1,8 +1,8 @@
 export { ActionLabel } from "./actionLabel/ActionLabel";
-export { LoadingBars, AnimationIndicator, LoadingSpinner, LoadingLine, Skeleton, } from "./animations/Animations";
+export { AnimationIndicator, AnimationLoader, LoadingBars, LoadingLine, LoadingSpinner, Skeleton, } from "./animations/Animations";
 export { Avatar } from "./avatar/Avatar";
 export { AvatarGroup } from "./avatar/AvatarGroup";
-export { Badge, getBadgeProps } from "./badge/Badge";
+export { Badge } from "./badge/Badge";
 export { Breadcrumbs } from "./breadcrumbs/Breadcrumbs";
 export { Button } from "./button/Button";
 export { ButtonGroup } from "./button/ButtonGroup";
@@ -18,7 +18,7 @@ export { Divider } from "./divider/Divider";
 export { Dropdown, DropdownDismiss } from "./dropdown/Dropdown";
 export { DropdownTool } from "./dropdown/DropdownTool";
 export { EmptyContent } from "./empty/EmptyContent";
-export { Icon, getIconProps } from "./icon/Icon";
+export { Icon } from "./icon/Icon";
 export { Image, Video } from "./media/Media";
 export { ContextMenu } from "./menu/ContextMenu";
 export { Menu } from "./menu/Menu";

package/dist/types/components/media/Media.d.ts

@@ -41,7 +41,7 @@ export interface VideoProps extends BaseProps {
  * It automatically adjusts the display based on the provided fit property, allowing for different styles such as cover, contain, or fill.
  *
  * @param {ImageProps | VideoProps} props - The properties for the Media component.
- * @returns {JSX.Element} The rendered Media component.
+ * @returns {React.ReactElement} The rendered Media component.
  *
  * @example
  * ```jsx
@@ -70,7 +70,7 @@ export declare const Image: ({ src, alt, reel, fit, className, ...aria }: ImageP
  * It also includes a reel decoration for a more engaging visual presentation.
  *
  * @param {VideoProps} props - The properties for the Video component.
- * @returns {JSX.Element} The rendered Video component.
+ * @returns {React.ReactElement} The rendered Video component.
  *
  * @example
  * ```jsx

package/dist/types/components/menu/ContextMenu.d.ts

@@ -10,7 +10,7 @@ export interface ContextMenuProps extends ChildrenProp {
  * This component is useful for creating custom context menus that can be triggered by right-clicking on elements.
  *
  * @param {ContextMenuProps} props - The properties for the ContextMenu component.
- * @returns {JSX.Element} The rendered ContextMenu component.
+ * @returns {React.ReactElement} The rendered ContextMenu component.
  *
  * @example
  * ```jsx

package/dist/types/components/menu/Menu.d.ts

@@ -6,7 +6,7 @@ import { type MenuProps } from "./types";
  * It can be nested within other menus to create complex menu structures.
  *
  * @param {MenuProps} props - The properties for the Menu component.
- * @returns {JSX.Element} The rendered Menu component.
+ * @returns {React.ReactElement} The rendered Menu component.
  *
  * @example
  * ```jsx

package/dist/types/components/menu/types.d.ts

@@ -13,7 +13,7 @@ export interface MenuItemProps extends CssProp, AriaProps, TestProps {
     /**
      * append label badge text
      */
-    appendLabel?: string | false;
+    appendLabel?: React.ReactElement | string | number | false;
     /**
      * menu color
      */
@@ -50,6 +50,10 @@ export interface MenuItemProps extends CssProp, AriaProps, TestProps {
 export interface MenuRootProps extends CssProp {
     label?: never;
     minimal?: boolean;
+    /**
+     * use this create a dropdown button within menu-item
+     */
+    forDropdown?: boolean;
     menuClassName?: never;
     onClick?: (id: string) => CallbackReturn;
 }
@@ -57,6 +61,7 @@ export interface MenuInnerProps extends MenuItemProps {
     label: string;
     minimal?: never;
     trigger?: "hover" | "click";
+    forDropdown?: boolean;
     /**
      * floating menu className
      */

package/dist/types/components/meter/Meter.d.ts

@@ -17,7 +17,7 @@ export interface MeterProps extends CssProp, AriaProps, TestProps {
  * The component can also display a label showing the percentage value.
  *
  * @param {MeterProps} props - The properties for the Meter component.
- * @returns {JSX.Element} The rendered Meter component.
+ * @returns {React.ReactElement} The rendered Meter component.
  *
  * @example
  * ```jsx

package/dist/types/components/navigator/Navigator.d.ts

@@ -1,6 +1,12 @@
 import { type AriaProps, type ChildProp, type ColorType, type CssProp, type PaletteType, type TestProps } from "../../types";
 export interface NavigatorProps extends CssProp, AriaProps, TestProps, Partial<ChildProp> {
+    /**
+     * item list length (ignore to enable infinite navigation)
+     */
     length?: number;
+    /**
+     * current item index (ignore to enable infinite navigation)
+     */
     current?: number;
     disableKeyHandlers?: boolean;
     /**
@@ -17,7 +23,7 @@ export interface NavigatorProps extends CssProp, AriaProps, TestProps, Partial<C
  * It includes previous and next buttons, and supports keyboard navigation.
  *
  * @param {NavigatorProps} props - The properties for the Navigator component.
- * @returns {JSX.Element} The rendered Navigator component.
+ * @returns {React.ReactElement} The rendered Navigator component.
  *
  * @example
  * ```jsx

package/dist/types/components/panel/Panel.d.ts

@@ -14,7 +14,7 @@ export interface PanelProps extends CssProp, AriaProps, TestProps, ExpandProps,
     /**
      * header actions
      */
-    actions?: JSX.Element;
+    actions?: React.ReactElement;
     /**
      * header css classname(s)
      */
@@ -69,7 +69,7 @@ export interface PanelProps extends CssProp, AriaProps, TestProps, ExpandProps,
  * It can be used in various applications where panels are needed, such as dashboards, settings pages, or content management systems.
  *
  * @param {PanelProps} props - The properties for the Panel component.
- * @returns {JSX.Element} The rendered Panel component.
+ * @returns {React.ReactElement} The rendered Panel component.
  *
  * @example
  * ```jsx

package/dist/types/components/panel/PanelGroup.d.ts

@@ -17,7 +17,7 @@ export interface PanelGroupProps extends ChildrenProp {
  * It uses the `Panel` component to render each individual panel within the group.
  *
  * @param {PanelGroupProps} props - The properties for the PanelGroup component.
- * @returns {JSX.Element} The rendered PanelGroup component.
+ * @returns {React.ReactElement} The rendered PanelGroup component.
  *
  * @example
  * ```jsx

package/dist/types/components/panel/PanelStack.d.ts

@@ -24,7 +24,7 @@ export interface PanelStackProps extends CssProp, ChildrenProp {
  * and it updates the active panel based on user interactions.
  *
  * @param {PanelStackProps} props - The properties for the PanelStack component.
- * @returns {JSX.Element} The rendered PanelStack component.
+ * @returns {React.ReactElement} The rendered PanelStack component.
  *
  * @example
  * ```jsx

package/dist/types/components/progress/ProgressBar.d.ts

@@ -28,7 +28,7 @@ export interface ProgressProps {
  * The label can be customized or hidden based on the props provided.
  *
  * @param {ProgressProps} props - The properties for the ProgressBar component.
- * @returns {JSX.Element} The rendered ProgressBar component.
+ * @returns {React.ReactElement} The rendered ProgressBar component.
  *
  * @example
  * ```jsx

package/dist/types/components/progress/ProgressCircle.d.ts

@@ -19,7 +19,7 @@ export interface ProgressProps {
  * The component is customizable with size and color props.
  *
  * @param {ProgressProps} props - The properties for the ProgressCircle component.
- * @returns {JSX.Element} - A circular progress indicator.
+ * @returns {React.ReactElement} - A circular progress indicator.
  *
  * @example
  * ```jsx

package/dist/types/components/tabpanel/Tab.d.ts

@@ -53,7 +53,7 @@ export interface TabProps extends Partial<ChildrenProp>, CssProp, RefProp, AriaP
  * It also supports tooltips, active states, and click handling.
  *
  * @param {TabProps} props - The properties for the Tab component.
- * @returns {JSX.Element} The rendered Tab component.
+ * @returns {React.ReactElement} The rendered Tab component.
  *
  * @example
  * ```jsx

package/dist/types/components/tabpanel/TabPanel.d.ts

@@ -63,7 +63,7 @@ export interface TabPanelProps extends ChildrenProp<typeof Tab> {
  * It can be customized with different styles and behaviors to fit the needs of the application.
  *
  * @param {TabPanelProps} props - The properties for the TabPanel component.
- * @returns {JSX.Element} The rendered TabPanel component.
+ * @returns {React.ReactElement} The rendered TabPanel component.
  *
  * @example
  * ```jsx

package/dist/types/context/Global.d.ts

@@ -1,5 +1,4 @@
 import { type ComponentType, type FC, type PropsWithChildren } from "react";
-import { type NotificationManagerRef } from "./NotificationCenter";
 interface State {
     locale: string;
     colorScheme: "light" | "dark";
@@ -16,89 +15,8 @@ export interface GlobalProps extends PropsWithChildren {
     defaultCalendar?: State["calendar"];
     defaultColorScheme?: State["colorScheme"];
 }
-interface GlobalContextType {
-    /**
-     * change language locale
-     * @param locale
-     */
-    changeLocale: (locale: string) => string;
-    /**
-     * change date calendat
-     * @param locale
-     */
-    changeCalendar: (calendar: State["calendar"]) => State["calendar"];
-    /**
-     * toggle theme between light and dark
-     * or force to theme provided
-     * @param theme
-     */
-    toggleColorScheme: (colorScheme?: State["colorScheme"]) => State["colorScheme"];
-    /**
-     * application default error display
-     */
-    errorElement: GlobalProps["errorElement"];
-    currentLocale: string;
-    currentCalendar: State["calendar"];
-    currentColorScheme: State["colorScheme"];
-    notificationManager: NotificationManagerRef;
-}
-export declare const GlobalContext: import("react").Context<GlobalContextType>;
 /**
  * global context provider
  */
 export declare const ApplicationProvider: FC<GlobalProps>;
-/**
- * internal usage only
- * @internal
- */
-export declare const useGlobals: () => GlobalContextType;
-/**
- * Hook to access the global application context.
- * This hook provides access to the global context values, including the current locale, calendar, and color scheme.
- *
- * @returns {GlobalContextType} The global context values excluding the error element.
- *
- * @example
- * ```jsx
- * const { changeLocale, currentLocale, toggleColorScheme } = useApplicationContext();
- * ```
- */
-export declare const useApplicationContext: () => {
-    /**
-     * change language locale
-     * @param locale
-     */
-    changeLocale: (locale: string) => string;
-    /**
-     * change date calendat
-     * @param locale
-     */
-    changeCalendar: (calendar: State["calendar"]) => State["calendar"];
-    /**
-     * toggle theme between light and dark
-     * or force to theme provided
-     * @param theme
-     */
-    toggleColorScheme: (colorScheme?: State["colorScheme"]) => State["colorScheme"];
-    currentLocale: string;
-    currentCalendar: State["calendar"];
-    currentColorScheme: State["colorScheme"];
-    notificationManager: NotificationManagerRef;
-};
-/**
- * Hook to access the notification manager from the global context.
- * This hook provides methods to show alerts, errors, messages, and toasts.
- * It returns a reference to the notification manager, which can be used to display notifications in the application.
- *
- * @returns {NotificationManagerRef} The notification manager reference.
- *
- * @example
- * ```jsx
- * const notificationService = useNotificationService();
- * notificationService.showMessage("Hello World");
- * ```
- *
- * @see {@link https://adarshpastakia.github.io/react-fabric/?path=/docs/core-components-notifications--notifications} for more details on available methods.
- */
-export declare const useNotificationService: () => NotificationManagerRef;
 export {};

package/dist/types/context/context.d.ts

@@ -0,0 +1,85 @@
+import { State } from "storybook/manager-api";
+import { GlobalProps } from "./Global";
+import { NotificationManagerRef } from "./NotificationCenter";
+interface GlobalContextType {
+    /**
+     * change language locale
+     * @param locale
+     */
+    changeLocale: (locale: string) => string;
+    /**
+     * change date calendar
+     * @param locale
+     */
+    changeCalendar: (calendar: State["calendar"]) => State["calendar"];
+    /**
+     * toggle theme between light and dark
+     * or force to theme provided
+     * @param theme
+     */
+    toggleColorScheme: (colorScheme?: State["colorScheme"]) => State["colorScheme"];
+    /**
+     * application default error display
+     */
+    errorElement: GlobalProps["errorElement"];
+    currentLocale: string;
+    currentCalendar: State["calendar"];
+    currentColorScheme: State["colorScheme"];
+    notificationManager: NotificationManagerRef;
+}
+export declare const GlobalContext: import("react").Context<GlobalContextType>;
+/**
+ * internal usage only
+ * @internal
+ */
+export declare const useGlobals: () => GlobalContextType;
+/**
+ * Hook to access the global application context.
+ * This hook provides access to the global context values, including the current locale, calendar, and color scheme.
+ *
+ * @returns {GlobalContextType} The global context values excluding the error element.
+ *
+ * @example
+ * ```jsx
+ * const { changeLocale, currentLocale, toggleColorScheme } = useApplicationContext();
+ * ```
+ */
+export declare const useApplicationContext: () => {
+    /**
+     * change language locale
+     * @param locale
+     */
+    changeLocale: (locale: string) => string;
+    /**
+     * change date calendar
+     * @param locale
+     */
+    changeCalendar: (calendar: State["calendar"]) => State["calendar"];
+    /**
+     * toggle theme between light and dark
+     * or force to theme provided
+     * @param theme
+     */
+    toggleColorScheme: (colorScheme?: State["colorScheme"]) => State["colorScheme"];
+    currentLocale: string;
+    currentCalendar: State["calendar"];
+    currentColorScheme: State["colorScheme"];
+    notificationManager: NotificationManagerRef;
+};
+/**
+ * Hook to access the notification manager from the global context.
+ * This hook provides methods to show alerts, errors, messages, and toasts.
+ * It returns a reference to the notification manager, which can be used to display notifications in the application.
+ *
+ * @returns {NotificationManagerRef} The notification manager reference.
+ *
+ * @example
+ * ```jsx
+ * const notificationService = useNotificationService();
+ * notificationService.showMessage("Hello World");
+ * ```
+ *
+ * @see {@link https://adarshpastakia.github.io/react-fabric/?path=/docs/core-components-notifications--notifications} for more details on available methods.
+ */
+export declare const useNotificationService: () => NotificationManagerRef;
+export {};

package/dist/types/core/aside/Aside.d.ts

@@ -16,7 +16,7 @@ export interface AsideProps extends ChildrenProp, CollapseProps, CssProp, TestPr
     /**
      * header actions
      */
-    actions?: Elements<JSX.Element>;
+    actions?: Elements<React.ReactElement>;
     /**
      * header class
      */
@@ -60,7 +60,7 @@ export interface AsideProps extends ChildrenProp, CollapseProps, CssProp, TestPr
  * It can be aligned to the start or end of the page.
  *
  * @param {AsideProps} props - The properties for the Aside component.
- * @returns {JSX.Element} The rendered Aside component.
+ * @returns {React.ReactElement} The rendered Aside component.
  *
  * @example
  * ```jsx

package/dist/types/core/responsive/Responsive.d.ts

@@ -8,6 +8,10 @@ export interface ContainerProps extends AriaProps, CssProp, ChildrenProp, TestPr
      * gutter size
      */
     gutter?: SizeTypeWithZero;
+    /**
+     * use @container size queries for max-width
+     */
+    useContainer?: boolean;
 }
 export interface RowProps extends AriaProps, CssProp, ChildrenProp, TestProps {
     /**
@@ -65,7 +69,7 @@ export interface ColProps extends AriaProps, CssProp, TestProps, Partial<Childre
  * </Container>
  * ```
  */
-export declare const Container: ({ children, fullWidth, className, gutter, ...aria }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Container: ({ children, fullWidth, className, gutter, useContainer, ...aria }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Row component that allows for flexible layout of columns.
  * It supports various flex properties, alignment, and wrapping.

package/dist/types/core/theme/ThemeProvider.d.ts

@@ -1,4 +1,4 @@
-import { type ChildrenProp } from "../../types";
+import { type ChildrenProp, type CssProp } from "../../types";
 export interface ThemeProps {
     /**
      * light/dark color scheme
@@ -54,4 +54,4 @@ export interface ThemeProps {
  *
  * @see {@link https://adarshpastakia.github.io/react-fabric/?path=/story/core-application--theme-provider} for more details.
  */
-export declare const ThemeProvider: ({ children, branding, primaryColor, accentColor, tintColor, colorScheme, rounding, }: ThemeProps & ChildrenProp) => import("react/jsx-runtime").JSX.Element;
+export declare const ThemeProvider: ({ children, branding, primaryColor, accentColor, tintColor, colorScheme, rounding, className, }: ThemeProps & ChildrenProp & CssProp) => import("react/jsx-runtime").JSX.Element;

package/dist/types/hooks/useContextMenu.d.ts

@@ -0,0 +1,10 @@
+import { type Menu } from "../components/menu/Menu";
+/**
+ * A hook that provides a context menu that appears on right-click.
+ * It uses the Floating UI library to manage the positioning and interactions of the menu.
+ * This hook is useful for creating custom context menus that can be triggered by right-clicking on elements.
+ *
+ * @param {ContextMenuProps} props - The properties for the ContextMenu hook.
+ * @returns {[React.ReactElement | null, (e: MouseEvent) => void]} An array containing the rendered ContextMenu component (or null if not open) and the function to handle right-click events.
+ */
+export declare const useContextMenu: (menu: React.ReactElement<typeof Menu>) => [Overlay: React.ReactNode, onContentMenu: (e: React.MouseEvent) => void];

package/dist/types/hooks/useOverlayService.d.ts

@@ -1,6 +1,4 @@
-import { type ElementType } from "react";
 import { type ModalProps } from "../types";
-type OverlayComponent = ElementType<ModalProps<AnyObject>>;
 /**
  * Hook to manage overlay components like modals or flyouts.
  * It provides a way to open an overlay with specified properties and handle its closure.
@@ -11,7 +9,8 @@ type OverlayComponent = ElementType<ModalProps<AnyObject>>;
  * of the overlay when it is closed, allowing you to handle the result in a controlled manner.
  *
  * @param ModalOrFlyout - The component to be used as an overlay.
- * @returns An array containing the current overlay and a function to open it.
+ * @param toggleOpen - If true, calling `openOverlay` while an overlay is already open will close the existing one instead of opening a new one.
+ * @returns An array containing the current overlay, a function to open it, and a boolean indicating if the overlay is open.
  *
  * @example
  * ```jsx
@@ -25,5 +24,4 @@ type OverlayComponent = ElementType<ModalProps<AnyObject>>;
  * <Overlay />
  * ```
  */
-export declare const useOverlayService: (ModalOrFlyout: OverlayComponent) => [Overlay: React.ReactNode | null, openOverlay: (props?: KeyValue) => Promise<AnyObject>];
-export {};
+export declare const useOverlayService: <T extends AnyObject = AnyObject>(ModalOrFlyout: React.FunctionComponent<ModalProps<T>>) => [Overlay: React.FunctionComponent<Partial<T>>, openOverlay: (props?: Partial<T>) => Promise<AnyObject>, closeOverlay: ((args?: AnyObject) => void) | null];

package/dist/types/hotkeys/HotKeyWrapper.d.ts

@@ -1,11 +1,2 @@
 import { type FC, type PropsWithChildren } from "react";
-/** @internal */
-export declare const HotKeysContext: import("react").Context<{
-    addHotKey: (key: string, handler: () => void, global?: boolean) => void;
-    removeHotKey: (key: string) => void;
-}>;
-export declare const useHotKeys: () => {
-    addHotKey: (key: string, handler: () => void, global?: boolean) => void;
-    removeHotKey: (key: string) => void;
-};
 export declare const HotKeyWrapper: FC<PropsWithChildren>;

package/dist/types/hotkeys/context.d.ts

@@ -0,0 +1,9 @@
+/** @internal */
+export declare const HotKeysContext: import("react").Context<{
+    addHotKey: (key: string, handler: () => void, global?: boolean) => void;
+    removeHotKey: (key: string) => void;
+}>;
+export declare const useHotKeys: () => {
+    addHotKey: (key: string, handler: () => void, global?: boolean) => void;
+    removeHotKey: (key: string) => void;
+};

package/dist/types/index.d.ts

@@ -4,6 +4,7 @@ export { addTranslationBundle } from "./i18n";
 export { Flyout, Modal, Tooltip } from "./overlays";
 export * from "./typography";
 export * from "./hooks/useClientService";
+export * from "./hooks/useContextMenu";
 export * from "./hooks/useDebounce";
 export * from "./hooks/useEffectDebugger";
 export * from "./hooks/useIsDark";
@@ -18,5 +19,6 @@ export { HotKey } from "./hotkeys/HotKey";
 export { HotKeyLabel } from "./hotkeys/HotKeyLabel";
 export { HotKeyWrapper } from "./hotkeys/HotKeyWrapper";
 export { type ModalProps } from "./types";
-export { cloneChildren } from "./utils";
-export { ApplicationProvider, useApplicationContext, useGlobals, useNotificationService, } from "./context/Global";
+export { cloneChildren, getBadgeProps, getIconProps } from "./utils";
+export { useApplicationContext, useNotificationService } from "./context/context";
+export { ApplicationProvider } from "./context/Global";

package/dist/types/overlays/alert/Alert.d.ts

@@ -23,7 +23,7 @@ export interface AlertProps {
     /**
      * toast text
      */
-    message: string | JSX.Element;
+    message: string | React.ReactElement;
     /**
      * theme color
      */
@@ -31,7 +31,7 @@ export interface AlertProps {
     /**
      * extra action button
      */
-    actions?: Elements<JSX.Element>;
+    actions?: Elements<React.ReactElement>;
     /**
      * ok label
      */