@majoo-ui/react 1.61.1-1.rc-1 → 1.61.1-6.rc-6

package/components/accordion/Accordion.d.ts

@@ -1,17 +1,15 @@
-import * as React from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { PrimitiveButtonProps } from '@radix-ui/react-popover';
 import { BaseRadixNoCss, BaseRadixProps } from '../../type/base.types';
-declare type AccordionPrimitiveProps = Omit<AccordionPrimitive.AccordionSingleProps, keyof Omit<AccordionPrimitive.PrimitiveDivProps, 'defaultValue'>> | Omit<AccordionPrimitive.AccordionMultipleProps, keyof Omit<AccordionPrimitive.PrimitiveDivProps, 'defaultValue'>>;
+declare type AccordionPrimitiveProps = AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps;
 declare type AccordionProps = {
     /**
      * Determines whether one or multiple items can be opened at the same time.
      */
-    type: string;
     children: React.ReactNode;
 } & AccordionPrimitiveProps & BaseRadixProps;
 export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
-declare type AccordionTriggerPrimitiveProps = Omit<AccordionPrimitive.AccordionTriggerProps, keyof PrimitiveButtonProps>;
+declare type AccordionTriggerPrimitiveProps = Omit<AccordionPrimitive.AccordionTriggerProps, keyof ComponentPropsWithoutRef<'button'>>;
 interface AccordionTriggerProps extends AccordionTriggerPrimitiveProps, BaseRadixProps {
     /**
      * If the value is 'false' then it will hide the arrow icon.
@@ -32,6 +30,6 @@ interface AccordionTriggerProps extends AccordionTriggerPrimitiveProps, BaseRadi
     children: React.ReactNode;
 }
 export declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-export declare const AccordionItem: React.FC<Omit<AccordionPrimitive.AccordionItemProps, keyof AccordionPrimitive.PrimitiveDivProps> & BaseRadixNoCss>;
-export declare const AccordionContent: React.FC<Omit<AccordionPrimitive.AccordionContentProps, keyof AccordionPrimitive.PrimitiveDivProps> & BaseRadixNoCss>;
+export declare const AccordionItem: React.FC<AccordionPrimitive.AccordionItemProps & BaseRadixNoCss>;
+export declare const AccordionContent: React.FC<AccordionPrimitive.AccordionContentProps & BaseRadixNoCss>;
 export {};

package/components/button/Button.d.ts

@@ -34,6 +34,7 @@ export declare const ButtonPrimitive: import("@stitches/react/types/styled-compo
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [Stitches.$$ScaleValue]: "space";

package/components/card/Card.d.ts

@@ -54,6 +54,7 @@ export declare const CardComponent: import("@stitches/react/types/styled-compone
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -152,6 +153,7 @@ export declare const CardLineColor: import("@stitches/react/types/styled-compone
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -248,6 +250,7 @@ export declare const StyledTitle: import("@stitches/react/types/styled-component
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -355,6 +358,7 @@ export declare const Card: {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";
@@ -451,6 +455,7 @@ export declare const Card: {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";

package/components/contextMenu/ContextMenu.d.ts

@@ -38,6 +38,7 @@ export declare const ContextMenuTrigger: import("@stitches/react/types/styled-co
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -134,6 +135,7 @@ export declare const ContextMenu: import("@stitches/react/types/styled-component
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -230,6 +232,7 @@ export declare const ContextMenuItem: import("@stitches/react/types/styled-compo
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -326,6 +329,7 @@ export declare const ContextMenuSeparator: import("@stitches/react/types/styled-
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";

package/components/datePicker/components/DateNumber.d.ts

@@ -28,6 +28,7 @@ declare const DateNumber: import("@stitches/react/types/styled-component").Style
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [Stitches.$$ScaleValue]: "space";

package/components/devicePreview/DevicePreview.d.ts

@@ -82,6 +82,7 @@ export declare const ImageDevicePreview: import("@stitches/react/types/styled-co
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [Stitches.$$ScaleValue]: "space";
@@ -131,12 +132,11 @@ export declare const ImageDevicePreview: import("@stitches/react/types/styled-co
     my: (value: {
         readonly [Stitches.$$ScaleValue]: "space";
     }) => {
-        /**
-         * alt prop when url image not found or invalid
-         */
         marginTop: {
             readonly [Stitches.$$ScaleValue]: "space";
-        };
+        }; /**
+         * alt prop when url image not found or invalid
+         */
         marginBottom: {
             readonly [Stitches.$$ScaleValue]: "space";
         };

package/components/dialog/Dialog.d.ts

@@ -27,6 +27,7 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -131,6 +132,7 @@ export declare const DialogTitle: import("@stitches/react/types/styled-component
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -227,6 +229,7 @@ export declare const DialogDescription: import("@stitches/react/types/styled-com
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -324,6 +327,7 @@ export declare const DialogOverlay: import("@stitches/react/types/styled-compone
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";

package/components/editableTable/EditableTable.d.ts

@@ -125,6 +125,7 @@ declare namespace EditableTable {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";
@@ -138,7 +139,17 @@ declare namespace EditableTable {
         }) => {
             marginTop: {
                 readonly [$$ScaleValue]: "space";
-            };
+            }; /**
+             * Define custom empty data props.<br/>
+             * interface EmptyDataProps { <br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the doodle image component)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;doodleImage?: React.ReactNode;<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the title)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;title?: string | React.ReactNode;<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the description)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;description?: string | React.ReactNode;<br/>
+             * }
+             */
         };
         mr: (value: {
             readonly [$$ScaleValue]: "space";
@@ -225,6 +236,7 @@ declare namespace EditableTable {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";
@@ -238,7 +250,17 @@ declare namespace EditableTable {
         }) => {
             marginTop: {
                 readonly [$$ScaleValue]: "space";
-            };
+            }; /**
+             * Define custom empty data props.<br/>
+             * interface EmptyDataProps { <br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the doodle image component)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;doodleImage?: React.ReactNode;<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the title)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;title?: string | React.ReactNode;<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the description)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;description?: string | React.ReactNode;<br/>
+             * }
+             */
         };
         mr: (value: {
             readonly [$$ScaleValue]: "space";
@@ -323,6 +345,7 @@ declare namespace EditableTable {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";
@@ -336,7 +359,17 @@ declare namespace EditableTable {
         }) => {
             marginTop: {
                 readonly [$$ScaleValue]: "space";
-            };
+            }; /**
+             * Define custom empty data props.<br/>
+             * interface EmptyDataProps { <br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the doodle image component)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;doodleImage?: React.ReactNode;<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the title)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;title?: string | React.ReactNode;<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the description)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;description?: string | React.ReactNode;<br/>
+             * }
+             */
         };
         mr: (value: {
             readonly [$$ScaleValue]: "space";

package/components/form/components/InputResourceList/InputResourceList.d.ts

@@ -9,18 +9,17 @@ export interface IResource {
     icon?: () => JSX.Element;
     disabled?: boolean;
 }
-export interface IInputResourceListProps {
+export interface InputResourceListProps {
     data: IResource[];
     disabled: boolean;
-    onItemCheck(checkedItem: IResource): void;
-    onItemUncheck(checkedItem: IResource): void;
+    onChange(checkedItems: (string | IResource)[]): void;
     searchPlaceholder?: string;
     counterFooter?: boolean;
     counterFooterText?: string;
     isLoading: boolean;
-    enabledItems?: string[];
+    disabledItems?: string[];
     emptyDataMessage?: string;
-    value?: IResource[];
+    value?: (string | IResource)[];
     fetchData?(props: {
         query?: string;
         pageIndex?: number;
@@ -34,7 +33,7 @@ export interface IInputResourceListProps {
     renderSelectAll?: JSX.Element;
     customHeader?: JSX.Element;
     expandable?: boolean;
-    checkDisableItems?: boolean;
+    searchable?: boolean;
 }
-declare function InputResourceList({ data: dataProp, disabled, onItemCheck, onItemUncheck, searchPlaceholder, counterFooter, counterFooterText, isLoading, enabledItems, emptyDataMessage, value, fetchData, onQueryChange, css, wrapperCss, defaultSort, title, hideSelectAll, customHeader, checkDisableItems, }: IInputResourceListProps): JSX.Element;
+declare function InputResourceList({ data: dataProp, disabled, onChange, searchPlaceholder, counterFooter, counterFooterText, isLoading, disabledItems, emptyDataMessage, value, fetchData, onQueryChange, css, wrapperCss, defaultSort, title, hideSelectAll, renderSelectAll, customHeader, expandable, searchable, }: InputResourceListProps): JSX.Element;
 export default InputResourceList;

package/components/form/components/InputSelect/InputSelect.d.ts

@@ -29,6 +29,7 @@ export declare const SelectContainer: import("@stitches/react/types/styled-compo
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -130,6 +131,7 @@ export declare const SelectBox: import("@stitches/react/types/styled-component")
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -228,6 +230,7 @@ export declare const Input: import("@stitches/react/types/styled-component").Sty
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -326,6 +329,7 @@ export declare const IconContainer: import("@stitches/react/types/styled-compone
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -426,6 +430,7 @@ export declare const OptionWrapper: import("@stitches/react/types/styled-compone
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -522,6 +527,7 @@ export declare const SelectOption: import("@stitches/react/types/styled-componen
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -621,6 +627,7 @@ export declare const SelectItem: import("@stitches/react/types/styled-component"
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";

package/components/form/components/index.d.ts

@@ -18,7 +18,7 @@ export * from './InputSelect';
 export { default as InputSelectCheck } from './InputSelectCheck/InputSelectCheck';
 export { default as InputSelectTag } from './InputSelectTag/InputSelectTag';
 export { default as InputCreatable } from './InputCreatable/InputCreatable';
-export { default as InputResourceList } from './InputResourceList/ResourceList';
+export { default as InputResourceList } from './InputResourceList/InputResourceList';
 export * from './InputCombobox';
 export * from './InputOTP';
 export * from './InputCounter';

package/components/heading/Heading.d.ts

@@ -25,6 +25,7 @@ declare const Heading: import("@stitches/react/types/styled-component").StyledCo
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";

package/components/link/Link.d.ts

@@ -28,6 +28,7 @@ declare const StyledLink: import("@stitches/react/types/styled-component").Style
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [Stitches.$$ScaleValue]: "space";

package/components/modalDialog/ModalDialog.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Dialog } from '../../';
-import { FocusScopeProps } from '@radix-ui/react-dialog';
 import type { DialogContentProps } from '..';
 export declare const ModalDialogFooter: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
     sm: "(min-width: 359px)";
@@ -27,6 +26,7 @@ export declare const ModalDialogFooter: import("@stitches/react/types/styled-com
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -123,6 +123,7 @@ export declare const ModalDialogTitle: import("@stitches/react/types/styled-comp
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -219,6 +220,7 @@ export declare const ModalDialogContent: import("@stitches/react/types/styled-co
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -315,6 +317,7 @@ export declare const ModalDialogTrigger: import("@stitches/react/types/styled-co
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -397,9 +400,9 @@ interface ModalDialogProps extends Omit<IDialog, 'children'>, DialogContentProps
      */
     width?: string | number;
     /** Set default behavior when opening dialog with form. Usually used with prevent default*/
-    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];
+    onOpenAutoFocus?: (event: Event) => void;
     /** Event handler called when a pointer event occurs outside the bounds of the component. It can be prevented by calling event.preventDefault.*/
-    onPointerDownOutside?: (e: any) => void;
+    onPointerDownOutside?: (event: Event) => void;
     /**
      * If true, the close icon button is hidden
      */
@@ -458,6 +461,7 @@ declare const ModalDialog: {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";
@@ -554,6 +558,7 @@ declare const ModalDialog: {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";
@@ -650,6 +655,7 @@ declare const ModalDialog: {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";
@@ -746,6 +752,7 @@ declare const ModalDialog: {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";

package/components/pageDialog/PageDialog.d.ts

@@ -1,8 +1,12 @@
 import React from 'react';
 import { Dialog } from '../../';
-import { FocusScopeProps } from '@radix-ui/react-dialog';
-import { PointerDownOutsideEvent, FocusOutsideEvent } from '@radix-ui/react-dismissable-layer';
 import type { DialogContentProps } from '..';
+declare type PointerDownOutsideEvent = CustomEvent<{
+    originalEvent: PointerEvent;
+}>;
+declare type FocusOutsideEvent = CustomEvent<{
+    originalEvent: FocusEvent;
+}>;
 export declare const PageDialogFooter: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
@@ -28,6 +32,7 @@ export declare const PageDialogFooter: import("@stitches/react/types/styled-comp
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -92,7 +97,7 @@ export declare const PageDialogFooter: import("@stitches/react/types/styled-comp
         };
         height: {
             readonly [$$PropertyValue]: "width";
-        }; /** set PageDialog zIndex, default is set to 1400 */
+        };
     };
     subtleColor: (value: string) => {
         color: string;
@@ -124,6 +129,7 @@ export declare const PageDialogTitle: import("@stitches/react/types/styled-compo
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -188,7 +194,7 @@ export declare const PageDialogTitle: import("@stitches/react/types/styled-compo
         };
         height: {
             readonly [$$PropertyValue]: "width";
-        }; /** set PageDialog zIndex, default is set to 1400 */
+        };
     };
     subtleColor: (value: string) => {
         color: string;
@@ -220,6 +226,7 @@ export declare const PageDialogContent: import("@stitches/react/types/styled-com
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -284,7 +291,7 @@ export declare const PageDialogContent: import("@stitches/react/types/styled-com
         };
         height: {
             readonly [$$PropertyValue]: "width";
-        }; /** set PageDialog zIndex, default is set to 1400 */
+        };
     };
     subtleColor: (value: string) => {
         color: string;
@@ -316,6 +323,7 @@ export declare const PageDialogTrigger: import("@stitches/react/types/styled-com
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -380,7 +388,7 @@ export declare const PageDialogTrigger: import("@stitches/react/types/styled-com
         };
         height: {
             readonly [$$PropertyValue]: "width";
-        }; /** set PageDialog zIndex, default is set to 1400 */
+        };
     };
     subtleColor: (value: string) => {
         color: string;
@@ -394,8 +402,8 @@ interface PageDialogProps extends Omit<IDialog, 'children'>, DialogContentProps
     /** Force to mobile view or desktop view, if undefined PageDialog will be responsive according to current screen size */
     isMobile?: boolean | undefined;
     /** Set default behavior when opening dialog with form. Usually used with prevent default*/
-    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];
-    onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
+    onOpenAutoFocus?: (event: Event) => void;
+    onCloseAutoFocus?: (event: Event) => void;
     onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
     onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
     /**
@@ -431,6 +439,7 @@ export declare const PageDialog: {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";
@@ -495,7 +504,7 @@ export declare const PageDialog: {
             };
             height: {
                 readonly [$$PropertyValue]: "width";
-            }; /** set PageDialog zIndex, default is set to 1400 */
+            };
         };
         subtleColor: (value: string) => {
             color: string;
@@ -527,6 +536,7 @@ export declare const PageDialog: {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";
@@ -591,7 +601,7 @@ export declare const PageDialog: {
             };
             height: {
                 readonly [$$PropertyValue]: "width";
-            }; /** set PageDialog zIndex, default is set to 1400 */
+            };
         };
         subtleColor: (value: string) => {
             color: string;
@@ -623,6 +633,7 @@ export declare const PageDialog: {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";
@@ -687,7 +698,7 @@ export declare const PageDialog: {
             };
             height: {
                 readonly [$$PropertyValue]: "width";
-            }; /** set PageDialog zIndex, default is set to 1400 */
+            };
         };
         subtleColor: (value: string) => {
             color: string;
@@ -719,6 +730,7 @@ export declare const PageDialog: {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";
@@ -783,7 +795,7 @@ export declare const PageDialog: {
             };
             height: {
                 readonly [$$PropertyValue]: "width";
-            }; /** set PageDialog zIndex, default is set to 1400 */
+            };
         };
         subtleColor: (value: string) => {
             color: string;