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