@bbki.ng/components 2.1.25 → 2.1.28

package/dist/index.cjs

@@ -1157,10 +1157,10 @@ var VERTEX_SHADER = `
 
   varying vec3 vColor;
   
-  vec3 curve(float _percent, float _length) {
+  vec3 curve(float _percent) {
     const float PI2 = 3.141592653589793 * 2.0;
-    float radius = 0.028 / 0.15 * _length;
-
+    const float _length = 0.3;
+    const float radius = 0.056;
     float t = mod(_percent, 0.25) / 0.25;
     t = mod(_percent, 0.25) - (2.0 * (1.0 - t) * t * -0.0185 + t * t * 0.25);
     float x = _length * sin(PI2 * _percent);
@@ -1190,7 +1190,7 @@ var VERTEX_SHADER = `
      * uModelMatrix
      * uViewMatrix
      * rotateX(uProgress)
-     * vec4(curve(${"aPercent" /* PERCENT */}, 0.8), 1.0);
+     * vec4(curve(${"aPercent" /* PERCENT */}), 1.0);
 
     gl_PointSize = ${"aPointSize" /* POINT_SIZE */};
   }
@@ -1243,7 +1243,8 @@ var LoadingSpiral = (props) => {
     const phenomenon = new import_phenomenon.default({
       settings: createSettings({ canvas: canvasRef.current, step }),
       context: {
-        antialias: true
+        antialias: true,
+        alpha: true
       }
     });
     phenomenon.add(
@@ -1252,11 +1253,9 @@ var LoadingSpiral = (props) => {
     );
   }, []);
   return /* @__PURE__ */ import_react22.default.createElement("canvas", {
-    width: 200,
-    height: 200,
     style: {
-      width: 200,
-      height: 200,
+      maxWidth: 500,
+      maxHeight: 500,
       imageRendering: "pixelated"
     },
     ref: canvasRef,