@abhishekzambare/animate 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md ADDED
@@ -0,0 +1,75 @@
1
+ # React + TypeScript + Vite
2
+
3
+ This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
4
+
5
+ Currently, two official plugins are available:
6
+
7
+ - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
8
+ - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
9
+
10
+ ## React Compiler
11
+
12
+ The React Compiler is enabled on this template. See [this documentation](https://react.dev/learn/react-compiler) for more information.
13
+
14
+ Note: This will impact Vite dev & build performances.
15
+
16
+ ## Expanding the ESLint configuration
17
+
18
+ If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
19
+
20
+ ```js
21
+ export default defineConfig([
22
+ globalIgnores(['dist']),
23
+ {
24
+ files: ['**/*.{ts,tsx}'],
25
+ extends: [
26
+ // Other configs...
27
+
28
+ // Remove tseslint.configs.recommended and replace with this
29
+ tseslint.configs.recommendedTypeChecked,
30
+ // Alternatively, use this for stricter rules
31
+ tseslint.configs.strictTypeChecked,
32
+ // Optionally, add this for stylistic rules
33
+ tseslint.configs.stylisticTypeChecked,
34
+
35
+ // Other configs...
36
+ ],
37
+ languageOptions: {
38
+ parserOptions: {
39
+ project: ['./tsconfig.node.json', './tsconfig.app.json'],
40
+ tsconfigRootDir: import.meta.dirname,
41
+ },
42
+ // other options...
43
+ },
44
+ },
45
+ ])
46
+ ```
47
+
48
+ You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
49
+
50
+ ```js
51
+ // eslint.config.js
52
+ import reactX from 'eslint-plugin-react-x'
53
+ import reactDom from 'eslint-plugin-react-dom'
54
+
55
+ export default defineConfig([
56
+ globalIgnores(['dist']),
57
+ {
58
+ files: ['**/*.{ts,tsx}'],
59
+ extends: [
60
+ // Other configs...
61
+ // Enable lint rules for React
62
+ reactX.configs['recommended-typescript'],
63
+ // Enable lint rules for React DOM
64
+ reactDom.configs.recommended,
65
+ ],
66
+ languageOptions: {
67
+ parserOptions: {
68
+ project: ['./tsconfig.node.json', './tsconfig.app.json'],
69
+ tsconfigRootDir: import.meta.dirname,
70
+ },
71
+ // other options...
72
+ },
73
+ },
74
+ ])
75
+ ```
@@ -0,0 +1,56 @@
1
+ import { JSX } from 'react';
2
+ import { JSX as JSX_2 } from 'react/jsx-runtime';
3
+
4
+ export declare const Animate: ({ children, direction }: Props) => JSX_2.Element | undefined;
5
+
6
+ export declare const AnimateCollapse: ({ isOpen, children }: Props_2) => JSX_2.Element;
7
+
8
+ export declare const AnimateFromTop: ({ children }: Props_3) => JSX_2.Element;
9
+
10
+ export declare const AnimateItem: ({ children, mKey }: Props_4) => JSX_2.Element;
11
+
12
+ export declare const AnimateOnScroll: ({ children }: Props_5) => JSX_2.Element;
13
+
14
+ export declare const AnimateZoom: ({ children }: Props_6) => JSX_2.Element;
15
+
16
+ export declare function BoxAnimation({ children, mkey, }: {
17
+ children: React.ReactElement;
18
+ mkey: string;
19
+ }): JSX_2.Element;
20
+
21
+ export declare function InIt({ children, }: {
22
+ children: React.ReactElement;
23
+ }): JSX_2.Element;
24
+
25
+ export declare function Logo(): JSX_2.Element;
26
+
27
+ export declare function MousePointer(): JSX_2.Element;
28
+
29
+ declare interface Props {
30
+ children: JSX.Element;
31
+ direction?: string;
32
+ }
33
+
34
+ declare interface Props_2 {
35
+ isOpen: boolean;
36
+ children: JSX.Element;
37
+ }
38
+
39
+ declare interface Props_3 {
40
+ children: JSX.Element;
41
+ }
42
+
43
+ declare interface Props_4 {
44
+ children: JSX.Element;
45
+ mKey: string;
46
+ }
47
+
48
+ declare interface Props_5 {
49
+ children: JSX.Element;
50
+ }
51
+
52
+ declare interface Props_6 {
53
+ children: JSX.Element;
54
+ }
55
+
56
+ export { }