@clicktap/ui 0.12.2 → 0.12.3

package/Dialog/Dialog.d.ts

@@ -1,3 +1,17 @@
-import { DialogProps } from 'react-aria-components';
-export declare function Dialog({ className, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+import { Key } from 'react';
+import { DialogProps as UIDialogProps } from 'react-aria-components';
+import { MotionStyle, Variants } from 'framer-motion';
+export type DialogProps = UIDialogProps & {
+    key?: Key;
+    style?: MotionStyle;
+    animationVariants?: Variants;
+};
+export declare function Dialog({ className, children, animationVariants, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Dialog {
+    var defaultProps: {
+        key: undefined;
+        style: undefined;
+        animationVariants: undefined;
+    };
+}
 export default Dialog;

package/DialogTrigger/DialogTrigger.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+import { DialogTriggerProps } from 'react-aria-components';
+export type DriverAnimationState = 'unmounted' | 'visible' | 'hidden';
+export declare const useDialogTrigger: () => {
+    animation: DriverAnimationState;
+    setAnimation: Dispatch<SetStateAction<DriverAnimationState>>;
+    onOpenChange: (isOpen: boolean) => void;
+};
+export declare function DialogTrigger(props: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+export default DialogTrigger;

package/Drawer/Drawer.d.ts

@@ -1,11 +1,21 @@
+import { Key } from 'react';
 import { DialogProps } from 'react-aria-components';
+import { MotionStyle, Variants } from 'framer-motion';
 export type DrawerProps = DialogProps & {
     direction?: 'top' | 'right' | 'bottom' | 'left';
+    key?: Key;
+    style?: MotionStyle;
+    animationVariants?: Variants;
+    size?: string;
 };
-export declare function Drawer({ direction, className, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Drawer({ direction, children, className, animationVariants, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Drawer {
     var defaultProps: {
         direction: string;
+        key: undefined;
+        style: undefined;
+        animationVariants: undefined;
+        size: string;
     };
 }
 export default Drawer;

package/ModalOverlay/ModalOverlay.d.ts

@@ -1,3 +1,23 @@
-import { ModalOverlayProps } from 'react-aria-components';
-export declare function ModalOverlay({ className, ...props }: ModalOverlayProps): import("react/jsx-runtime").JSX.Element;
+import { ReactNode, Key } from 'react';
+import { ModalOverlayProps as UiModalOverlayProps, ModalRenderProps } from 'react-aria-components';
+import { MotionStyle, Variant } from 'framer-motion';
+export interface ModalOverlayProps extends Omit<UiModalOverlayProps, 'children' | 'style'> {
+    key?: Key;
+    style?: MotionStyle;
+    animationVariants?: {
+        visible: Variant;
+        hidden: Variant;
+    };
+    children: ReactNode | ((values: ModalRenderProps & {
+        defaultChildren: ReactNode;
+    }) => ReactNode);
+}
+export declare function ModalOverlay(props: ModalOverlayProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ModalOverlay {
+    var defaultProps: {
+        key: undefined;
+        style: undefined;
+        animationVariants: undefined;
+    };
+}
 export default ModalOverlay;

package/index.d.ts

@@ -18,6 +18,7 @@ export * from './ContextMenu/ContextMenu';
 export * from './CreditCardExpirationInput/CreditCardExpirationInput';
 export * from './CreditCardInput/CreditCardInput';
 export * from './DateInput/DateInput';
+export * from './DialogTrigger/DialogTrigger';
 export * from './Divider/Divider';
 export * from './Divider/types';
 export * from './Input/Input';