@barabel324/popups-engine 0.0.1

package/README.md

@@ -0,0 +1 @@
+# Popups-engine

package/dist/popups-engine.css

@@ -0,0 +1 @@
+._parent_wmksm_1{z-index:100;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background-color:#00000080}._parent_1ud1o_1{color:#fff}

package/dist/popups-engine.d.ts

@@ -0,0 +1,68 @@
+import { Variant } from 'motion/react';
+
+declare type FCClass<P = object> = React.FC<P & React.PropsWithChildren & {
+    className?: string;
+}>;
+
+export declare const PopupEngineProvider: FCClass<TPEProvider>;
+
+export declare const PopupEngineRoot: FCClass<TPERoot>;
+
+declare type TPEClassNames = {
+    [K in keyof TPEMapComponents]?: TPEMapComponents[K]['className'];
+};
+
+declare type TPEComponents = {
+    [K in keyof TPEMapComponents]?: TPEMapComponents[K]['component'];
+};
+
+declare type TPEContext = {
+    openPopup: (data: TPEExecute) => void;
+    closePopup: () => void;
+    closeFirstPopup: () => void;
+    closeAllPopups: () => void;
+};
+
+declare type TPEExecute = {
+    variant: string;
+    popupProps?: Record<string, any>;
+    isCloseAll?: boolean;
+    components?: TPEComponents;
+    classNames?: TPEClassNames;
+    motionVariants?: TPEMotionVariants;
+};
+
+declare type TPEMapComponents = {
+    wrapper: {
+        component: TPEWrapper;
+        className: string;
+    };
+    loader: {
+        component: FCClass;
+        className: string;
+    };
+};
+
+declare type TPEMotionVariants = {
+    initial: Variant;
+    animate: Variant;
+    exit: Variant;
+};
+
+declare type TPEProvider = {
+    popups: Record<string, FCClass<any>>;
+};
+
+declare type TPERoot = {
+    id?: string;
+    enableBodyScroll?: () => void;
+    lockBodyScroll?: () => void;
+};
+
+declare type TPEWrapper = FCClass<{
+    motionVariants?: TPEMotionVariants;
+}>;
+
+export declare const usePopupEngineProvider: () => TPEContext;
+
+export { }