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