react18-loaders-lite/dist/server/dots/dots2/index.js

A comprehensive library that unleashes the full potential of React 18 server components, providing customizable loading animation components alongside a fullscreen loader container. Designed to seamlessly integrate with React and Next.js.

"use strict";var i=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var _=(r,o)=>{for(var e in o)i(r,e,{get:o[e],enumerable:!0})},v=(r,o,e,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of u(o))!f.call(r,t)&&t!==e&&i(r,t,{get:()=>o[t],enumerable:!(s=g(o,t))||s.enumerable});return r};var P=r=>v(i({},"__esModule",{value:!0}),r);var x={};_(x,{Dots2:()=>b});module.exports=P(x);var l=require("react/jsx-runtime");function d({width:r,height:o,color:e,loaderClass:s,dotRadius:t,...a}){let n={...a.style,width:r,height:o,"--c":e};t&&(n["--r"]=t);let m=[a.className,s].filter(Boolean).join(" ");return(0,l.jsx)("div",{...a,className:m,style:n})}var p={loader:"dots2__loader",anim:"dots2__anim"};function b(r){return(0,l.jsx)(d,{...r,loaderClass:p.loader})}0&&(module.exports={Dots2});