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