react-loadly 1.0.1 → 1.1.0

package/dist/types/utils/animationUtils.d.ts

@@ -19,11 +19,34 @@ export declare function prefersReducedMotion(): boolean;
 /**
  * Get optimized animation settings based on user preferences
  * @param speed - The animation speed multiplier (default: 1)
+ * @param respectReducedMotion - Whether to respect reduced motion preference (default: true)
  * @returns Object with optimized animation settings
  */
-export declare function getOptimizedAnimationSettings(speed?: number): {
+export declare function getOptimizedAnimationSettings(speed?: number, respectReducedMotion?: boolean): {
     duration: string;
     playState: string;
     iterationCount: string | number;
 };
+/**
+ * Get animation direction CSS value
+ * @param direction - The animation direction
+ * @returns CSS direction value
+ */
+export declare function getAnimationDirection(direction?: "normal" | "reverse" | "alternate" | "alternate-reverse"): string;
+/**
+ * Get animation easing CSS value
+ * @param easing - The animation easing function
+ * @returns CSS easing value
+ */
+export declare function getAnimationEasing(easing?: "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out" | "cubic-bezier"): string;
+/**
+ * Create a complete animation string
+ * @param name - The animation name
+ * @param duration - The animation duration
+ * @param easing - The animation easing
+ * @param direction - The animation direction
+ * @param iterationCount - The iteration count
+ * @returns Complete animation string
+ */
+export declare function createAnimationString(name: string, duration: string, easing?: string, direction?: string, iterationCount?: string | number): string;
 //# sourceMappingURL=animationUtils.d.ts.map

package/dist/types/utils/animationUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animationUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/animationUtils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,CAGtE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAExD;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,CAQ9C;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,KAAK,SAAI;;;;EAiBtD"}
+{"version":3,"file":"animationUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/animationUtils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,CAGtE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAExD;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,CAQ9C;AAED;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAAC,KAAK,SAAI,EAAE,oBAAoB,UAAO;;;;EAiBnF;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,SAAS,GAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,mBAA8B,GAAG,MAAM,CAE5H;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,GAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,GAAG,cAAuB,GAAG,MAAM,CAEvI;AAED;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,MAAM,GAAE,MAAe,EACvB,SAAS,GAAE,MAAiB,EAC5B,cAAc,GAAE,MAAM,GAAG,MAAmB,GAC3C,MAAM,CAER"}

package/dist/types/utils/index.d.ts

@@ -1,5 +1,5 @@
 export { generateCSSVariables, getSizeValue, mergeProps } from "./propUtils";
-export { createAnimationName, getAnimationDuration, getOptimizedAnimationSettings, prefersReducedMotion } from "./animationUtils";
+export { createAnimationName, getAnimationDuration, getOptimizedAnimationSettings, prefersReducedMotion, getAnimationDirection, getAnimationEasing, createAnimationString, } from "./animationUtils";
 export { hexToRgb, rgba } from "./colorUtils";
 export { clamp } from "./mathUtils";
 export { generateId, sanitizeCSSValue } from "./domUtils";

package/dist/types/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG7E,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,6BAA6B,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAGlI,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGpC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG7E,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,6BAA6B,EAC7B,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGpC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "react-loadly",
-  "version": "1.0.1",
+  "version": "1.1.0",
+  "type": "module",
   "description": "A professional React loaders package with high-performance, customizable loader components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -14,17 +15,37 @@
       "require": "./dist/index.cjs.js",
       "types": "./dist/index.d.ts"
     },
-    "./styles.css": "./dist/styles.css"
+    "./styles.css": "./dist/styles.css",
+    "./components": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./hooks": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./utils": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./types": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
+    }
   },
-  "sideEffects": [
-    "*.css"
-  ],
+  "sideEffects": false,
   "scripts": {
     "build:js": "rollup -c",
     "build:types": "tsc --emitDeclarationOnly",
     "build:watch": "rollup -c -w",
     "clean": "rimraf dist",
     "build": "npm run clean && npm run build:js && npm run build:types",
+    "build:analyze": "npm run build && npm run analyze",
+    "analyze": "rollup -c --config-option analyze=true",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
@@ -39,15 +60,27 @@
     "production": "pnpm i && pnpm lint:fix && pnpm build && pnpm pack"
   },
   "keywords": [
+    "react-loadly",
     "react",
     "loaders",
     "loading",
     "spinner",
-    "animation",
     "typescript",
     "nextjs",
     "components",
     "ui",
+    "react loaders",
+    "react loader",
+    "react spinner",
+    "loading indicator",
+    "react loading component",
+    "spinner component",
+    "skeleton loader",
+    "typescript",
+    "nextjs",
+    "ui components",
+    "frontend",
+    "animation",
     "performance"
   ],
   "author": "Mostafa Mohamed",
@@ -87,6 +120,8 @@
     "rollup-plugin-dts": "^6.2.3",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript-paths": "^1.5.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-visualizer": "^5.9.2",
     "ts-jest": "^29.1.1",
     "tsconfig-paths": "^4.2.0",
     "tslib": "^2.6.2",

package/dist/types/@types/interfaces/ILoaderTheme.d.ts

@@ -1,20 +0,0 @@
-export interface ILoaderTheme {
-    name: string;
-    colors: {
-        primary: string;
-        secondary: string;
-        background: string;
-        text: string;
-        accent: string;
-    };
-    animation: {
-        duration: string;
-        easing: string;
-    };
-    typography: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: number;
-    };
-}
-//# sourceMappingURL=ILoaderTheme.d.ts.map

package/dist/types/@types/interfaces/ILoaderTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ILoaderTheme.d.ts","sourceRoot":"","sources":["../../../../src/@types/interfaces/ILoaderTheme.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,EAAE;QACT,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH"}