react18-loaders/dist/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 client";
"use strict";var i=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var m=(r,o)=>{for(var e in o)i(r,e,{get:o[e],enumerable:!0})},f=(r,o,e,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of g(o))!_.call(r,n)&&n!==e&&i(r,n,{get:()=>o[n],enumerable:!(a=s(o,n))||a.enumerable});return r};var b=r=>f(i({},"__esModule",{value:!0}),r);var R={};m(R,{LoaderContainer:()=>u,useLoader:()=>x});module.exports=b(R);var l={container:"loader-container__container",loading:"loader-container__loading"};var c=require("r18gs");var t="r18-loaders";var d=require("react/jsx-runtime");function u({children:r,loading:o}){let[e]=(0,c.useRGS)(t,!1),a=o!=null?o:e;return(0,d.jsx)("div",{className:[l.container,a?l.loading:""].join(" "),children:r})}function x(){let[r,o]=(0,c.useRGS)(t);return{loading:r,setLoading:o}}0&&(module.exports={LoaderContainer,useLoader});