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