clear-react-router 1.2.0 → 1.2.2

package/dist/index.js

@@ -283,6 +283,31 @@ var useLoader = (routeList) => {
 //#endregion
 //#region hooks/useApplyCustomAnimation.ts
 var useApplyCustomAnimation = (animationOptions) => {
+	useEffect(() => {
+		const style = document.createElement("style");
+		style.id = "spinner-style";
+		style.textContent = `
+	@keyframes cr-spin {
+	  0% { transform: rotate(0deg); }
+	  100% { transform: rotate(360deg); }
+	}
+	
+	.cr-spinner {
+	  position: fixed;
+	  top: 5px;
+	  left: 5px;
+	  z-index: 9999;
+	  width: 1rem;
+	  height: 1rem;
+	  border: 2px solid gray;
+	  border-bottom-color: transparent;
+	  border-radius: 50%;
+	  animation: cr-spin 1s linear infinite;
+	}
+	`;
+		document.head.appendChild(style);
+		return () => style.remove();
+	}, []);
 	useEffect(() => {
 		if (!animationOptions?.duration) return;
 		const style = document.createElement("style");
@@ -330,13 +355,9 @@ var useApplyCustomAnimation = (animationOptions) => {
 		return () => style.remove();
 	}, [animationOptions]);
 };
-var Spinner_module_default = {
-	spinner: "_spinner_1tekw_1",
-	rotation: "_rotation_1tekw_1"
-};
 //#endregion
-//#region components/Spinner/Spinner.tsx
-var Spinner = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Spinner_module_default.spinner });
+//#region components/Spinner.tsx
+var Spinner = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cr-spinner" });
 //#endregion
 //#region utils/renderElement.tsx
 var renderElement = (Component) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clear-react-router",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "A lightweight, type-safe routing library for React applications",
   "author": "Andrew Bubnov",
   "scripts": {

package/dist/clear-react-router.css

@@ -1,23 +0,0 @@
-._spinner_1tekw_1 {
-    position: fixed;
-    top: 5px;
-    left: 5px;
-    z-index: 9999;
-    width: 1rem;
-    height: 1rem;
-    border: 2px solid gray;
-    border-bottom-color: transparent;
-    border-radius: 50%;
-    display: inline-block;
-    box-sizing: border-box;
-    animation: _rotation_1tekw_1 1s linear infinite;
-}
-
-@keyframes _rotation_1tekw_1 {
-    0% {
-        transform: rotate(0deg);
-    }
-    100% {
-        transform: rotate(360deg);
-    }
-}/*$vite$:1*/