identity-admin-ui 1.0.0

package/lib/esm/types/components/animate/variants/actions.d.ts

@@ -0,0 +1,8 @@
+export declare const varHover: (hover?: number, tap?: number) => {
+    hover: {
+        scale: number;
+    };
+    tap: {
+        scale: number;
+    };
+};

package/lib/esm/types/components/animate/variants/background.d.ts

@@ -0,0 +1,104 @@
+import { BackgroundType } from '../types';
+export declare const varBgColor: (props?: BackgroundType) => {
+    animate: {
+        background: string[];
+        transition: {
+            duration: number;
+            ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+        };
+    };
+};
+export declare const varBgKenburns: (props?: BackgroundType) => {
+    top: {
+        animate: {
+            scale: number[];
+            y: number[];
+            transformOrigin: string[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    bottom: {
+        animate: {
+            scale: number[];
+            y: number[];
+            transformOrigin: string[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    left: {
+        animate: {
+            scale: number[];
+            x: number[];
+            y: number[];
+            transformOrigin: string[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    right: {
+        animate: {
+            scale: number[];
+            x: number[];
+            y: number[];
+            transformOrigin: string[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+};
+export declare const varBgPan: (props?: BackgroundType) => {
+    top: {
+        animate: {
+            backgroundImage: string[];
+            backgroundPosition: string[];
+            backgroundSize: string[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    right: {
+        animate: {
+            backgroundPosition: string[];
+            backgroundImage: string[];
+            backgroundSize: string[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    bottom: {
+        animate: {
+            backgroundImage: string[];
+            backgroundPosition: string[];
+            backgroundSize: string[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    left: {
+        animate: {
+            backgroundPosition: string[];
+            backgroundImage: string[];
+            backgroundSize: string[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+};

package/lib/esm/types/components/animate/variants/bounce.d.ts

@@ -0,0 +1,136 @@
+import { VariantsType } from '../types';
+export declare const varBounce: (props?: VariantsType) => {
+    in: {
+        initial: {};
+        animate: {
+            scale: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            scale: number[];
+            opacity: number[];
+        };
+    };
+    inUp: {
+        initial: {};
+        animate: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inDown: {
+        initial: {};
+        animate: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inLeft: {
+        initial: {};
+        animate: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inRight: {
+        initial: {};
+        animate: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    out: {
+        animate: {
+            scale: number[];
+            opacity: number[];
+        };
+    };
+    outUp: {
+        animate: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+        };
+    };
+    outDown: {
+        animate: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+        };
+    };
+    outLeft: {
+        animate: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+        };
+    };
+    outRight: {
+        animate: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+        };
+    };
+};

package/lib/esm/types/components/animate/variants/container.d.ts

@@ -0,0 +1,19 @@
+export type Props = {
+    staggerIn?: number;
+    delayIn?: number;
+    staggerOut?: number;
+};
+export declare const varContainer: (props?: Props) => {
+    animate: {
+        transition: {
+            staggerChildren: number;
+            delayChildren: number;
+        };
+    };
+    exit: {
+        transition: {
+            staggerChildren: number;
+            staggerDirection: number;
+        };
+    };
+};

package/lib/esm/types/components/animate/variants/fade.d.ts

@@ -0,0 +1,217 @@
+import { VariantsType } from '../types';
+export declare const varFade: (props?: VariantsType) => {
+    in: {
+        initial: {
+            opacity: number;
+        };
+        animate: {
+            opacity: number;
+            transition: (props?: import("../types").TranEnterType | undefined) => {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            opacity: number;
+            transition: (props?: import("../types").TranExitType | undefined) => {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inUp: {
+        initial: {
+            y: number;
+            opacity: number;
+        };
+        animate: {
+            y: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            y: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inDown: {
+        initial: {
+            y: number;
+            opacity: number;
+        };
+        animate: {
+            y: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            y: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inLeft: {
+        initial: {
+            x: number;
+            opacity: number;
+        };
+        animate: {
+            x: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            x: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inRight: {
+        initial: {
+            x: number;
+            opacity: number;
+        };
+        animate: {
+            x: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            x: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    out: {
+        initial: {
+            opacity: number;
+        };
+        animate: {
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outUp: {
+        initial: {
+            y: number;
+            opacity: number;
+        };
+        animate: {
+            y: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            y: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outDown: {
+        initial: {
+            y: number;
+            opacity: number;
+        };
+        animate: {
+            y: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            y: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outLeft: {
+        initial: {
+            x: number;
+            opacity: number;
+        };
+        animate: {
+            x: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            x: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outRight: {
+        initial: {
+            x: number;
+            opacity: number;
+        };
+        animate: {
+            x: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            x: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+};

package/lib/esm/types/components/animate/variants/flip.d.ts

@@ -0,0 +1,75 @@
+import { VariantsType } from '../types';
+export declare const varFlip: (props?: VariantsType) => {
+    inX: {
+        initial: {
+            rotateX: number;
+            opacity: number;
+        };
+        animate: {
+            rotateX: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            rotateX: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inY: {
+        initial: {
+            rotateY: number;
+            opacity: number;
+        };
+        animate: {
+            rotateY: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            rotateY: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outX: {
+        initial: {
+            rotateX: number;
+            opacity: number;
+        };
+        animate: {
+            rotateX: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outY: {
+        initial: {
+            rotateY: number;
+            opacity: number;
+        };
+        animate: {
+            rotateY: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+};

package/lib/esm/types/components/animate/variants/index.d.ts

@@ -0,0 +1,12 @@
+export * from './path';
+export * from './fade';
+export * from './zoom';
+export * from './flip';
+export * from './slide';
+export * from './scale';
+export * from './bounce';
+export * from './rotate';
+export * from './actions';
+export * from './container';
+export * from './transition';
+export * from './background';

package/lib/esm/types/components/animate/variants/path.d.ts

@@ -0,0 +1,14 @@
+export declare const TRANSITION: {
+    duration: number;
+    ease: number[];
+};
+export declare const varPath: {
+    animate: {
+        fillOpacity: number[];
+        pathLength: number[];
+        transition: {
+            duration: number;
+            ease: number[];
+        };
+    };
+};

package/lib/esm/types/components/animate/variants/rotate.d.ts

@@ -0,0 +1,39 @@
+import { VariantsType } from '../types';
+export declare const varRotate: (props?: VariantsType) => {
+    in: {
+        initial: {
+            opacity: number;
+            rotate: number;
+        };
+        animate: {
+            opacity: number;
+            rotate: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            opacity: number;
+            rotate: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    out: {
+        initial: {
+            opacity: number;
+            rotate: number;
+        };
+        animate: {
+            opacity: number;
+            rotate: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+};