BaseLibraries/MattrixwvReactComponents
1
0
Fork 0
mirror of https://bitbucket.org/Mattrixwv/mattrixwvreactcomponents.git synced 2025-12-06 21:53:57 -05:00
Code Issues Packages Projects Releases Wiki Activity

Complete configuration for build

Browse Source
This commit is contained in:
Mattrixwv
2025-08-09 19:09:49 -04:00
parent 689f446806
commit b3803162b4
15 changed files with 107 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/util/LoadingUtils.tsx
View File

@@ -43,6 +43,7 @@ import Wifi from "$/component/loading/various/Wifi";
import type { JSX } from "react";
// eslint-disable-next-line react-refresh/only-export-components
function LoadingGroup({
label,
elements
@@ -87,9 +88,11 @@ export function generateSpinnersContent(){
label="Quarter Spinner"
elements={[
<QuarterSpinner
key={1}
className="fill-blue-600"
/>,
<QuarterSpinner
key={2}
trackClassName="fill-neutral-700 dark:fill-zinc-700"
className="fill-blue-600"
/>
@@ -99,9 +102,11 @@ export function generateSpinnersContent(){
label="Half Spinner"
elements={[
<HalfSpinner
key={1}
className="fill-blue-600"
/>,
<HalfSpinner
key={2}
trackClassName="fill-neutral-700 dark:fill-zinc-700"
className="fill-blue-600"
/>
@@ -111,9 +116,11 @@ export function generateSpinnersContent(){
label="Three-Quarter Spinner"
elements={[
<ThreeQuarterSpinner
key={1}
className="fill-blue-600"
/>,
<ThreeQuarterSpinner
key={2}
trackClassName="fill-neutral-700 dark:fill-zinc-700"
className="fill-blue-600"
/>
@@ -123,9 +130,11 @@ export function generateSpinnersContent(){
label="Rubber Spinner"
elements={[
<RubberSpinner
key={1}
stroke="#155dfc"
/>,
<RubberSpinner
key={2}
trackClassName="fill-neutral-700 dark:fill-zinc-700"
stroke="#155dfc"
/>
@@ -144,6 +153,7 @@ export function generateDotsContent(){
label="Bouncing"
elements={[
<BouncingDots
key={1}
className="fill-blue-600"
/>
]}
@@ -152,6 +162,7 @@ export function generateDotsContent(){
label="Fading"
elements={[
<FadingDots
key={1}
className="fill-blue-600"
/>
]}
@@ -160,6 +171,7 @@ export function generateDotsContent(){
label="Cycling"
elements={[
<CyclingDots
key={1}
className="fill-blue-600"
/>
]}
@@ -168,6 +180,7 @@ export function generateDotsContent(){
label="Rotating"
elements={[
<RotatingDots
key={1}
className="fill-blue-600"
/>
]}
@@ -176,6 +189,7 @@ export function generateDotsContent(){
label="Swelling"
elements={[
<SwellingDots
key={1}
className="fill-blue-600"
/>
]}
@@ -184,6 +198,7 @@ export function generateDotsContent(){
label="Pulsing"
elements={[
<PulsingDots
key={1}
className="fill-blue-600"
/>
]}
@@ -192,6 +207,7 @@ export function generateDotsContent(){
label="Circle Fading"
elements={[
<CircleFadingDots
key={1}
className="fill-blue-600"
/>
]}
@@ -200,6 +216,7 @@ export function generateDotsContent(){
label="Circle Shrinking"
elements={[
<CircleShrinkingDots
key={1}
className="fill-blue-600"
/>
]}
@@ -208,6 +225,7 @@ export function generateDotsContent(){
label="Circle Center"
elements={[
<CircleCenterDots
key={1}
className="fill-blue-600"
/>
]}
@@ -216,6 +234,7 @@ export function generateDotsContent(){
label="Circle Rotating"
elements={[
<CircleRotatingDots
key={1}
className="fill-blue-600"
/>
]}
@@ -224,6 +243,7 @@ export function generateDotsContent(){
label="Circle Pulsing"
elements={[
<CirclePulsingDots
key={1}
className="fill-blue-600"
/>
]}
@@ -232,6 +252,7 @@ export function generateDotsContent(){
label="Circle Spinning"
elements={[
<CircleSpinningDot
key={1}
trackClassName="fill-neutral-700 dark:fill-zinc-700"
className="fill-blue-600"
/>
@@ -250,6 +271,7 @@ export function generateBarsContent(){
label="Fading Bars"
elements={[
<FadingBars
key={1}
className="fill-blue-600"
/>
]}
@@ -258,6 +280,7 @@ export function generateBarsContent(){
label="Growing Bars"
elements={[
<GrowingBars
key={1}
className="fill-blue-600"
/>
]}
@@ -266,6 +289,7 @@ export function generateBarsContent(){
label="Fading Growing Bars"
elements={[
<FadingGrowingBars
key={1}
className="fill-blue-600"
/>
]}
@@ -274,6 +298,7 @@ export function generateBarsContent(){
label="Center Growing Bars"
elements={[
<CenterGrowingBars
key={1}
className="fill-blue-600"
/>
]}
@@ -282,6 +307,7 @@ export function generateBarsContent(){
label="Circle Bars"
elements={[
<CircleBars
key={1}
className="fill-blue-600"
/>
]}
@@ -299,6 +325,7 @@ export function generateBlocksContent(){
label="Pulsing Blocks"
elements={[
<PulsingBlocks
key={1}
className="fill-blue-600"
/>
]}
@@ -307,6 +334,7 @@ export function generateBlocksContent(){
label="Sliding Blocks 2"
elements={[
<SlidingBlocks2
key={1}
className="fill-blue-600"
/>
]}
@@ -315,6 +343,7 @@ export function generateBlocksContent(){
label="Sliding Blocks 3"
elements={[
<SlidingBlocks3
key={1}
className="fill-blue-600"
/>
]}
@@ -323,6 +352,7 @@ export function generateBlocksContent(){
label="Wave Blocks"
elements={[
<WaveBlocks
key={1}
className="fill-blue-600 stroke-0 stroke-black"
/>
]}
@@ -340,6 +370,7 @@ export function generatePulsesContent(){
label="Drop"
elements={[
<Drop
key={1}
className="fill-blue-600"
/>
]}
@@ -348,6 +379,7 @@ export function generatePulsesContent(){
label="Double Drop"
elements={[
<DoubleDrop
key={1}
className="fill-blue-600"
/>
]}
@@ -356,6 +388,7 @@ export function generatePulsesContent(){
label="Triple Drop"
elements={[
<TripleDrop
key={1}
className="fill-blue-600"
/>
]}
@@ -364,6 +397,7 @@ export function generatePulsesContent(){
label="Quick Drop"
elements={[
<QuickDrop
key={1}
className="fill-blue-600"
/>
]}
@@ -372,6 +406,7 @@ export function generatePulsesContent(){
label="Wave Drop"
elements={[
<WaveDrop
key={1}
className="fill-blue-600"
/>
]}
@@ -380,6 +415,7 @@ export function generatePulsesContent(){
label="Double Wave Drop"
elements={[
<DoubleWaveDrop
key={1}
className="fill-blue-600"
/>
]}
@@ -388,6 +424,7 @@ export function generatePulsesContent(){
label="Triple Wave Drop"
elements={[
<TripleWaveDrop
key={1}
className="fill-blue-600"
/>
]}
@@ -396,6 +433,7 @@ export function generatePulsesContent(){
label="Quick Wave Drop"
elements={[
<QuickWaveDrop
key={1}
className="fill-blue-600"
/>
]}
@@ -413,6 +451,7 @@ export function generateVariousContent(){
label="Bouncing Dot"
elements={[
<BouncingDot
key={1}
className="fill-blue-600"
/>
]}
@@ -421,6 +460,7 @@ export function generateVariousContent(){
label="Spinning Clock"
elements={[
<SpinningClock
key={1}
className="fill-blue-600"
/>
]}
@@ -429,6 +469,7 @@ export function generateVariousContent(){
label="Spinning Eclipse"
elements={[
<SpinningEclipse
key={1}
className="fill-blue-600"
/>
]}
@@ -437,6 +478,7 @@ export function generateVariousContent(){
label="Spinning Eclipse Half"
elements={[
<SpinningEclipseHalf
key={1}
className="fill-blue-600"
/>
]}
@@ -445,6 +487,7 @@ export function generateVariousContent(){
label="Pulsing Line"
elements={[
<PulsingLine
key={1}
className="fill-blue-600"
/>
]}
@@ -453,6 +496,7 @@ export function generateVariousContent(){
label="Spinning Binary"
elements={[
<SpinningBinary
key={1}
className="fill-blue-600"
/>
]}
@@ -461,6 +505,7 @@ export function generateVariousContent(){
label="Spinning Tadpole"
elements={[
<SpinningTadpole
key={1}
className="fill-blue-600"
/>
]}
@@ -469,9 +514,11 @@ export function generateVariousContent(){
label="Wifi"
elements={[
<Wifi
key={1}
className="fill-blue-600"
/>,
<Wifi
key={2}
className="fill-blue-600"
fadeDuration={0.25}
/>
@@ -481,6 +528,7 @@ export function generateVariousContent(){
label="Spinning Galaxy"
elements={[
<SpinningGalaxy
key={1}
className="fill-blue-600"
/>
]}