@stfrigerio/sito-template 0.1.65 → 0.1.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (177) hide show
  1. package/dist/styles.css +1 -1
  2. package/dist/styles.css.map +1 -1
  3. package/package.json +1 -1
  4. package/storybook-static/assets/{ASCIIText.stories-CdxqDPmD.js → ASCIIText.stories-BQt8B6As.js} +1 -1
  5. package/storybook-static/assets/{AllAtoms.stories-D-3a-tNA.js → AllAtoms.stories-8mBdcCeY.js} +1 -1
  6. package/storybook-static/assets/{AnimatedContent.stories-DeA3ZTox.js → AnimatedContent.stories-iIqm9cZL.js} +1 -1
  7. package/storybook-static/assets/{AnimatedList.stories-CHR1hxbE.js → AnimatedList.stories-Duey4ijf.js} +1 -1
  8. package/storybook-static/assets/{Antigravity.stories-CoZ8v2sr.js → Antigravity.stories-CuJYSpj7.js} +1 -1
  9. package/storybook-static/assets/{ArrayInput.stories-DlcoXZFh.js → ArrayInput.stories-CqXFEZSr.js} +1 -1
  10. package/storybook-static/assets/{Aurora.stories-DDTEfGLF.js → Aurora.stories-Ccg1Zxc3.js} +1 -1
  11. package/storybook-static/assets/{Beams.stories-Czgzm7bN.js → Beams.stories-D50tODHz.js} +1 -1
  12. package/storybook-static/assets/{BlobCursor.stories-MT2XP663.js → BlobCursor.stories-BqwP46t8.js} +1 -1
  13. package/storybook-static/assets/{BlurText.stories-CUkLasF-.js → BlurText.stories-BuDb8a2q.js} +1 -1
  14. package/storybook-static/assets/{BooleansHeatmap.stories-6TtzJhjV.js → BooleansHeatmap.stories-Byhs6Zes.js} +1 -1
  15. package/storybook-static/assets/{BorderGlow.stories-cCkjpcHC.js → BorderGlow.stories-hxlNhbIt.js} +1 -1
  16. package/storybook-static/assets/{BubbleMenu.stories-BWSKyqWd.js → BubbleMenu.stories-DT9s0HGy.js} +1 -1
  17. package/storybook-static/assets/{Button-BFubkKpV.js → Button-CHt05Jbq.js} +1 -1
  18. package/storybook-static/assets/{Button.stories-Dh-huyg3.js → Button.stories-CDGEs6zV.js} +1 -1
  19. package/storybook-static/assets/Calendar-CYo2UzOE.css +1 -0
  20. package/storybook-static/assets/{Calendar.stories-Dlyqht5q.js → Calendar.stories-D6K4DcbO.js} +14 -14
  21. package/storybook-static/assets/{Card-2B4Dlw2C.js → Card-Bj2f3gkT.js} +1 -1
  22. package/storybook-static/assets/{Card.stories-Dx_8CJUo.js → Card.stories-C1A8NBTN.js} +1 -1
  23. package/storybook-static/assets/{CardNav.stories-DRxuuo3S.js → CardNav.stories-BSezT2Mu.js} +1 -1
  24. package/storybook-static/assets/{Carousel.stories-DCMJqlia.js → Carousel.stories-CdOtBTqT.js} +1 -1
  25. package/storybook-static/assets/{Checkbox-W1y5iOHO.js → Checkbox-BZw1-CjZ.js} +1 -1
  26. package/storybook-static/assets/{Checkbox.stories-BptZXFmi.js → Checkbox.stories-CP7266xH.js} +1 -1
  27. package/storybook-static/assets/{ChromaGrid.stories-2Gl_0Jg0.js → ChromaGrid.stories-BrS0NLKl.js} +1 -1
  28. package/storybook-static/assets/{CircularGallery.stories-DGBweh3d.js → CircularGallery.stories-CsDrteyz.js} +1 -1
  29. package/storybook-static/assets/{CircularText.stories-D9z7407U.js → CircularText.stories-DNkBFKK7.js} +1 -1
  30. package/storybook-static/assets/{ClickSpark.stories-Chkt4JES.js → ClickSpark.stories-BqJSrjeV.js} +1 -1
  31. package/storybook-static/assets/{ColorBends.stories-D_PqOhcm.js → ColorBends.stories-tjTDyHin.js} +1 -1
  32. package/storybook-static/assets/{CountUp.stories-Brnx_59H.js → CountUp.stories-Wz9xxsr8.js} +1 -1
  33. package/storybook-static/assets/{Counter.stories-CoHM6D5i.js → Counter.stories-BYSWP3Ry.js} +1 -1
  34. package/storybook-static/assets/{Crosshair.stories-Bv0DTUCf.js → Crosshair.stories-Bt7Ee7MB.js} +1 -1
  35. package/storybook-static/assets/{Cubes.stories-C2hRDKf4.js → Cubes.stories-Ds4ynqYx.js} +1 -1
  36. package/storybook-static/assets/{CurvedLoop.stories-Db4C6Lz7.js → CurvedLoop.stories-M2vftkyO.js} +1 -1
  37. package/storybook-static/assets/{DarkVeil.stories-748SpGk3.js → DarkVeil.stories-PeZl2yff.js} +1 -1
  38. package/storybook-static/assets/{DateInput-Bk9k2Vsi.js → DateInput-BX5D1pMg.js} +1 -1
  39. package/storybook-static/assets/{DateInput.stories-De7Tkseb.js → DateInput.stories-Bb5zGjzs.js} +1 -1
  40. package/storybook-static/assets/{DecayCard.stories-Crr1Bh4n.js → DecayCard.stories-Dxa_Vqrc.js} +1 -1
  41. package/storybook-static/assets/{DecryptedText.stories-SiF8hjer.js → DecryptedText.stories-yUFdFIFO.js} +1 -1
  42. package/storybook-static/assets/{Dither.stories-d5bn1c-q.js → Dither.stories-DiyNOgY2.js} +1 -1
  43. package/storybook-static/assets/{Dock.stories-CPliAZb8.js → Dock.stories-XNu7kNIX.js} +1 -1
  44. package/storybook-static/assets/{EditFAB.stories-BY5Kbgeg.js → EditFAB.stories-D_ZD4rSm.js} +1 -1
  45. package/storybook-static/assets/{EvilEye.stories-Df_Y-ioN.js → EvilEye.stories-C0S3sEvk.js} +1 -1
  46. package/storybook-static/assets/{FadeContent.stories-mZajGMhm.js → FadeContent.stories-C-ipTGqJ.js} +1 -1
  47. package/storybook-static/assets/{FaultyTerminal.stories-bDBggcOF.js → FaultyTerminal.stories-10c-i_01.js} +1 -1
  48. package/storybook-static/assets/{Fbo-GbJEeuRQ.js → Fbo-Cr10jzQa.js} +1 -1
  49. package/storybook-static/assets/{FloatingLines.stories-DJME5VqZ.js → FloatingLines.stories-DkZO2qzt.js} +1 -1
  50. package/storybook-static/assets/{FlowingMenu.stories-C6Cqbr4h.js → FlowingMenu.stories-DS10XeZI.js} +1 -1
  51. package/storybook-static/assets/{FluidGlass.stories-g-LTsVYg.js → FluidGlass.stories-B-R5wDkB.js} +1 -1
  52. package/storybook-static/assets/{Folder.stories-CWX6-1YE.js → Folder.stories-BUmZH2ka.js} +1 -1
  53. package/storybook-static/assets/{FuzzyText.stories-Bu_r0FXj.js → FuzzyText.stories-BRnWU0yr.js} +1 -1
  54. package/storybook-static/assets/{Galaxy.stories-B23Orre6.js → Galaxy.stories-hqhjEO_R.js} +1 -1
  55. package/storybook-static/assets/{GhostCursor.stories-C4TnIvzy.js → GhostCursor.stories-BB2e8hmO.js} +1 -1
  56. package/storybook-static/assets/{GlareHover.stories-BDYrmfIJ.js → GlareHover.stories-BF6kB7EN.js} +1 -1
  57. package/storybook-static/assets/{GlassSurface.stories-CIBmjuRC.js → GlassSurface.stories-iF01agCe.js} +1 -1
  58. package/storybook-static/assets/{GlitchText.stories-BgBunTNk.js → GlitchText.stories-CITlEyXQ.js} +1 -1
  59. package/storybook-static/assets/{GooeyNav.stories-BETiFGdc.js → GooeyNav.stories-vYR6zhI-.js} +1 -1
  60. package/storybook-static/assets/{GradientBlinds.stories-i_HmHEeb.js → GradientBlinds.stories-DSf-fXuF.js} +1 -1
  61. package/storybook-static/assets/{GradientText.stories-BnFwQFVs.js → GradientText.stories-DncdPs2z.js} +1 -1
  62. package/storybook-static/assets/{Grainient.stories-Ce6Q88wn.js → Grainient.stories-BP35oJuG.js} +1 -1
  63. package/storybook-static/assets/{GridMotion.stories-BXnZJIw5.js → GridMotion.stories-Ck8lERpS.js} +1 -1
  64. package/storybook-static/assets/{ImageSlideshow.stories-Cw8fK_0l.js → ImageSlideshow.stories-D5CGI0M5.js} +1 -1
  65. package/storybook-static/assets/{Iridescence.stories-BSkVAArX.js → Iridescence.stories-DSEIJRrO.js} +1 -1
  66. package/storybook-static/assets/{LaserFlow.stories-4VWVUbU7.js → LaserFlow.stories-B-m7sVx7.js} +1 -1
  67. package/storybook-static/assets/{LetterGlitch.stories-RhOeUUPG.js → LetterGlitch.stories-D2KK0k49.js} +1 -1
  68. package/storybook-static/assets/{LightPillar.stories-Dq8kG8jR.js → LightPillar.stories-0fWLIQfM.js} +1 -1
  69. package/storybook-static/assets/{LightRays.stories-BCZF1bMk.js → LightRays.stories-U8mBgBFu.js} +1 -1
  70. package/storybook-static/assets/{Lightning.stories-BrJ-JDN_.js → Lightning.stories-qzK5B63O.js} +1 -1
  71. package/storybook-static/assets/{LineWaves.stories-DBbfhv8t.js → LineWaves.stories-Dh0hHXd-.js} +1 -1
  72. package/storybook-static/assets/{LiquidChrome.stories-R4oS2clG.js → LiquidChrome.stories-D-nD2mFo.js} +1 -1
  73. package/storybook-static/assets/{LiquidEther.stories-FP4-9BKQ.js → LiquidEther.stories-DO-bW-67.js} +1 -1
  74. package/storybook-static/assets/{LoadingSpinner-Cninzqla.js → LoadingSpinner-D2u7X2s9.js} +1 -1
  75. package/storybook-static/assets/{LoadingSpinner.stories-JXm-xJfp.js → LoadingSpinner.stories-CASjGJF0.js} +1 -1
  76. package/storybook-static/assets/{MagicRings.stories-CXsc4Q05.js → MagicRings.stories-CYDU5wlq.js} +1 -1
  77. package/storybook-static/assets/{Magnet.stories-BFEWmmXj.js → Magnet.stories-BzWFxE-V.js} +1 -1
  78. package/storybook-static/assets/{MagnetLines.stories-Cft4vONu.js → MagnetLines.stories-BLt0dpNN.js} +1 -1
  79. package/storybook-static/assets/{Masonry.stories-u63slqCY.js → Masonry.stories-CdsgD1y4.js} +1 -1
  80. package/storybook-static/assets/{MetaBalls.stories-DS8af8XK.js → MetaBalls.stories-1ggXqut_.js} +1 -1
  81. package/storybook-static/assets/{MetallicPaint.stories-CbrRD_tK.js → MetallicPaint.stories-5ZCaxSOk.js} +1 -1
  82. package/storybook-static/assets/{MoodChart.stories-CndFmbNg.js → MoodChart.stories-Bv5VWVvQ.js} +1 -1
  83. package/storybook-static/assets/{MotionConfigContext-Cl-Ye_B1.js → MotionConfigContext-BPeKZQwM.js} +1 -1
  84. package/storybook-static/assets/{Navbar.stories-BfqpIIby.js → Navbar.stories-PxIAocvK.js} +1 -1
  85. package/storybook-static/assets/{Noise.stories-CrUsMp-U.js → Noise.stories-qu_z-yQ8.js} +1 -1
  86. package/storybook-static/assets/{NumberStepper-BhCgwY9V.js → NumberStepper-CnpXSMIl.js} +1 -1
  87. package/storybook-static/assets/{NumberStepper.stories-Dh00Tbxd.js → NumberStepper.stories-Cw-zOdLi.js} +1 -1
  88. package/storybook-static/assets/{Orb.stories-DJ8vrTi6.js → Orb.stories-DgKOlXK_.js} +1 -1
  89. package/storybook-static/assets/{OrbitImages.stories-Bg8hu1qD.js → OrbitImages.stories-Bv5vyiHA.js} +1 -1
  90. package/storybook-static/assets/{PieChart.stories-CeorU_RF.js → PieChart.stories-2s1TKZIh.js} +1 -1
  91. package/storybook-static/assets/{PixelBlast.stories-BytXX4vg.js → PixelBlast.stories-C28Fm0cc.js} +1 -1
  92. package/storybook-static/assets/{PixelCard.stories-BtjFMhWu.js → PixelCard.stories-DSmyTgrk.js} +1 -1
  93. package/storybook-static/assets/{PixelSnow.stories-Dyo-H1Sx.js → PixelSnow.stories-D0XEmW1E.js} +1 -1
  94. package/storybook-static/assets/{PixelTransition.stories-DC8L0d5u.js → PixelTransition.stories-CG2BkKyJ.js} +1 -1
  95. package/storybook-static/assets/{Plasma.stories-DZUkmIpf.js → Plasma.stories-BK2e28Ch.js} +1 -1
  96. package/storybook-static/assets/{Prism.stories-7t60egoh.js → Prism.stories-BEUiZCms.js} +1 -1
  97. package/storybook-static/assets/{PrismaticBurst.stories-DoOuM63p.js → PrismaticBurst.stories-COY077W0.js} +1 -1
  98. package/storybook-static/assets/{ProfileCard.stories-BXPuiwo5.js → ProfileCard.stories-BPB50mBw.js} +1 -1
  99. package/storybook-static/assets/{QuantifiableHabitsChart.stories-CQtBjsk7.js → QuantifiableHabitsChart.stories-Dh4BO8wA.js} +1 -1
  100. package/storybook-static/assets/{Radar.stories-DrUnKKi0.js → Radar.stories-C9TRaVRk.js} +1 -1
  101. package/storybook-static/assets/{Ribbons.stories-CA9i-8mr.js → Ribbons.stories-BK6afGL-.js} +1 -1
  102. package/storybook-static/assets/{RippleGrid.stories-CBiNFAV-.js → RippleGrid.stories-CLkgzs8T.js} +1 -1
  103. package/storybook-static/assets/{RotatingText.stories-DA8Y8GOO.js → RotatingText.stories-BqRKm4Pk.js} +1 -1
  104. package/storybook-static/assets/{ScrollFloat.stories-DP8ykDLU.js → ScrollFloat.stories-CyVus5Hn.js} +1 -1
  105. package/storybook-static/assets/{ScrollReveal.stories-D9foknfW.js → ScrollReveal.stories-HNSNKMZC.js} +1 -1
  106. package/storybook-static/assets/{ScrollVelocity.stories-24tvCptN.js → ScrollVelocity.stories-Bl2UPKz8.js} +1 -1
  107. package/storybook-static/assets/{SearchBar.stories-WWu6R50w.js → SearchBar.stories-zTNrUibf.js} +1 -1
  108. package/storybook-static/assets/{SearchableDropdown-C6wFLVP-.js → SearchableDropdown-jZtEQYje.js} +1 -1
  109. package/storybook-static/assets/{SearchableDropdown.stories-DHV3REhh.js → SearchableDropdown.stories-DeTNwt1p.js} +1 -1
  110. package/storybook-static/assets/{SelectInput-Bing2juw.js → SelectInput-CTOoI-ar.js} +1 -1
  111. package/storybook-static/assets/{SelectInput.stories-PFcbteYv.js → SelectInput.stories-CXKqi4k2.js} +1 -1
  112. package/storybook-static/assets/{ShapeBlur.stories-DfLnBeIR.js → ShapeBlur.stories-on96JVhG.js} +1 -1
  113. package/storybook-static/assets/{ShapeGrid.stories-CgABU6rh.js → ShapeGrid.stories-BRxQh7UX.js} +1 -1
  114. package/storybook-static/assets/{ShinyText.stories-CHD2OFtJ.js → ShinyText.stories-BSiGTTuW.js} +1 -1
  115. package/storybook-static/assets/{Silk.stories-DyjPAaja.js → Silk.stories-DLh6h5sr.js} +1 -1
  116. package/storybook-static/assets/{SleepChart.stories-Bj0YDE9N.js → SleepChart.stories-CqgT_xSG.js} +1 -1
  117. package/storybook-static/assets/{Slider-DlXdhKwj.js → Slider-DkwynjlW.js} +1 -1
  118. package/storybook-static/assets/{Slider.stories-Da5ktnSq.js → Slider.stories-xzy9LCKq.js} +1 -1
  119. package/storybook-static/assets/{SoftAurora.stories-BV-KMTPm.js → SoftAurora.stories-BEGlyxv2.js} +1 -1
  120. package/storybook-static/assets/{SoundDemo.stories-xop1uKpA.js → SoundDemo.stories-lnHQaZRf.js} +1 -1
  121. package/storybook-static/assets/{SplashCursor.stories-Byg72kfZ.js → SplashCursor.stories-BLuoT7bI.js} +1 -1
  122. package/storybook-static/assets/{SpotlightCard.stories-DvHGGRkP.js → SpotlightCard.stories-8rbsIN_x.js} +1 -1
  123. package/storybook-static/assets/{Stack.stories-BN0f1d9l.js → Stack.stories-rXRU4bV_.js} +1 -1
  124. package/storybook-static/assets/{StaggeredMenu.stories-DE40G7OB.js → StaggeredMenu.stories-CTOihDVq.js} +1 -1
  125. package/storybook-static/assets/{StarBorder.stories-DAD2iiE4.js → StarBorder.stories-D42G2awE.js} +1 -1
  126. package/storybook-static/assets/{SunburstChart.stories-C4v_jHd_.js → SunburstChart.stories-CqJjS5Ra.js} +1 -1
  127. package/storybook-static/assets/{Table.stories-C8365iSY.js → Table.stories-DpQG-25p.js} +1 -1
  128. package/storybook-static/assets/{Tabs.stories-CqyX6Q0E.js → Tabs.stories-YHLNdl7B.js} +1 -1
  129. package/storybook-static/assets/{TargetCursor.stories-CbuJWxxw.js → TargetCursor.stories-DRsMwPSK.js} +1 -1
  130. package/storybook-static/assets/{TextArea-CjzPOUVC.js → TextArea-CngqtNxw.js} +1 -1
  131. package/storybook-static/assets/{TextArea.stories-fJXmfbvS.js → TextArea.stories-D1_hrHZS.js} +1 -1
  132. package/storybook-static/assets/{TextCursor.stories-CjzzBd76.js → TextCursor.stories-UtxhqemP.js} +1 -1
  133. package/storybook-static/assets/{TextInput-DXknP6gm.js → TextInput-BehfCmY5.js} +1 -1
  134. package/storybook-static/assets/{TextInput.stories-bqeUj53i.js → TextInput.stories-BvXJYvPz.js} +1 -1
  135. package/storybook-static/assets/{TextPressure.stories-DtkzzrnG.js → TextPressure.stories-CVxoipZx.js} +1 -1
  136. package/storybook-static/assets/{TextType.stories-Vd2VZ3KW.js → TextType.stories-Wbl-e4FH.js} +1 -1
  137. package/storybook-static/assets/{ThemeSwitcher.stories-BKDOG1q1.js → ThemeSwitcher.stories-DJtkbIsv.js} +1 -1
  138. package/storybook-static/assets/{Threads.stories-uqe5C8cR.js → Threads.stories-lWTZV9-e.js} +1 -1
  139. package/storybook-static/assets/{TimeInput.stories-CI-U07aE.js → TimeInput.stories-BRAnNdr7.js} +1 -1
  140. package/storybook-static/assets/{Toggle-IVYnFXU1.js → Toggle-Cox_9XI4.js} +1 -1
  141. package/storybook-static/assets/{Toggle.stories-DRLfC3UC.js → Toggle.stories-D-LdkyEg.js} +1 -1
  142. package/storybook-static/assets/{ToggleButton-uzvjV_39.js → ToggleButton-CJKNj0SW.js} +1 -1
  143. package/storybook-static/assets/{ToggleButton.stories-KmCTq9MK.js → ToggleButton.stories-1ap-eMVz.js} +1 -1
  144. package/storybook-static/assets/{TrueFocus.stories-Dkrutt0z.js → TrueFocus.stories-HdARUvZK.js} +1 -1
  145. package/storybook-static/assets/{VariableProximity.stories-Crz6uUPO.js → VariableProximity.stories-Bs1ntmHm.js} +1 -1
  146. package/storybook-static/assets/{Waves.stories-DrGujYug.js → Waves.stories-DZefHbtX.js} +1 -1
  147. package/storybook-static/assets/{check-D832kA1q.js → check-C2eSkRHq.js} +1 -1
  148. package/storybook-static/assets/{chevron-down-C6LFfaKj.js → chevron-down-C-70uzgo.js} +1 -1
  149. package/storybook-static/assets/{chevron-right-NGhk9HrW.js → chevron-right-wsLgLx3I.js} +1 -1
  150. package/storybook-static/assets/client-BF4QBMW1.js +1 -0
  151. package/storybook-static/assets/{createLucideIcon-BGbQGOSA.js → createLucideIcon-DaHCgKFX.js} +1 -1
  152. package/storybook-static/assets/{download-B0dViQRT.js → download--Xa2UKO-.js} +1 -1
  153. package/storybook-static/assets/{folder-famNjZ7u.js → folder-DCpVGUxB.js} +1 -1
  154. package/storybook-static/assets/{iconBase-DykFijkc.js → iconBase-B-RSH0v3.js} +1 -1
  155. package/storybook-static/assets/{iframe-BINQyIZA.js → iframe-BVoBDGkl.js} +3 -3
  156. package/storybook-static/assets/{index-DmCN6Quz.js → index-C5uOIRS9.js} +1 -1
  157. package/storybook-static/assets/{index-DaPGB1wK.js → index-CyoTMuJi.js} +1 -1
  158. package/storybook-static/assets/{index-DnyCC_gr.js → index-DufMyQUu.js} +1 -1
  159. package/storybook-static/assets/{proxy-D7-_CcFt.js → proxy-DTYfJ2to.js} +1 -1
  160. package/storybook-static/assets/{react-18-ASqyycOj.js → react-18-Blvw7U7X.js} +1 -1
  161. package/storybook-static/assets/{react-three-fiber.esm-DUHAb50j.js → react-three-fiber.esm-C85N-HX5.js} +1 -1
  162. package/storybook-static/assets/{search-B95bkeSW.js → search-MU52wG37.js} +1 -1
  163. package/storybook-static/assets/{settings-CmJHR9k2.js → settings-s6BFzNVN.js} +1 -1
  164. package/storybook-static/assets/{sun-BmNvNR00.js → sun-CEL81Yx2.js} +1 -1
  165. package/storybook-static/assets/{trash-2-ClnXPW9t.js → trash-2-DEEOdkJB.js} +1 -1
  166. package/storybook-static/assets/{use-animation-frame-CMmmR1iu.js → use-animation-frame-BdekcKuM.js} +1 -1
  167. package/storybook-static/assets/{use-in-view-A4Hx2el8.js → use-in-view-vaSz56VM.js} +1 -1
  168. package/storybook-static/assets/{use-motion-value-BhTz6p3H.js → use-motion-value-Cruaf_HC.js} +1 -1
  169. package/storybook-static/assets/{use-spring-CMtVWtyM.js → use-spring-QrlvhiwT.js} +1 -1
  170. package/storybook-static/assets/{use-transform-4uLAGEjM.js → use-transform-I-in6IUD.js} +1 -1
  171. package/storybook-static/assets/{useSound-Brsebkk1.js → useSound-D3odJ6j_.js} +1 -1
  172. package/storybook-static/assets/{users-ChD2Ccmg.js → users-V3YzqUXe.js} +1 -1
  173. package/storybook-static/assets/{x-CqbZIXFw.js → x-CIfb6lfQ.js} +1 -1
  174. package/storybook-static/iframe.html +1 -1
  175. package/storybook-static/project.json +1 -1
  176. package/storybook-static/assets/Calendar-CmqcM0p9.css +0 -1
  177. package/storybook-static/assets/client-CHNPENMZ.js +0 -1
@@ -1,4 +1,4 @@
1
- import{r as M,j as f}from"./iframe-BINQyIZA.js";import"./preload-helper-C1FmrZbK.js";const E="_paper_1xdmc_18",P="_folder__front_1xdmc_22",R="_right_1xdmc_26",X="_open_1xdmc_30",Y="_folder__back_1xdmc_68",l={paper:E,folder__front:P,right:R,open:X,folder__back:Y},h=(n,m)=>{let c=n.startsWith("#")?n.slice(1):n;c.length===3&&(c=c.split("").map(u=>u+u).join(""));const p=parseInt(c,16);let i=p>>16&255,a=p>>8&255,s=p&255;return i=Math.max(0,Math.min(255,Math.floor(i*(1-m)))),a=Math.max(0,Math.min(255,Math.floor(a*(1-m)))),s=Math.max(0,Math.min(255,Math.floor(s*(1-m)))),"#"+((1<<24)+(i<<16)+(a<<8)+s).toString(16).slice(1).toUpperCase()},$=({color:n="#5227FF",size:m=1,items:c=[],className:p=""})=>{const a=c.slice(0,3);for(;a.length<3;)a.push(null);const[s,u]=M.useState(!1),[g,x]=M.useState(Array.from({length:3},()=>({x:0,y:0}))),j=h(n,.08),k=h("#ffffff",.1),C=h("#ffffff",.05),D="#ffffff",N=()=>{u(o=>!o),s&&x(Array.from({length:3},()=>({x:0,y:0})))},I=(o,e)=>{if(!s)return;const t=o.currentTarget.getBoundingClientRect(),r=t.left+t.width/2,d=t.top+t.height/2,V=(o.clientX-r)*.15,z=(o.clientY-d)*.15;x(B=>{const y=[...B];return y[e]={x:V,y:z},y})},O=(o,e)=>{x(t=>{const r=[...t];return r[e]={x:0,y:0},r})},S={"--folder-color":n,"--folder-back-color":j,"--paper-1":k,"--paper-2":C,"--paper-3":D},q=`folder ${s?l.open:""}`.trim(),w={transform:`scale(${m})`};return f.jsx("div",{style:w,className:p,children:f.jsx("div",{className:q,style:S,onClick:N,children:f.jsxs("div",{className:`${l.folder__back}`,children:[a.map((o,e)=>{var t,r;return f.jsx("div",{className:`${l.paper} ${l.paper}-${e+1}`,onMouseMove:d=>I(d,e),onMouseLeave:d=>O(d,e),style:s?{"--magnet-x":`${((t=g[e])==null?void 0:t.x)||0}px`,"--magnet-y":`${((r=g[e])==null?void 0:r.y)||0}px`}:{},children:o},e)}),f.jsx("div",{className:`${l.folder__front}`}),f.jsx("div",{className:`${l.folder__front} ${l.right}`})]})})})};$.__docgenInfo={description:"",methods:[],displayName:"Folder",props:{color:{defaultValue:{value:"'#5227FF'",computed:!1},required:!1},size:{defaultValue:{value:"1",computed:!1},required:!1},items:{defaultValue:{value:"[]",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const T={title:"ReactBits/Components/Folder",component:$,parameters:{layout:"fullscreen"}},_={args:{color:"#5227FF",size:1,items:[{label:"Document 1"},{label:"Document 2"},{label:"Document 3"}]}};var v,b,F;_.parameters={..._.parameters,docs:{...(v=_.parameters)==null?void 0:v.docs,source:{originalSource:`{
1
+ import{r as M,j as f}from"./iframe-BVoBDGkl.js";import"./preload-helper-C1FmrZbK.js";const E="_paper_1xdmc_18",P="_folder__front_1xdmc_22",R="_right_1xdmc_26",X="_open_1xdmc_30",Y="_folder__back_1xdmc_68",l={paper:E,folder__front:P,right:R,open:X,folder__back:Y},h=(n,m)=>{let c=n.startsWith("#")?n.slice(1):n;c.length===3&&(c=c.split("").map(u=>u+u).join(""));const p=parseInt(c,16);let i=p>>16&255,a=p>>8&255,s=p&255;return i=Math.max(0,Math.min(255,Math.floor(i*(1-m)))),a=Math.max(0,Math.min(255,Math.floor(a*(1-m)))),s=Math.max(0,Math.min(255,Math.floor(s*(1-m)))),"#"+((1<<24)+(i<<16)+(a<<8)+s).toString(16).slice(1).toUpperCase()},$=({color:n="#5227FF",size:m=1,items:c=[],className:p=""})=>{const a=c.slice(0,3);for(;a.length<3;)a.push(null);const[s,u]=M.useState(!1),[g,x]=M.useState(Array.from({length:3},()=>({x:0,y:0}))),j=h(n,.08),k=h("#ffffff",.1),C=h("#ffffff",.05),D="#ffffff",N=()=>{u(o=>!o),s&&x(Array.from({length:3},()=>({x:0,y:0})))},I=(o,e)=>{if(!s)return;const t=o.currentTarget.getBoundingClientRect(),r=t.left+t.width/2,d=t.top+t.height/2,V=(o.clientX-r)*.15,z=(o.clientY-d)*.15;x(B=>{const y=[...B];return y[e]={x:V,y:z},y})},O=(o,e)=>{x(t=>{const r=[...t];return r[e]={x:0,y:0},r})},S={"--folder-color":n,"--folder-back-color":j,"--paper-1":k,"--paper-2":C,"--paper-3":D},q=`folder ${s?l.open:""}`.trim(),w={transform:`scale(${m})`};return f.jsx("div",{style:w,className:p,children:f.jsx("div",{className:q,style:S,onClick:N,children:f.jsxs("div",{className:`${l.folder__back}`,children:[a.map((o,e)=>{var t,r;return f.jsx("div",{className:`${l.paper} ${l.paper}-${e+1}`,onMouseMove:d=>I(d,e),onMouseLeave:d=>O(d,e),style:s?{"--magnet-x":`${((t=g[e])==null?void 0:t.x)||0}px`,"--magnet-y":`${((r=g[e])==null?void 0:r.y)||0}px`}:{},children:o},e)}),f.jsx("div",{className:`${l.folder__front}`}),f.jsx("div",{className:`${l.folder__front} ${l.right}`})]})})})};$.__docgenInfo={description:"",methods:[],displayName:"Folder",props:{color:{defaultValue:{value:"'#5227FF'",computed:!1},required:!1},size:{defaultValue:{value:"1",computed:!1},required:!1},items:{defaultValue:{value:"[]",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const T={title:"ReactBits/Components/Folder",component:$,parameters:{layout:"fullscreen"}},_={args:{color:"#5227FF",size:1,items:[{label:"Document 1"},{label:"Document 2"},{label:"Document 3"}]}};var v,b,F;_.parameters={..._.parameters,docs:{...(v=_.parameters)==null?void 0:v.docs,source:{originalSource:`{
2
2
  args: {
3
3
  color: '#5227FF',
4
4
  size: 1,
@@ -1,4 +1,4 @@
1
- import{r as de,j as Fe,R as Ie}from"./iframe-BINQyIZA.js";import"./preload-helper-C1FmrZbK.js";const ve=({children:Y,fontSize:d="clamp(2rem, 10vw, 10rem)",fontWeight:E=900,fontFamily:L="inherit",color:P="#fff",enableHover:v=!0,baseIntensity:F=.18,hoverIntensity:J=.5,fuzzRange:n=30,fps:K=60,direction:D="horizontal",transitionDuration:C=0,clickEffect:I=!1,glitchMode:A=!1,glitchInterval:Q=2e3,glitchDuration:U=200,gradient:h=null,letterSpacing:f=0,className:xe=""})=>{const Z=de.useRef(null);return de.useEffect(()=>{let x,y=!1,$,j,M;const a=Z.current;return a?((async()=>{const r=a.getContext("2d");if(!r)return;const S=L==="inherit"?window.getComputedStyle(a).fontFamily||"sans-serif":L,W=typeof d=="number"?`${d}px`:d,ye=`${E} ${W} ${S}`;try{await document.fonts.load(ye)}catch{await document.fonts.ready}if(y)return;let V;if(typeof d=="number")V=d;else{const t=document.createElement("span");t.style.fontSize=d,document.body.appendChild(t);const e=window.getComputedStyle(t).fontSize;V=parseFloat(e),document.body.removeChild(t)}const T=Ie.Children.toArray(Y).join(""),p=document.createElement("canvas"),o=p.getContext("2d");if(!o)return;o.font=`${E} ${W} ${S}`,o.textBaseline="alphabetic";let w=0;if(f!==0){for(const t of T)w+=o.measureText(t).width+f;w-=f}else w=o.measureText(T).width;const g=o.measureText(T),R=g.actualBoundingBoxLeft??0,Te=f!==0?w:g.actualBoundingBoxRight??g.width,b=g.actualBoundingBoxAscent??V,we=g.actualBoundingBoxDescent??V*.2,z=Math.ceil(f!==0?w:R+Te),i=Math.ceil(b+we),ee=10,s=z+ee;p.width=s,p.height=i;const k=ee/2;if(o.font=`${E} ${W} ${S}`,o.textBaseline="alphabetic",h&&Array.isArray(h)&&h.length>=2){const t=o.createLinearGradient(0,0,s,0);h.forEach((e,l)=>t.addColorStop(l/(h.length-1),e)),o.fillStyle=t}else o.fillStyle=P;if(f!==0){let t=k;for(const e of T)o.fillText(e,t,b),t+=o.measureText(e).width+f}else o.fillText(T,k-R,b);const _=n+20,G=0;a.width=s+_*2,a.height=i+G*2,r.translate(_,G);const te=_+k,ae=G,ge=te+z,qe=ae+i;let q=!1,H=!1,N=!1,c=F,u=F,le=0;const ne=1e3/K,oe=()=>{!A||y||($=setTimeout(()=>{y||(N=!0,j=setTimeout(()=>{N=!1,oe()},U))},Q))};A&&oe();const O=t=>{if(!y){if(t-le<ne){x=window.requestAnimationFrame(O);return}if(le=t,r.clearRect(-n-20,-n-10,s+2*(n+20),i+2*(n+10)),H||N?u=1:q?u=J:u=F,C>0){const e=1/(C/ne);c<u?c=Math.min(c+e,u):c>u&&(c=Math.max(c-e,u))}else c=u;if(D==="horizontal")for(let e=0;e<i;e++){const l=Math.floor(c*(Math.random()-.5)*n);r.drawImage(p,0,e,s,1,l,e,s,1)}else if(D==="vertical")for(let e=0;e<s;e++){const l=Math.floor(c*(Math.random()-.5)*n);r.drawImage(p,e,0,1,i,e,l,1,i)}else{for(let l=0;l<i;l++){const m=Math.floor(c*(Math.random()-.5)*n);r.drawImage(p,0,l,s,1,m,l,s,1)}const e=r.getImageData(0,0,s+n,i+n);r.clearRect(-n-20,-n-10,s+2*(n+20),i+2*(n+10)),r.putImageData(e,0,0);for(let l=0;l<s+n;l++){const m=Math.floor(c*(Math.random()-.5)*n*.5),X=r.getImageData(l,0,1,i+n);r.clearRect(l,-n,1,i+2*n),r.putImageData(X,l,m)}}x=window.requestAnimationFrame(O)}};x=window.requestAnimationFrame(O);const re=(t,e)=>t>=te&&t<=ge&&e>=ae&&e<=qe,ie=t=>{if(!v)return;const e=a.getBoundingClientRect(),l=t.clientX-e.left,m=t.clientY-e.top;q=re(l,m)},se=()=>{q=!1},ce=()=>{I&&(H=!0,clearTimeout(M),M=setTimeout(()=>{H=!1},150))},ue=t=>{if(!v)return;t.preventDefault();const e=a.getBoundingClientRect(),l=t.touches[0],m=l.clientX-e.left,X=l.clientY-e.top;q=re(m,X)},fe=()=>{q=!1};v&&(a.addEventListener("mousemove",ie),a.addEventListener("mouseleave",se),a.addEventListener("touchmove",ue,{passive:!1}),a.addEventListener("touchend",fe)),I&&a.addEventListener("click",ce);const Ee=()=>{window.cancelAnimationFrame(x),clearTimeout($),clearTimeout(j),clearTimeout(M),v&&(a.removeEventListener("mousemove",ie),a.removeEventListener("mouseleave",se),a.removeEventListener("touchmove",ue),a.removeEventListener("touchend",fe)),I&&a.removeEventListener("click",ce)};a.cleanupFuzzyText=Ee})(),()=>{y=!0,window.cancelAnimationFrame(x),clearTimeout($),clearTimeout(j),clearTimeout(M),a&&a.cleanupFuzzyText&&a.cleanupFuzzyText()}):void 0},[Y,d,E,L,P,v,F,J,n,K,D,C,I,A,Q,U,h,f]),Fe.jsx("canvas",{ref:Z,className:xe})};ve.__docgenInfo={description:"",methods:[],displayName:"FuzzyText",props:{fontSize:{defaultValue:{value:"'clamp(2rem, 10vw, 10rem)'",computed:!1},required:!1},fontWeight:{defaultValue:{value:"900",computed:!1},required:!1},fontFamily:{defaultValue:{value:"'inherit'",computed:!1},required:!1},color:{defaultValue:{value:"'#fff'",computed:!1},required:!1},enableHover:{defaultValue:{value:"true",computed:!1},required:!1},baseIntensity:{defaultValue:{value:"0.18",computed:!1},required:!1},hoverIntensity:{defaultValue:{value:"0.5",computed:!1},required:!1},fuzzRange:{defaultValue:{value:"30",computed:!1},required:!1},fps:{defaultValue:{value:"60",computed:!1},required:!1},direction:{defaultValue:{value:"'horizontal'",computed:!1},required:!1},transitionDuration:{defaultValue:{value:"0",computed:!1},required:!1},clickEffect:{defaultValue:{value:"false",computed:!1},required:!1},glitchMode:{defaultValue:{value:"false",computed:!1},required:!1},glitchInterval:{defaultValue:{value:"2000",computed:!1},required:!1},glitchDuration:{defaultValue:{value:"200",computed:!1},required:!1},gradient:{defaultValue:{value:"null",computed:!1},required:!1},letterSpacing:{defaultValue:{value:"0",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const Le={title:"ReactBits/TextAnimations/FuzzyText",component:ve,parameters:{layout:"fullscreen"}},B={args:{children:"Hello World",fontSize:"clamp(2rem, 10vw, 10rem)",fontWeight:900,fontFamily:"inherit",color:"#fff",enableHover:!0,baseIntensity:.18,hoverIntensity:.5,fuzzRange:30,fps:60,direction:"horizontal",transitionDuration:0,clickEffect:!1,glitchMode:!1,glitchInterval:2e3,glitchDuration:200,gradient:null,letterSpacing:0}};var me,he,pe;B.parameters={...B.parameters,docs:{...(me=B.parameters)==null?void 0:me.docs,source:{originalSource:`{
1
+ import{r as de,j as Fe,R as Ie}from"./iframe-BVoBDGkl.js";import"./preload-helper-C1FmrZbK.js";const ve=({children:Y,fontSize:d="clamp(2rem, 10vw, 10rem)",fontWeight:E=900,fontFamily:L="inherit",color:P="#fff",enableHover:v=!0,baseIntensity:F=.18,hoverIntensity:J=.5,fuzzRange:n=30,fps:K=60,direction:D="horizontal",transitionDuration:C=0,clickEffect:I=!1,glitchMode:A=!1,glitchInterval:Q=2e3,glitchDuration:U=200,gradient:h=null,letterSpacing:f=0,className:xe=""})=>{const Z=de.useRef(null);return de.useEffect(()=>{let x,y=!1,$,j,M;const a=Z.current;return a?((async()=>{const r=a.getContext("2d");if(!r)return;const S=L==="inherit"?window.getComputedStyle(a).fontFamily||"sans-serif":L,W=typeof d=="number"?`${d}px`:d,ye=`${E} ${W} ${S}`;try{await document.fonts.load(ye)}catch{await document.fonts.ready}if(y)return;let V;if(typeof d=="number")V=d;else{const t=document.createElement("span");t.style.fontSize=d,document.body.appendChild(t);const e=window.getComputedStyle(t).fontSize;V=parseFloat(e),document.body.removeChild(t)}const T=Ie.Children.toArray(Y).join(""),p=document.createElement("canvas"),o=p.getContext("2d");if(!o)return;o.font=`${E} ${W} ${S}`,o.textBaseline="alphabetic";let w=0;if(f!==0){for(const t of T)w+=o.measureText(t).width+f;w-=f}else w=o.measureText(T).width;const g=o.measureText(T),R=g.actualBoundingBoxLeft??0,Te=f!==0?w:g.actualBoundingBoxRight??g.width,b=g.actualBoundingBoxAscent??V,we=g.actualBoundingBoxDescent??V*.2,z=Math.ceil(f!==0?w:R+Te),i=Math.ceil(b+we),ee=10,s=z+ee;p.width=s,p.height=i;const k=ee/2;if(o.font=`${E} ${W} ${S}`,o.textBaseline="alphabetic",h&&Array.isArray(h)&&h.length>=2){const t=o.createLinearGradient(0,0,s,0);h.forEach((e,l)=>t.addColorStop(l/(h.length-1),e)),o.fillStyle=t}else o.fillStyle=P;if(f!==0){let t=k;for(const e of T)o.fillText(e,t,b),t+=o.measureText(e).width+f}else o.fillText(T,k-R,b);const _=n+20,G=0;a.width=s+_*2,a.height=i+G*2,r.translate(_,G);const te=_+k,ae=G,ge=te+z,qe=ae+i;let q=!1,H=!1,N=!1,c=F,u=F,le=0;const ne=1e3/K,oe=()=>{!A||y||($=setTimeout(()=>{y||(N=!0,j=setTimeout(()=>{N=!1,oe()},U))},Q))};A&&oe();const O=t=>{if(!y){if(t-le<ne){x=window.requestAnimationFrame(O);return}if(le=t,r.clearRect(-n-20,-n-10,s+2*(n+20),i+2*(n+10)),H||N?u=1:q?u=J:u=F,C>0){const e=1/(C/ne);c<u?c=Math.min(c+e,u):c>u&&(c=Math.max(c-e,u))}else c=u;if(D==="horizontal")for(let e=0;e<i;e++){const l=Math.floor(c*(Math.random()-.5)*n);r.drawImage(p,0,e,s,1,l,e,s,1)}else if(D==="vertical")for(let e=0;e<s;e++){const l=Math.floor(c*(Math.random()-.5)*n);r.drawImage(p,e,0,1,i,e,l,1,i)}else{for(let l=0;l<i;l++){const m=Math.floor(c*(Math.random()-.5)*n);r.drawImage(p,0,l,s,1,m,l,s,1)}const e=r.getImageData(0,0,s+n,i+n);r.clearRect(-n-20,-n-10,s+2*(n+20),i+2*(n+10)),r.putImageData(e,0,0);for(let l=0;l<s+n;l++){const m=Math.floor(c*(Math.random()-.5)*n*.5),X=r.getImageData(l,0,1,i+n);r.clearRect(l,-n,1,i+2*n),r.putImageData(X,l,m)}}x=window.requestAnimationFrame(O)}};x=window.requestAnimationFrame(O);const re=(t,e)=>t>=te&&t<=ge&&e>=ae&&e<=qe,ie=t=>{if(!v)return;const e=a.getBoundingClientRect(),l=t.clientX-e.left,m=t.clientY-e.top;q=re(l,m)},se=()=>{q=!1},ce=()=>{I&&(H=!0,clearTimeout(M),M=setTimeout(()=>{H=!1},150))},ue=t=>{if(!v)return;t.preventDefault();const e=a.getBoundingClientRect(),l=t.touches[0],m=l.clientX-e.left,X=l.clientY-e.top;q=re(m,X)},fe=()=>{q=!1};v&&(a.addEventListener("mousemove",ie),a.addEventListener("mouseleave",se),a.addEventListener("touchmove",ue,{passive:!1}),a.addEventListener("touchend",fe)),I&&a.addEventListener("click",ce);const Ee=()=>{window.cancelAnimationFrame(x),clearTimeout($),clearTimeout(j),clearTimeout(M),v&&(a.removeEventListener("mousemove",ie),a.removeEventListener("mouseleave",se),a.removeEventListener("touchmove",ue),a.removeEventListener("touchend",fe)),I&&a.removeEventListener("click",ce)};a.cleanupFuzzyText=Ee})(),()=>{y=!0,window.cancelAnimationFrame(x),clearTimeout($),clearTimeout(j),clearTimeout(M),a&&a.cleanupFuzzyText&&a.cleanupFuzzyText()}):void 0},[Y,d,E,L,P,v,F,J,n,K,D,C,I,A,Q,U,h,f]),Fe.jsx("canvas",{ref:Z,className:xe})};ve.__docgenInfo={description:"",methods:[],displayName:"FuzzyText",props:{fontSize:{defaultValue:{value:"'clamp(2rem, 10vw, 10rem)'",computed:!1},required:!1},fontWeight:{defaultValue:{value:"900",computed:!1},required:!1},fontFamily:{defaultValue:{value:"'inherit'",computed:!1},required:!1},color:{defaultValue:{value:"'#fff'",computed:!1},required:!1},enableHover:{defaultValue:{value:"true",computed:!1},required:!1},baseIntensity:{defaultValue:{value:"0.18",computed:!1},required:!1},hoverIntensity:{defaultValue:{value:"0.5",computed:!1},required:!1},fuzzRange:{defaultValue:{value:"30",computed:!1},required:!1},fps:{defaultValue:{value:"60",computed:!1},required:!1},direction:{defaultValue:{value:"'horizontal'",computed:!1},required:!1},transitionDuration:{defaultValue:{value:"0",computed:!1},required:!1},clickEffect:{defaultValue:{value:"false",computed:!1},required:!1},glitchMode:{defaultValue:{value:"false",computed:!1},required:!1},glitchInterval:{defaultValue:{value:"2000",computed:!1},required:!1},glitchDuration:{defaultValue:{value:"200",computed:!1},required:!1},gradient:{defaultValue:{value:"null",computed:!1},required:!1},letterSpacing:{defaultValue:{value:"0",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const Le={title:"ReactBits/TextAnimations/FuzzyText",component:ve,parameters:{layout:"fullscreen"}},B={args:{children:"Hello World",fontSize:"clamp(2rem, 10vw, 10rem)",fontWeight:900,fontFamily:"inherit",color:"#fff",enableHover:!0,baseIntensity:.18,hoverIntensity:.5,fuzzRange:30,fps:60,direction:"horizontal",transitionDuration:0,clickEffect:!1,glitchMode:!1,glitchInterval:2e3,glitchDuration:200,gradient:null,letterSpacing:0}};var me,he,pe;B.parameters={...B.parameters,docs:{...(me=B.parameters)==null?void 0:me.docs,source:{originalSource:`{
2
2
  args: {
3
3
  children: 'Hello World',
4
4
  fontSize: 'clamp(2rem, 10vw, 10rem)',
@@ -1,4 +1,4 @@
1
- import{r,j as B}from"./iframe-BINQyIZA.js";import{R as K,P as j,M as Y}from"./Mesh-CwXV3WjE.js";import{T as W}from"./Triangle-64ffRKNB.js";import{C as E}from"./Color-YRkaOI4u.js";import"./preload-helper-C1FmrZbK.js";const X={"galaxy-container":"_galaxy-container_ks78v_1"},$=`
1
+ import{r,j as B}from"./iframe-BVoBDGkl.js";import{R as K,P as j,M as Y}from"./Mesh-CwXV3WjE.js";import{T as W}from"./Triangle-64ffRKNB.js";import{C as E}from"./Color-YRkaOI4u.js";import"./preload-helper-C1FmrZbK.js";const X={"galaxy-container":"_galaxy-container_ks78v_1"},$=`
2
2
  attribute vec2 uv;
3
3
  attribute vec2 position;
4
4
 
@@ -1,4 +1,4 @@
1
- import{r as o,j as je}from"./iframe-BINQyIZA.js";import{M as Ee,a as Be,h as Xe,F as Ce,i as P,j as ce,d,k as Y,H as $,l as Ke,m as Ye,n as U,e as _,o as $e,p as Je,W as Ze,S as et,q as tt,r as ye}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const J={name:"CopyShader",uniforms:{tDiffuse:{value:null},opacity:{value:1}},vertexShader:`
1
+ import{r as o,j as je}from"./iframe-BVoBDGkl.js";import{M as Ee,a as Be,h as Xe,F as Ce,i as P,j as ce,d,k as Y,H as $,l as Ke,m as Ye,n as U,e as _,o as $e,p as Je,W as Ze,S as et,q as tt,r as ye}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const J={name:"CopyShader",uniforms:{tDiffuse:{value:null},opacity:{value:1}},vertexShader:`
2
2
 
3
3
  varying vec2 vUv;
4
4
 
@@ -1 +1 @@
1
- import{j}from"./iframe-BINQyIZA.js";import"./preload-helper-C1FmrZbK.js";const f={"glare-hover":"_glare-hover_npabj_1","glare-hover--play-once":"_glare-hover--play-once_npabj_44"},n=({width:i="500px",height:g="500px",background:m="#000",borderRadius:v="10px",borderColor:h="#333",children:$,glareColor:u="#ffffff",glareOpacity:o=.5,glareAngle:b=-45,glareSize:q=250,transitionDuration:V=650,playOnce:x=!1,className:_="",style:y={}})=>{const e=u.replace("#","");let l=u;if(/^[0-9A-Fa-f]{6}$/.test(e)){const r=parseInt(e.slice(0,2),16),s=parseInt(e.slice(2,4),16),t=parseInt(e.slice(4,6),16);l=`rgba(${r}, ${s}, ${t}, ${o})`}else if(/^[0-9A-Fa-f]{3}$/.test(e)){const r=parseInt(e[0]+e[0],16),s=parseInt(e[1]+e[1],16),t=parseInt(e[2]+e[2],16);l=`rgba(${r}, ${s}, ${t}, ${o})`}const I={"--gh-width":i,"--gh-height":g,"--gh-bg":m,"--gh-br":v,"--gh-angle":`${b}deg`,"--gh-duration":`${V}ms`,"--gh-size":`${q}%`,"--gh-rgba":l,"--gh-border":h};return j.jsx("div",{className:`${f["glare-hover"]} ${x?f["glare-hover--play-once"]:""} ${_}`,style:{...I,...y},children:$})};n.__docgenInfo={description:"",methods:[],displayName:"GlareHover",props:{width:{defaultValue:{value:"'500px'",computed:!1},required:!1},height:{defaultValue:{value:"'500px'",computed:!1},required:!1},background:{defaultValue:{value:"'#000'",computed:!1},required:!1},borderRadius:{defaultValue:{value:"'10px'",computed:!1},required:!1},borderColor:{defaultValue:{value:"'#333'",computed:!1},required:!1},glareColor:{defaultValue:{value:"'#ffffff'",computed:!1},required:!1},glareOpacity:{defaultValue:{value:"0.5",computed:!1},required:!1},glareAngle:{defaultValue:{value:"-45",computed:!1},required:!1},glareSize:{defaultValue:{value:"250",computed:!1},required:!1},transitionDuration:{defaultValue:{value:"650",computed:!1},required:!1},playOnce:{defaultValue:{value:"false",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1}}};const G={title:"ReactBits/Animations/GlareHover",component:n,parameters:{layout:"fullscreen"}},a={};var d,c,p;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(p=(c=a.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};const H=["Default"];export{a as Default,H as __namedExportsOrder,G as default};
1
+ import{j}from"./iframe-BVoBDGkl.js";import"./preload-helper-C1FmrZbK.js";const f={"glare-hover":"_glare-hover_npabj_1","glare-hover--play-once":"_glare-hover--play-once_npabj_44"},n=({width:i="500px",height:g="500px",background:m="#000",borderRadius:v="10px",borderColor:h="#333",children:$,glareColor:u="#ffffff",glareOpacity:o=.5,glareAngle:b=-45,glareSize:q=250,transitionDuration:V=650,playOnce:x=!1,className:_="",style:y={}})=>{const e=u.replace("#","");let l=u;if(/^[0-9A-Fa-f]{6}$/.test(e)){const r=parseInt(e.slice(0,2),16),s=parseInt(e.slice(2,4),16),t=parseInt(e.slice(4,6),16);l=`rgba(${r}, ${s}, ${t}, ${o})`}else if(/^[0-9A-Fa-f]{3}$/.test(e)){const r=parseInt(e[0]+e[0],16),s=parseInt(e[1]+e[1],16),t=parseInt(e[2]+e[2],16);l=`rgba(${r}, ${s}, ${t}, ${o})`}const I={"--gh-width":i,"--gh-height":g,"--gh-bg":m,"--gh-br":v,"--gh-angle":`${b}deg`,"--gh-duration":`${V}ms`,"--gh-size":`${q}%`,"--gh-rgba":l,"--gh-border":h};return j.jsx("div",{className:`${f["glare-hover"]} ${x?f["glare-hover--play-once"]:""} ${_}`,style:{...I,...y},children:$})};n.__docgenInfo={description:"",methods:[],displayName:"GlareHover",props:{width:{defaultValue:{value:"'500px'",computed:!1},required:!1},height:{defaultValue:{value:"'500px'",computed:!1},required:!1},background:{defaultValue:{value:"'#000'",computed:!1},required:!1},borderRadius:{defaultValue:{value:"'10px'",computed:!1},required:!1},borderColor:{defaultValue:{value:"'#333'",computed:!1},required:!1},glareColor:{defaultValue:{value:"'#ffffff'",computed:!1},required:!1},glareOpacity:{defaultValue:{value:"0.5",computed:!1},required:!1},glareAngle:{defaultValue:{value:"-45",computed:!1},required:!1},glareSize:{defaultValue:{value:"250",computed:!1},required:!1},transitionDuration:{defaultValue:{value:"650",computed:!1},required:!1},playOnce:{defaultValue:{value:"false",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1}}};const G={title:"ReactBits/Animations/GlareHover",component:n,parameters:{layout:"fullscreen"}},a={};var d,c,p;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(p=(c=a.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};const H=["Default"];export{a as Default,H as __namedExportsOrder,G as default};
@@ -1,4 +1,4 @@
1
- import{r,j as t}from"./iframe-BINQyIZA.js";import"./preload-helper-C1FmrZbK.js";const f={"glass-surface":"_glass-surface_103tm_1","glass-surface__filter":"_glass-surface__filter_103tm_10","glass-surface__content":"_glass-surface__content_103tm_20","glass-surface--svg":"_glass-surface--svg_103tm_32","glass-surface--fallback":"_glass-surface--fallback_103tm_48"},z=({children:F,width:u=200,height:n=80,borderRadius:i=20,borderWidth:g=.07,brightness:h=50,opacity:x=.93,blur:v=11,displace:$=0,backgroundOpacity:O=0,saturation:W=1,distortionScale:b=-180,redOffset:y=0,greenOffset:_=10,blueOffset:R=20,xChannel:S="R",yChannel:G="G",mixBlendMode:q="difference",className:N="",style:T={}})=>{const p=r.useId().replace(/:/g,"-"),m=`glass-filter-${p}`,w=`red-grad-${p}`,V=`blue-grad-${p}`,[H,U]=r.useState(!1),l=r.useRef(null),j=r.useRef(null),C=r.useRef(null),B=r.useRef(null),E=r.useRef(null),I=r.useRef(null),J=()=>{var A;const e=(A=l.current)==null?void 0:A.getBoundingClientRect(),s=(e==null?void 0:e.width)||400,a=(e==null?void 0:e.height)||200,c=Math.min(s,a)*(g*.5),P=`
1
+ import{r,j as t}from"./iframe-BVoBDGkl.js";import"./preload-helper-C1FmrZbK.js";const f={"glass-surface":"_glass-surface_103tm_1","glass-surface__filter":"_glass-surface__filter_103tm_10","glass-surface__content":"_glass-surface__content_103tm_20","glass-surface--svg":"_glass-surface--svg_103tm_32","glass-surface--fallback":"_glass-surface--fallback_103tm_48"},z=({children:F,width:u=200,height:n=80,borderRadius:i=20,borderWidth:g=.07,brightness:h=50,opacity:x=.93,blur:v=11,displace:$=0,backgroundOpacity:O=0,saturation:W=1,distortionScale:b=-180,redOffset:y=0,greenOffset:_=10,blueOffset:R=20,xChannel:S="R",yChannel:G="G",mixBlendMode:q="difference",className:N="",style:T={}})=>{const p=r.useId().replace(/:/g,"-"),m=`glass-filter-${p}`,w=`red-grad-${p}`,V=`blue-grad-${p}`,[H,U]=r.useState(!1),l=r.useRef(null),j=r.useRef(null),C=r.useRef(null),B=r.useRef(null),E=r.useRef(null),I=r.useRef(null),J=()=>{var A;const e=(A=l.current)==null?void 0:A.getBoundingClientRect(),s=(e==null?void 0:e.width)||400,a=(e==null?void 0:e.height)||200,c=Math.min(s,a)*(g*.5),P=`
2
2
  <svg viewBox="0 0 ${s} ${a}" xmlns="http://www.w3.org/2000/svg">
3
3
  <defs>
4
4
  <linearGradient id="${w}" x1="100%" y1="0%" x2="0%" y2="0%">
@@ -1,4 +1,4 @@
1
- import{j as f}from"./iframe-BINQyIZA.js";import"./preload-helper-C1FmrZbK.js";const m="_glitch_1duah_1",s={glitch:m,"enable-on-hover":"_enable-on-hover_1duah_23"},u=({children:a,speed:t=1,enableShadows:r=!0,enableOnHover:d=!0,className:c=""})=>{const i={"--after-duration":`${t*3}s`,"--before-duration":`${t*2}s`,"--after-shadow":r?"-5px 0 red":"none","--before-shadow":r?"5px 0 cyan":"none"},p=d?s["enable-on-hover"]:"";return f.jsx("div",{className:`${s.glitch} ${p} ${c}`,style:i,"data-text":a,children:a})};u.__docgenInfo={description:"",methods:[],displayName:"GlitchText",props:{speed:{defaultValue:{value:"1",computed:!1},required:!1},enableShadows:{defaultValue:{value:"true",computed:!1},required:!1},enableOnHover:{defaultValue:{value:"true",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const x={title:"ReactBits/TextAnimations/GlitchText",component:u,parameters:{layout:"fullscreen"}},e={args:{children:"Hello World",speed:1,enableShadows:!0,enableOnHover:!0}};var l,o,n;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`{
1
+ import{j as f}from"./iframe-BVoBDGkl.js";import"./preload-helper-C1FmrZbK.js";const m="_glitch_1duah_1",s={glitch:m,"enable-on-hover":"_enable-on-hover_1duah_23"},u=({children:a,speed:t=1,enableShadows:r=!0,enableOnHover:d=!0,className:c=""})=>{const i={"--after-duration":`${t*3}s`,"--before-duration":`${t*2}s`,"--after-shadow":r?"-5px 0 red":"none","--before-shadow":r?"5px 0 cyan":"none"},p=d?s["enable-on-hover"]:"";return f.jsx("div",{className:`${s.glitch} ${p} ${c}`,style:i,"data-text":a,children:a})};u.__docgenInfo={description:"",methods:[],displayName:"GlitchText",props:{speed:{defaultValue:{value:"1",computed:!1},required:!1},enableShadows:{defaultValue:{value:"true",computed:!1},required:!1},enableOnHover:{defaultValue:{value:"true",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const x={title:"ReactBits/TextAnimations/GlitchText",component:u,parameters:{layout:"fullscreen"}},e={args:{children:"Hello World",speed:1,enableShadows:!0,enableOnHover:!0}};var l,o,n;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`{
2
2
  args: {
3
3
  children: 'Hello World',
4
4
  speed: 1,
@@ -1,4 +1,4 @@
1
- import{r as f,j as u}from"./iframe-BINQyIZA.js";import"./preload-helper-C1FmrZbK.js";const k="_active_81mhv_85",O="_effect_81mhv_95",S="_text_81mhv_108",B="_filter_81mhv_117",G="_particle_81mhv_152",z="_point_81mhv_153",a={"gooey-nav-container":"_gooey-nav-container_81mhv_30",active:k,effect:O,text:S,filter:B,particle:G,point:z},C=({items:T,animationTime:_=600,particleCount:p=15,particleDistances:L=[90,10],particleR:V=100,timeVariance:g=300,colors:b=[1,2,3,1,2,3,1,4],initialActiveIndex:D=0})=>{const d=f.useRef(null),h=f.useRef(null),o=f.useRef(null),l=f.useRef(null),[m,N]=f.useState(D),v=(e=1)=>e/2-Math.random()*e,$=(e,r,t)=>{const s=(360+v(8))/t*r*(Math.PI/180);return[e*Math.cos(s),e*Math.sin(s)]},I=(e,r,t,s)=>{let n=v(s/10);return{start:$(t[0],p-e,p),end:$(t[1]+v(7),p-e,p),time:r,scale:1+v(.2),color:b[Math.floor(Math.random()*b.length)],rotate:n>0?(n+s/20)*10:(n-s/20)*10}},w=e=>{const r=L,t=V,s=_*2+g;e.style.setProperty("--time",`${s}ms`);for(let n=0;n<p;n++){const P=_*2+v(g*2),i=I(n,P,r,t);e.classList.remove(a.active),setTimeout(()=>{const c=document.createElement("span"),j=document.createElement("span");c.classList.add(a.particle),c.style.setProperty("--start-x",`${i.start[0]}px`),c.style.setProperty("--start-y",`${i.start[1]}px`),c.style.setProperty("--end-x",`${i.end[0]}px`),c.style.setProperty("--end-y",`${i.end[1]}px`),c.style.setProperty("--time",`${i.time}ms`),c.style.setProperty("--scale",`${i.scale}`),c.style.setProperty("--color",`var(--color-${i.color}, white)`),c.style.setProperty("--rotate",`${i.rotate}deg`),j.classList.add(a.point),c.appendChild(j),e.appendChild(c),requestAnimationFrame(()=>{e.classList.add(a.active)}),setTimeout(()=>{try{e.removeChild(c)}catch{}},P)},30)}},x=e=>{if(!d.current||!o.current||!l.current)return;const r=d.current.getBoundingClientRect(),t=e.getBoundingClientRect(),s={left:`${t.x-r.x}px`,top:`${t.y-r.y}px`,width:`${t.width}px`,height:`${t.height}px`};Object.assign(o.current.style,s),Object.assign(l.current.style,s),l.current.innerText=e.innerText},R=(e,r)=>{const t=e.currentTarget;m!==r&&(N(r),x(t),o.current&&o.current.querySelectorAll(".particle").forEach(n=>o.current.removeChild(n)),l.current&&(l.current.classList.remove(a.active),l.current.offsetWidth,l.current.classList.add(a.active)),o.current&&w(o.current))},M=(e,r)=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();const t=e.currentTarget.parentElement;t&&R({currentTarget:t},r)}};return f.useEffect(()=>{var t;if(!h.current||!d.current)return;const e=h.current.querySelectorAll("li")[m];e&&(x(e),(t=l.current)==null||t.classList.add(a.active));const r=new ResizeObserver(()=>{var n;const s=(n=h.current)==null?void 0:n.querySelectorAll("li")[m];s&&x(s)});return r.observe(d.current),()=>r.disconnect()},[m]),u.jsxs("div",{className:`${a["gooey-nav-container"]}`,ref:d,children:[u.jsx("nav",{children:u.jsx("ul",{ref:h,children:T.map((e,r)=>u.jsx("li",{className:m===r?a.active:"",children:u.jsx("a",{href:e.href,onClick:t=>R(t,r),onKeyDown:t=>M(t,r),children:e.label})},r))})}),u.jsx("span",{className:`${a.effect} ${a.filter}`,ref:o}),u.jsx("span",{className:`${a.effect} ${a.text}`,ref:l})]})};C.__docgenInfo={description:"",methods:[],displayName:"GooeyNav",props:{animationTime:{defaultValue:{value:"600",computed:!1},required:!1},particleCount:{defaultValue:{value:"15",computed:!1},required:!1},particleDistances:{defaultValue:{value:"[90, 10]",computed:!1},required:!1},particleR:{defaultValue:{value:"100",computed:!1},required:!1},timeVariance:{defaultValue:{value:"300",computed:!1},required:!1},colors:{defaultValue:{value:"[1, 2, 3, 1, 2, 3, 1, 4]",computed:!1},required:!1},initialActiveIndex:{defaultValue:{value:"0",computed:!1},required:!1}}};const F={title:"ReactBits/Components/GooeyNav",component:C,parameters:{layout:"fullscreen"}},y={args:{items:[{label:"Home",href:"#"},{label:"About",href:"#"},{label:"Projects",href:"#"},{label:"Contact",href:"#"}],animationTime:600,particleCount:15,particleDistances:[90,10],particleR:100,timeVariance:300,colors:[1,2,3,1,2,3,1,4],initialActiveIndex:0}};var E,q,A;y.parameters={...y.parameters,docs:{...(E=y.parameters)==null?void 0:E.docs,source:{originalSource:`{
1
+ import{r as f,j as u}from"./iframe-BVoBDGkl.js";import"./preload-helper-C1FmrZbK.js";const k="_active_81mhv_85",O="_effect_81mhv_95",S="_text_81mhv_108",B="_filter_81mhv_117",G="_particle_81mhv_152",z="_point_81mhv_153",a={"gooey-nav-container":"_gooey-nav-container_81mhv_30",active:k,effect:O,text:S,filter:B,particle:G,point:z},C=({items:T,animationTime:_=600,particleCount:p=15,particleDistances:L=[90,10],particleR:V=100,timeVariance:g=300,colors:b=[1,2,3,1,2,3,1,4],initialActiveIndex:D=0})=>{const d=f.useRef(null),h=f.useRef(null),o=f.useRef(null),l=f.useRef(null),[m,N]=f.useState(D),v=(e=1)=>e/2-Math.random()*e,$=(e,r,t)=>{const s=(360+v(8))/t*r*(Math.PI/180);return[e*Math.cos(s),e*Math.sin(s)]},I=(e,r,t,s)=>{let n=v(s/10);return{start:$(t[0],p-e,p),end:$(t[1]+v(7),p-e,p),time:r,scale:1+v(.2),color:b[Math.floor(Math.random()*b.length)],rotate:n>0?(n+s/20)*10:(n-s/20)*10}},w=e=>{const r=L,t=V,s=_*2+g;e.style.setProperty("--time",`${s}ms`);for(let n=0;n<p;n++){const P=_*2+v(g*2),i=I(n,P,r,t);e.classList.remove(a.active),setTimeout(()=>{const c=document.createElement("span"),j=document.createElement("span");c.classList.add(a.particle),c.style.setProperty("--start-x",`${i.start[0]}px`),c.style.setProperty("--start-y",`${i.start[1]}px`),c.style.setProperty("--end-x",`${i.end[0]}px`),c.style.setProperty("--end-y",`${i.end[1]}px`),c.style.setProperty("--time",`${i.time}ms`),c.style.setProperty("--scale",`${i.scale}`),c.style.setProperty("--color",`var(--color-${i.color}, white)`),c.style.setProperty("--rotate",`${i.rotate}deg`),j.classList.add(a.point),c.appendChild(j),e.appendChild(c),requestAnimationFrame(()=>{e.classList.add(a.active)}),setTimeout(()=>{try{e.removeChild(c)}catch{}},P)},30)}},x=e=>{if(!d.current||!o.current||!l.current)return;const r=d.current.getBoundingClientRect(),t=e.getBoundingClientRect(),s={left:`${t.x-r.x}px`,top:`${t.y-r.y}px`,width:`${t.width}px`,height:`${t.height}px`};Object.assign(o.current.style,s),Object.assign(l.current.style,s),l.current.innerText=e.innerText},R=(e,r)=>{const t=e.currentTarget;m!==r&&(N(r),x(t),o.current&&o.current.querySelectorAll(".particle").forEach(n=>o.current.removeChild(n)),l.current&&(l.current.classList.remove(a.active),l.current.offsetWidth,l.current.classList.add(a.active)),o.current&&w(o.current))},M=(e,r)=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();const t=e.currentTarget.parentElement;t&&R({currentTarget:t},r)}};return f.useEffect(()=>{var t;if(!h.current||!d.current)return;const e=h.current.querySelectorAll("li")[m];e&&(x(e),(t=l.current)==null||t.classList.add(a.active));const r=new ResizeObserver(()=>{var n;const s=(n=h.current)==null?void 0:n.querySelectorAll("li")[m];s&&x(s)});return r.observe(d.current),()=>r.disconnect()},[m]),u.jsxs("div",{className:`${a["gooey-nav-container"]}`,ref:d,children:[u.jsx("nav",{children:u.jsx("ul",{ref:h,children:T.map((e,r)=>u.jsx("li",{className:m===r?a.active:"",children:u.jsx("a",{href:e.href,onClick:t=>R(t,r),onKeyDown:t=>M(t,r),children:e.label})},r))})}),u.jsx("span",{className:`${a.effect} ${a.filter}`,ref:o}),u.jsx("span",{className:`${a.effect} ${a.text}`,ref:l})]})};C.__docgenInfo={description:"",methods:[],displayName:"GooeyNav",props:{animationTime:{defaultValue:{value:"600",computed:!1},required:!1},particleCount:{defaultValue:{value:"15",computed:!1},required:!1},particleDistances:{defaultValue:{value:"[90, 10]",computed:!1},required:!1},particleR:{defaultValue:{value:"100",computed:!1},required:!1},timeVariance:{defaultValue:{value:"300",computed:!1},required:!1},colors:{defaultValue:{value:"[1, 2, 3, 1, 2, 3, 1, 4]",computed:!1},required:!1},initialActiveIndex:{defaultValue:{value:"0",computed:!1},required:!1}}};const F={title:"ReactBits/Components/GooeyNav",component:C,parameters:{layout:"fullscreen"}},y={args:{items:[{label:"Home",href:"#"},{label:"About",href:"#"},{label:"Projects",href:"#"},{label:"Contact",href:"#"}],animationTime:600,particleCount:15,particleDistances:[90,10],particleR:100,timeVariance:300,colors:[1,2,3,1,2,3,1,4],initialActiveIndex:0}};var E,q,A;y.parameters={...y.parameters,docs:{...(E=y.parameters)==null?void 0:E.docs,source:{originalSource:`{
2
2
  args: {
3
3
  items: [{
4
4
  label: 'Home',
@@ -1,4 +1,4 @@
1
- import{r as l,j as ee}from"./iframe-BINQyIZA.js";import{R as te,P as oe,M as re}from"./Mesh-CwXV3WjE.js";import{T as ue}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const ne={"gradient-blinds-container":"_gradient-blinds-container_g9mdv_1"},S=8,le=u=>{const o=u.replace("#","").padEnd(6,"0"),f=parseInt(o.slice(0,2),16)/255,v=parseInt(o.slice(2,4),16)/255,i=parseInt(o.slice(4,6),16)/255;return[f,v,i]},ae=u=>{const o=(u&&u.length?u:["#FF9FFC","#5227FF"]).slice(0,S);for(o.length===1&&o.push(o[0]);o.length<S;)o.push(o[o.length-1]);const f=[];for(let i=0;i<S;i++)f.push(le(o[i]));const v=Math.max(2,Math.min(S,(u==null?void 0:u.length)??2));return{arr:f,count:v}},j=({className:u,dpr:o,paused:f=!1,gradientColors:v,angle:i=0,noise:b=.3,blindCount:p=16,blindMinWidth:R=60,mouseDampening:M=.15,mirrorGradient:A=!1,spotlightRadius:D=.5,spotlightSoftness:E=1,spotlightOpacity:G=1,distortAmount:O=0,shineDirection:T="left",mixBlendMode:I="lighten"})=>{const P=l.useRef(null),y=l.useRef(null),w=l.useRef(null),g=l.useRef(null),F=l.useRef(null),V=l.useRef(null),_=l.useRef([0,0]),h=l.useRef(0),N=l.useRef(!0);return l.useEffect(()=>{const m=P.current;if(!m)return;const C=new te({dpr:o??(typeof window<"u"&&window.devicePixelRatio||1),alpha:!0,antialias:!0});V.current=C;const n=C.gl,a=n.canvas;a.style.width="100%",a.style.height="100%",a.style.display="block",m.appendChild(a);const J=`
1
+ import{r as l,j as ee}from"./iframe-BVoBDGkl.js";import{R as te,P as oe,M as re}from"./Mesh-CwXV3WjE.js";import{T as ue}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const ne={"gradient-blinds-container":"_gradient-blinds-container_g9mdv_1"},S=8,le=u=>{const o=u.replace("#","").padEnd(6,"0"),f=parseInt(o.slice(0,2),16)/255,v=parseInt(o.slice(2,4),16)/255,i=parseInt(o.slice(4,6),16)/255;return[f,v,i]},ae=u=>{const o=(u&&u.length?u:["#FF9FFC","#5227FF"]).slice(0,S);for(o.length===1&&o.push(o[0]);o.length<S;)o.push(o[o.length-1]);const f=[];for(let i=0;i<S;i++)f.push(le(o[i]));const v=Math.max(2,Math.min(S,(u==null?void 0:u.length)??2));return{arr:f,count:v}},j=({className:u,dpr:o,paused:f=!1,gradientColors:v,angle:i=0,noise:b=.3,blindCount:p=16,blindMinWidth:R=60,mouseDampening:M=.15,mirrorGradient:A=!1,spotlightRadius:D=.5,spotlightSoftness:E=1,spotlightOpacity:G=1,distortAmount:O=0,shineDirection:T="left",mixBlendMode:I="lighten"})=>{const P=l.useRef(null),y=l.useRef(null),w=l.useRef(null),g=l.useRef(null),F=l.useRef(null),V=l.useRef(null),_=l.useRef([0,0]),h=l.useRef(0),N=l.useRef(!0);return l.useEffect(()=>{const m=P.current;if(!m)return;const C=new te({dpr:o??(typeof window<"u"&&window.devicePixelRatio||1),alpha:!0,antialias:!0});V.current=C;const n=C.gl,a=n.canvas;a.style.width="100%",a.style.height="100%",a.style.display="block",m.appendChild(a);const J=`
2
2
  attribute vec2 position;
3
3
  attribute vec2 uv;
4
4
  varying vec2 vUv;
@@ -1,4 +1,4 @@
1
- import{r as s,j as d}from"./iframe-BINQyIZA.js";import{u as j}from"./use-motion-value-BhTz6p3H.js";import{u as k}from"./use-animation-frame-CMmmR1iu.js";import{u as S}from"./use-transform-4uLAGEjM.js";import{m as f}from"./proxy-D7-_CcFt.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-Cl-Ye_B1.js";const u={"animated-gradient-text":"_animated-gradient-text_ws0nc_1","with-border":"_with-border_ws0nc_17","gradient-overlay":"_gradient-overlay_ws0nc_21","text-content":"_text-content_ws0nc_47"};function b({children:$,className:w="",colors:m=["#5227FF","#FF9FFC","#B19EEF"],animationSpeed:p=8,showBorder:F=!1,direction:t="horizontal",pauseOnHover:n=!1,yoyo:g=!0}){const[z,h]=s.useState(!1),a=j(0),l=s.useRef(0),o=s.useRef(null),r=p*1e3;k(e=>{if(z){o.current=null;return}if(o.current===null){o.current=e;return}const B=e-o.current;if(o.current=e,l.current+=B,g){const R=r*2,c=l.current%R;c<r?a.set(c/r*100):a.set(100-(c-r)/r*100)}else a.set(l.current/r*100)}),s.useEffect(()=>{l.current=0,a.set(0)},[p,a,g]);const v=S(a,e=>t==="horizontal"?`${e}% 50%`:t==="vertical"?`50% ${e}%`:`${e}% 50%`),C=s.useCallback(()=>{n&&h(!0)},[n]),T=s.useCallback(()=>{n&&h(!1)},[n]),V=t==="horizontal"?"to right":t==="vertical"?"to bottom":"to bottom right",q=[...m,m[0]].join(", "),x={backgroundImage:`linear-gradient(${V}, ${q})`,backgroundSize:t==="horizontal"?"300% 100%":t==="vertical"?"100% 300%":"300% 300%",backgroundRepeat:"repeat"};return d.jsxs(f.div,{className:`${u["animated-gradient-text"]} ${F?u["with-border"]:""} ${w}`,onMouseEnter:C,onMouseLeave:T,children:[F&&d.jsx(f.div,{className:`${u["gradient-overlay"]}`,style:{...x,backgroundPosition:v}}),d.jsx(f.div,{className:`${u["text-content"]}`,style:{...x,backgroundPosition:v},children:$})]})}b.__docgenInfo={description:"",methods:[],displayName:"GradientText",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},colors:{defaultValue:{value:"['#5227FF', '#FF9FFC', '#B19EEF']",computed:!1},required:!1},animationSpeed:{defaultValue:{value:"8",computed:!1},required:!1},showBorder:{defaultValue:{value:"false",computed:!1},required:!1},direction:{defaultValue:{value:"'horizontal'",computed:!1},required:!1},pauseOnHover:{defaultValue:{value:"false",computed:!1},required:!1},yoyo:{defaultValue:{value:"true",computed:!1},required:!1}}};const H={title:"ReactBits/TextAnimations/GradientText",component:b,parameters:{layout:"fullscreen"}},i={args:{children:"Hello World",colors:["#5227FF","#FF9FFC","#B19EEF"],animationSpeed:8,showBorder:!1,direction:"horizontal",pauseOnHover:!1,yoyo:!0}};var _,y,E;i.parameters={...i.parameters,docs:{...(_=i.parameters)==null?void 0:_.docs,source:{originalSource:`{
1
+ import{r as s,j as d}from"./iframe-BVoBDGkl.js";import{u as j}from"./use-motion-value-Cruaf_HC.js";import{u as k}from"./use-animation-frame-BdekcKuM.js";import{u as S}from"./use-transform-I-in6IUD.js";import{m as f}from"./proxy-DTYfJ2to.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BPeKZQwM.js";const u={"animated-gradient-text":"_animated-gradient-text_ws0nc_1","with-border":"_with-border_ws0nc_17","gradient-overlay":"_gradient-overlay_ws0nc_21","text-content":"_text-content_ws0nc_47"};function b({children:$,className:w="",colors:m=["#5227FF","#FF9FFC","#B19EEF"],animationSpeed:p=8,showBorder:F=!1,direction:t="horizontal",pauseOnHover:n=!1,yoyo:g=!0}){const[z,h]=s.useState(!1),a=j(0),l=s.useRef(0),o=s.useRef(null),r=p*1e3;k(e=>{if(z){o.current=null;return}if(o.current===null){o.current=e;return}const B=e-o.current;if(o.current=e,l.current+=B,g){const R=r*2,c=l.current%R;c<r?a.set(c/r*100):a.set(100-(c-r)/r*100)}else a.set(l.current/r*100)}),s.useEffect(()=>{l.current=0,a.set(0)},[p,a,g]);const v=S(a,e=>t==="horizontal"?`${e}% 50%`:t==="vertical"?`50% ${e}%`:`${e}% 50%`),C=s.useCallback(()=>{n&&h(!0)},[n]),T=s.useCallback(()=>{n&&h(!1)},[n]),V=t==="horizontal"?"to right":t==="vertical"?"to bottom":"to bottom right",q=[...m,m[0]].join(", "),x={backgroundImage:`linear-gradient(${V}, ${q})`,backgroundSize:t==="horizontal"?"300% 100%":t==="vertical"?"100% 300%":"300% 300%",backgroundRepeat:"repeat"};return d.jsxs(f.div,{className:`${u["animated-gradient-text"]} ${F?u["with-border"]:""} ${w}`,onMouseEnter:C,onMouseLeave:T,children:[F&&d.jsx(f.div,{className:`${u["gradient-overlay"]}`,style:{...x,backgroundPosition:v}}),d.jsx(f.div,{className:`${u["text-content"]}`,style:{...x,backgroundPosition:v},children:$})]})}b.__docgenInfo={description:"",methods:[],displayName:"GradientText",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},colors:{defaultValue:{value:"['#5227FF', '#FF9FFC', '#B19EEF']",computed:!1},required:!1},animationSpeed:{defaultValue:{value:"8",computed:!1},required:!1},showBorder:{defaultValue:{value:"false",computed:!1},required:!1},direction:{defaultValue:{value:"'horizontal'",computed:!1},required:!1},pauseOnHover:{defaultValue:{value:"false",computed:!1},required:!1},yoyo:{defaultValue:{value:"true",computed:!1},required:!1}}};const H={title:"ReactBits/TextAnimations/GradientText",component:b,parameters:{layout:"fullscreen"}},i={args:{children:"Hello World",colors:["#5227FF","#FF9FFC","#B19EEF"],animationSpeed:8,showBorder:!1,direction:"horizontal",pauseOnHover:!1,yoyo:!0}};var _,y,E;i.parameters={...i.parameters,docs:{...(_=i.parameters)==null?void 0:_.docs,source:{originalSource:`{
2
2
  args: {
3
3
  children: 'Hello World',
4
4
  colors: ['#5227FF', '#FF9FFC', '#B19EEF'],
@@ -1,4 +1,4 @@
1
- import{r as I,j as L}from"./iframe-BINQyIZA.js";import{R as Y,P as $,M as H}from"./Mesh-CwXV3WjE.js";import{T as J}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const c=t=>{const e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return e?[parseInt(e[1],16)/255,parseInt(e[2],16)/255,parseInt(e[3],16)/255]:[1,1,1]},K=`#version 300 es
1
+ import{r as I,j as L}from"./iframe-BVoBDGkl.js";import{R as Y,P as $,M as H}from"./Mesh-CwXV3WjE.js";import{T as J}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const c=t=>{const e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return e?[parseInt(e[1],16)/255,parseInt(e[2],16)/255,parseInt(e[3],16)/255]:[1,1,1]},K=`#version 300 es
2
2
  in vec2 position;
3
3
  void main() {
4
4
  gl_Position = vec4(position, 0.0, 1.0);
@@ -1,4 +1,4 @@
1
- import{r as n,j as t}from"./iframe-BINQyIZA.js";import{g as m}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const k="_noscroll_11mq5_1",D="_intro_11mq5_7",N="_row_11mq5_43",C="_row__item_11mq5_50",A="_fullview_11mq5_84",s={noscroll:k,intro:D,"gridMotion-container":"_gridMotion-container_11mq5_29",row:N,row__item:C,"row__item-inner":"_row__item-inner_11mq5_54","row__item-img":"_row__item-img_11mq5_68","row__item-content":"_row__item-content_11mq5_78",fullview:A},x=({items:a=[],gradientColor:j="black"})=>{const q=n.useRef(null),d=n.useRef([]),u=n.useRef(window.innerWidth/2),h=28,b=Array.from({length:h},(r,e)=>`Item ${e+1}`),y=a.length>0?a.slice(0,h):b;return n.useEffect(()=>{m.ticker.lagSmoothing(0);const r=o=>{u.current=o.clientX},e=()=>{const l=[.6,.4,.3,.2];d.current.forEach((_,g)=>{if(_){const M=g%2===0?1:-1,$=(u.current/window.innerWidth*300-300/2)*M;m.to(_,{x:$,duration:.8+l[g%l.length],ease:"power3.out",overwrite:"auto"})}})},p=m.ticker.add(e);return window.addEventListener("mousemove",r),()=>{window.removeEventListener("mousemove",r),p()}},[]),t.jsx("div",{className:`${s.noscroll} loading`,ref:q,children:t.jsxs("section",{className:`${s.intro}`,style:{background:`radial-gradient(circle, ${j} 0%, transparent 100%)`},children:[t.jsx("div",{className:`${s["gridMotion-container"]}`,children:[...Array(4)].map((r,e)=>t.jsx("div",{className:`${s.row}`,ref:p=>d.current[e]=p,children:[...Array(7)].map((p,o)=>{const i=y[e*7+o];return t.jsx("div",{className:`${s.row__item}`,children:t.jsx("div",{className:`${s["row__item-inner"]}`,style:{backgroundColor:"#111"},children:typeof i=="string"&&i.startsWith("http")?t.jsx("div",{className:`${s["row__item-img"]}`,style:{backgroundImage:`url(${i})`}}):t.jsx("div",{className:`${s["row__item-content"]}`,children:i})})},o)})},e))}),t.jsx("div",{className:`${s.fullview}`})]})})};x.__docgenInfo={description:"",methods:[],displayName:"GridMotion",props:{items:{defaultValue:{value:"[]",computed:!1},required:!1},gradientColor:{defaultValue:{value:"'black'",computed:!1},required:!1}}};const I={title:"ReactBits/Backgrounds/GridMotion",component:x,parameters:{layout:"fullscreen"}},c={args:{items:["https://picsum.photos/seed/a/300/300","https://picsum.photos/seed/b/300/300","Design","https://picsum.photos/seed/c/300/300","Code","https://picsum.photos/seed/d/300/300","Create","https://picsum.photos/seed/e/300/300","Build","https://picsum.photos/seed/f/300/300","https://picsum.photos/seed/g/300/300","Ship","https://picsum.photos/seed/h/300/300","Launch","https://picsum.photos/seed/i/300/300","https://picsum.photos/seed/j/300/300","Iterate","https://picsum.photos/seed/k/300/300","Scale","https://picsum.photos/seed/l/300/300","https://picsum.photos/seed/m/300/300","Deploy","https://picsum.photos/seed/n/300/300","Test","https://picsum.photos/seed/o/300/300","https://picsum.photos/seed/p/300/300","Debug","https://picsum.photos/seed/q/300/300"],gradientColor:"#060010"}};var f,w,v;c.parameters={...c.parameters,docs:{...(f=c.parameters)==null?void 0:f.docs,source:{originalSource:`{
1
+ import{r as n,j as t}from"./iframe-BVoBDGkl.js";import{g as m}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const k="_noscroll_11mq5_1",D="_intro_11mq5_7",N="_row_11mq5_43",C="_row__item_11mq5_50",A="_fullview_11mq5_84",s={noscroll:k,intro:D,"gridMotion-container":"_gridMotion-container_11mq5_29",row:N,row__item:C,"row__item-inner":"_row__item-inner_11mq5_54","row__item-img":"_row__item-img_11mq5_68","row__item-content":"_row__item-content_11mq5_78",fullview:A},x=({items:a=[],gradientColor:j="black"})=>{const q=n.useRef(null),d=n.useRef([]),u=n.useRef(window.innerWidth/2),h=28,b=Array.from({length:h},(r,e)=>`Item ${e+1}`),y=a.length>0?a.slice(0,h):b;return n.useEffect(()=>{m.ticker.lagSmoothing(0);const r=o=>{u.current=o.clientX},e=()=>{const l=[.6,.4,.3,.2];d.current.forEach((_,g)=>{if(_){const M=g%2===0?1:-1,$=(u.current/window.innerWidth*300-300/2)*M;m.to(_,{x:$,duration:.8+l[g%l.length],ease:"power3.out",overwrite:"auto"})}})},p=m.ticker.add(e);return window.addEventListener("mousemove",r),()=>{window.removeEventListener("mousemove",r),p()}},[]),t.jsx("div",{className:`${s.noscroll} loading`,ref:q,children:t.jsxs("section",{className:`${s.intro}`,style:{background:`radial-gradient(circle, ${j} 0%, transparent 100%)`},children:[t.jsx("div",{className:`${s["gridMotion-container"]}`,children:[...Array(4)].map((r,e)=>t.jsx("div",{className:`${s.row}`,ref:p=>d.current[e]=p,children:[...Array(7)].map((p,o)=>{const i=y[e*7+o];return t.jsx("div",{className:`${s.row__item}`,children:t.jsx("div",{className:`${s["row__item-inner"]}`,style:{backgroundColor:"#111"},children:typeof i=="string"&&i.startsWith("http")?t.jsx("div",{className:`${s["row__item-img"]}`,style:{backgroundImage:`url(${i})`}}):t.jsx("div",{className:`${s["row__item-content"]}`,children:i})})},o)})},e))}),t.jsx("div",{className:`${s.fullview}`})]})})};x.__docgenInfo={description:"",methods:[],displayName:"GridMotion",props:{items:{defaultValue:{value:"[]",computed:!1},required:!1},gradientColor:{defaultValue:{value:"'black'",computed:!1},required:!1}}};const I={title:"ReactBits/Backgrounds/GridMotion",component:x,parameters:{layout:"fullscreen"}},c={args:{items:["https://picsum.photos/seed/a/300/300","https://picsum.photos/seed/b/300/300","Design","https://picsum.photos/seed/c/300/300","Code","https://picsum.photos/seed/d/300/300","Create","https://picsum.photos/seed/e/300/300","Build","https://picsum.photos/seed/f/300/300","https://picsum.photos/seed/g/300/300","Ship","https://picsum.photos/seed/h/300/300","Launch","https://picsum.photos/seed/i/300/300","https://picsum.photos/seed/j/300/300","Iterate","https://picsum.photos/seed/k/300/300","Scale","https://picsum.photos/seed/l/300/300","https://picsum.photos/seed/m/300/300","Deploy","https://picsum.photos/seed/n/300/300","Test","https://picsum.photos/seed/o/300/300","https://picsum.photos/seed/p/300/300","Debug","https://picsum.photos/seed/q/300/300"],gradientColor:"#060010"}};var f,w,v;c.parameters={...c.parameters,docs:{...(f=c.parameters)==null?void 0:f.docs,source:{originalSource:`{
2
2
  args: {
3
3
  items: ['https://picsum.photos/seed/a/300/300', 'https://picsum.photos/seed/b/300/300', 'Design', 'https://picsum.photos/seed/c/300/300', 'Code', 'https://picsum.photos/seed/d/300/300', 'Create', 'https://picsum.photos/seed/e/300/300', 'Build', 'https://picsum.photos/seed/f/300/300', 'https://picsum.photos/seed/g/300/300', 'Ship', 'https://picsum.photos/seed/h/300/300', 'Launch', 'https://picsum.photos/seed/i/300/300', 'https://picsum.photos/seed/j/300/300', 'Iterate', 'https://picsum.photos/seed/k/300/300', 'Scale', 'https://picsum.photos/seed/l/300/300', 'https://picsum.photos/seed/m/300/300', 'Deploy', 'https://picsum.photos/seed/n/300/300', 'Test', 'https://picsum.photos/seed/o/300/300', 'https://picsum.photos/seed/p/300/300', 'Debug', 'https://picsum.photos/seed/q/300/300'],
4
4
  gradientColor: '#060010'
@@ -1,4 +1,4 @@
1
- import{r as o,j as a}from"./iframe-BINQyIZA.js";import{A as Re}from"./index-DnyCC_gr.js";import{m as x}from"./proxy-D7-_CcFt.js";import{c as w}from"./createLucideIcon-BGbQGOSA.js";import{C as qe}from"./chevron-right-NGhk9HrW.js";import{D as Ve}from"./download-B0dViQRT.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-Cl-Ye_B1.js";/**
1
+ import{r as o,j as a}from"./iframe-BVoBDGkl.js";import{A as Re}from"./index-DufMyQUu.js";import{m as x}from"./proxy-DTYfJ2to.js";import{c as w}from"./createLucideIcon-DaHCgKFX.js";import{C as qe}from"./chevron-right-wsLgLx3I.js";import{D as Ve}from"./download--Xa2UKO-.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BPeKZQwM.js";/**
2
2
  * @license lucide-react v0.539.0 - ISC
3
3
  *
4
4
  * This source code is licensed under the ISC license.
@@ -1,4 +1,4 @@
1
- import{r as m,j as T}from"./iframe-BINQyIZA.js";import{R as q,P as F,M as I}from"./Mesh-CwXV3WjE.js";import{T as L}from"./Triangle-64ffRKNB.js";import{C as v}from"./Color-YRkaOI4u.js";import"./preload-helper-C1FmrZbK.js";const z={"iridescence-container":"_iridescence-container_rru4w_1"},B=`
1
+ import{r as m,j as T}from"./iframe-BVoBDGkl.js";import{R as q,P as F,M as I}from"./Mesh-CwXV3WjE.js";import{T as L}from"./Triangle-64ffRKNB.js";import{C as v}from"./Color-YRkaOI4u.js";import"./preload-helper-C1FmrZbK.js";const z={"iridescence-container":"_iridescence-container_rru4w_1"},B=`
2
2
  attribute vec2 uv;
3
3
  attribute vec2 position;
4
4
 
@@ -1,4 +1,4 @@
1
- import{r as l,j as ye}from"./iframe-BINQyIZA.js";import{W as Me,s as De,S as be,a as Pe,h as We,t as Ie,e as me,u as Ce,v as Ve,w as He,M as Xe,f as Be,d as pe}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const Ne={"laser-flow-container":"_laser-flow-container_f5ui5_1"},qe=`
1
+ import{r as l,j as ye}from"./iframe-BVoBDGkl.js";import{W as Me,s as De,S as be,a as Pe,h as We,t as Ie,e as me,u as Ce,v as Ve,w as He,M as Xe,f as Be,d as pe}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const Ne={"laser-flow-container":"_laser-flow-container_f5ui5_1"},qe=`
2
2
  precision highp float;
3
3
  attribute vec3 position;
4
4
  void main(){
@@ -1 +1 @@
1
- import{r as a,j as d}from"./iframe-BINQyIZA.js";import"./preload-helper-C1FmrZbK.js";const $=({glitchColors:w=["#2b4539","#61dca3","#61b3dc"],className:q="",glitchSpeed:R=50,centerVignette:A=!1,outerVignette:z=!0,smooth:h=!0,characters:B="ABCDEFGHIJKLMNOPQRSTUVWXYZ!@#$&*()-_+=/[]{};:<>.,0123456789"})=>{const i=a.useRef(null),g=a.useRef(null),n=a.useRef([]),m=a.useRef({columns:0,rows:0}),l=a.useRef(null),x=a.useRef(Date.now()),y=Array.from(B),G=16,M=10,C=20,E=()=>y[Math.floor(Math.random()*y.length)],p=()=>w[Math.floor(Math.random()*w.length)],V=e=>{const r=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;e=e.replace(r,(o,s,c,u)=>s+s+c+c+u+u);const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null},j=(e,r,t)=>{const o={r:Math.round(e.r+(r.r-e.r)*t),g:Math.round(e.g+(r.g-e.g)*t),b:Math.round(e.b+(r.b-e.b)*t)};return`rgb(${o.r}, ${o.g}, ${o.b})`},D=(e,r)=>{const t=Math.ceil(e/M),o=Math.ceil(r/C);return{columns:t,rows:o}},I=(e,r)=>{m.current={columns:e,rows:r};const t=e*r;n.current=Array.from({length:t},()=>({char:E(),color:p(),targetColor:p(),colorProgress:1}))},L=()=>{const e=i.current;if(!e)return;const r=e.parentElement;if(!r)return;const t=window.devicePixelRatio||1,o=r.getBoundingClientRect();e.width=o.width*t,e.height=o.height*t,e.style.width=`${o.width}px`,e.style.height=`${o.height}px`,l.current&&l.current.setTransform(t,0,0,t,0,0);const{columns:s,rows:c}=D(o.width,o.height);I(s,c),b()},b=()=>{if(!l.current||n.current.length===0)return;const e=l.current,{width:r,height:t}=i.current.getBoundingClientRect();e.clearRect(0,0,r,t),e.font=`${G}px monospace`,e.textBaseline="top",n.current.forEach((o,s)=>{const c=s%m.current.columns*M,u=Math.floor(s/m.current.columns)*C;e.fillStyle=o.color,e.fillText(o.char,c,u)})},_=()=>{if(!n.current||n.current.length===0)return;const e=Math.max(1,Math.floor(n.current.length*.05));for(let r=0;r<e;r++){const t=Math.floor(Math.random()*n.current.length);n.current[t]&&(n.current[t].char=E(),n.current[t].targetColor=p(),h?n.current[t].colorProgress=0:(n.current[t].color=n.current[t].targetColor,n.current[t].colorProgress=1))}},k=()=>{let e=!1;n.current.forEach(r=>{if(r.colorProgress<1){r.colorProgress+=.05,r.colorProgress>1&&(r.colorProgress=1);const t=V(r.color),o=V(r.targetColor);t&&o&&(r.color=j(t,o,r.colorProgress),e=!0)}}),e&&b()},v=()=>{const e=Date.now();e-x.current>=R&&(_(),b(),x.current=e),h&&k(),g.current=requestAnimationFrame(v)};a.useEffect(()=>{const e=i.current;if(!e)return;l.current=e.getContext("2d"),L(),v();let r;const t=()=>{clearTimeout(r),r=setTimeout(()=>{cancelAnimationFrame(g.current),L(),v()},100)};return window.addEventListener("resize",t),()=>{cancelAnimationFrame(g.current),window.removeEventListener("resize",t)}},[R,h]);const F={position:"relative",width:"100%",height:"100%",backgroundColor:"#000000",overflow:"hidden"},N={display:"block",width:"100%",height:"100%"},H={position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",background:"radial-gradient(circle, rgba(0,0,0,0) 60%, rgba(0,0,0,1) 100%)"},O={position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",background:"radial-gradient(circle, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%)"};return d.jsxs("div",{style:F,className:q,children:[d.jsx("canvas",{ref:i,style:N}),z&&d.jsx("div",{style:H}),A&&d.jsx("div",{style:O})]})};$.__docgenInfo={description:"",methods:[],displayName:"LetterGlitch",props:{glitchColors:{defaultValue:{value:"['#2b4539', '#61dca3', '#61b3dc']",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},glitchSpeed:{defaultValue:{value:"50",computed:!1},required:!1},centerVignette:{defaultValue:{value:"false",computed:!1},required:!1},outerVignette:{defaultValue:{value:"true",computed:!1},required:!1},smooth:{defaultValue:{value:"true",computed:!1},required:!1},characters:{defaultValue:{value:"'ABCDEFGHIJKLMNOPQRSTUVWXYZ!@#$&*()-_+=/[]{};:<>.,0123456789'",computed:!1},required:!1}}};const K={title:"ReactBits/Backgrounds/LetterGlitch",component:$,parameters:{layout:"fullscreen"}},f={};var P,S,T;f.parameters={...f.parameters,docs:{...(P=f.parameters)==null?void 0:P.docs,source:{originalSource:"{}",...(T=(S=f.parameters)==null?void 0:S.docs)==null?void 0:T.source}}};const Q=["Default"];export{f as Default,Q as __namedExportsOrder,K as default};
1
+ import{r as a,j as d}from"./iframe-BVoBDGkl.js";import"./preload-helper-C1FmrZbK.js";const $=({glitchColors:w=["#2b4539","#61dca3","#61b3dc"],className:q="",glitchSpeed:R=50,centerVignette:A=!1,outerVignette:z=!0,smooth:h=!0,characters:B="ABCDEFGHIJKLMNOPQRSTUVWXYZ!@#$&*()-_+=/[]{};:<>.,0123456789"})=>{const i=a.useRef(null),g=a.useRef(null),n=a.useRef([]),m=a.useRef({columns:0,rows:0}),l=a.useRef(null),x=a.useRef(Date.now()),y=Array.from(B),G=16,M=10,C=20,E=()=>y[Math.floor(Math.random()*y.length)],p=()=>w[Math.floor(Math.random()*w.length)],V=e=>{const r=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;e=e.replace(r,(o,s,c,u)=>s+s+c+c+u+u);const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null},j=(e,r,t)=>{const o={r:Math.round(e.r+(r.r-e.r)*t),g:Math.round(e.g+(r.g-e.g)*t),b:Math.round(e.b+(r.b-e.b)*t)};return`rgb(${o.r}, ${o.g}, ${o.b})`},D=(e,r)=>{const t=Math.ceil(e/M),o=Math.ceil(r/C);return{columns:t,rows:o}},I=(e,r)=>{m.current={columns:e,rows:r};const t=e*r;n.current=Array.from({length:t},()=>({char:E(),color:p(),targetColor:p(),colorProgress:1}))},L=()=>{const e=i.current;if(!e)return;const r=e.parentElement;if(!r)return;const t=window.devicePixelRatio||1,o=r.getBoundingClientRect();e.width=o.width*t,e.height=o.height*t,e.style.width=`${o.width}px`,e.style.height=`${o.height}px`,l.current&&l.current.setTransform(t,0,0,t,0,0);const{columns:s,rows:c}=D(o.width,o.height);I(s,c),b()},b=()=>{if(!l.current||n.current.length===0)return;const e=l.current,{width:r,height:t}=i.current.getBoundingClientRect();e.clearRect(0,0,r,t),e.font=`${G}px monospace`,e.textBaseline="top",n.current.forEach((o,s)=>{const c=s%m.current.columns*M,u=Math.floor(s/m.current.columns)*C;e.fillStyle=o.color,e.fillText(o.char,c,u)})},_=()=>{if(!n.current||n.current.length===0)return;const e=Math.max(1,Math.floor(n.current.length*.05));for(let r=0;r<e;r++){const t=Math.floor(Math.random()*n.current.length);n.current[t]&&(n.current[t].char=E(),n.current[t].targetColor=p(),h?n.current[t].colorProgress=0:(n.current[t].color=n.current[t].targetColor,n.current[t].colorProgress=1))}},k=()=>{let e=!1;n.current.forEach(r=>{if(r.colorProgress<1){r.colorProgress+=.05,r.colorProgress>1&&(r.colorProgress=1);const t=V(r.color),o=V(r.targetColor);t&&o&&(r.color=j(t,o,r.colorProgress),e=!0)}}),e&&b()},v=()=>{const e=Date.now();e-x.current>=R&&(_(),b(),x.current=e),h&&k(),g.current=requestAnimationFrame(v)};a.useEffect(()=>{const e=i.current;if(!e)return;l.current=e.getContext("2d"),L(),v();let r;const t=()=>{clearTimeout(r),r=setTimeout(()=>{cancelAnimationFrame(g.current),L(),v()},100)};return window.addEventListener("resize",t),()=>{cancelAnimationFrame(g.current),window.removeEventListener("resize",t)}},[R,h]);const F={position:"relative",width:"100%",height:"100%",backgroundColor:"#000000",overflow:"hidden"},N={display:"block",width:"100%",height:"100%"},H={position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",background:"radial-gradient(circle, rgba(0,0,0,0) 60%, rgba(0,0,0,1) 100%)"},O={position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",background:"radial-gradient(circle, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%)"};return d.jsxs("div",{style:F,className:q,children:[d.jsx("canvas",{ref:i,style:N}),z&&d.jsx("div",{style:H}),A&&d.jsx("div",{style:O})]})};$.__docgenInfo={description:"",methods:[],displayName:"LetterGlitch",props:{glitchColors:{defaultValue:{value:"['#2b4539', '#61dca3', '#61b3dc']",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},glitchSpeed:{defaultValue:{value:"50",computed:!1},required:!1},centerVignette:{defaultValue:{value:"false",computed:!1},required:!1},outerVignette:{defaultValue:{value:"true",computed:!1},required:!1},smooth:{defaultValue:{value:"true",computed:!1},required:!1},characters:{defaultValue:{value:"'ABCDEFGHIJKLMNOPQRSTUVWXYZ!@#$&*()-_+=/[]{};:<>.,0123456789'",computed:!1},required:!1}}};const K={title:"ReactBits/Backgrounds/LetterGlitch",component:$,parameters:{layout:"fullscreen"}},f={};var P,S,T;f.parameters={...f.parameters,docs:{...(P=f.parameters)==null?void 0:P.docs,source:{originalSource:"{}",...(T=(S=f.parameters)==null?void 0:S.docs)==null?void 0:T.source}}};const Q=["Default"];export{f as Default,Q as __namedExportsOrder,K as default};
@@ -1,4 +1,4 @@
1
- import{r as t,j as K}from"./iframe-BINQyIZA.js";import{d as Z,S as de,a as ve,W as pe,i as he,q as ge,M as Re,n as b,e as _}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const ee={"light-pillar-fallback":"_light-pillar-fallback_pgugz_1","light-pillar-container":"_light-pillar-container_pgugz_15"},oe=({topColor:C="#5227FF",bottomColor:x="#FF9FFC",intensity:S=1,rotationSpeed:y=.3,interactive:l=!1,className:z="",glowAmount:P=.005,pillarWidth:M=3,pillarHeight:E=.4,noiseIntensity:F=.5,mixBlendMode:V="screen",pillarRotation:q=0,quality:p="high"})=>{const s=t.useRef(null),f=t.useRef(null),o=t.useRef(null),e=t.useRef(null),h=t.useRef(null),g=t.useRef(null),R=t.useRef(null),L=t.useRef(new Z(0,0)),A=t.useRef(0),B=t.useRef(y),[I,k]=t.useState(!0);return t.useEffect(()=>{const r=document.createElement("canvas");r.getContext("webgl")||r.getContext("experimental-webgl")||k(!1)},[]),t.useEffect(()=>{if(!s.current||!I)return;const r=s.current,a=r.clientWidth,i=r.clientHeight,G=new de;h.current=G;const ue=new ve(-1,1,1,-1,0,1);g.current=ue;const N=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),ie=N||navigator.hardwareConcurrency&&navigator.hardwareConcurrency<=4;let m=p;ie&&p==="high"&&(m="medium"),N&&p!=="low"&&(m="low");const j={low:{iterations:24,waveIterations:1,pixelRatio:.5,precision:"mediump",stepMultiplier:1.5},medium:{iterations:40,waveIterations:2,pixelRatio:.65,precision:"mediump",stepMultiplier:1.2},high:{iterations:80,waveIterations:4,pixelRatio:Math.min(window.devicePixelRatio,2),precision:"highp",stepMultiplier:1}},c=j[m]||j.medium;let d;try{d=new pe({antialias:!1,alpha:!0,powerPreference:m==="high"?"high-performance":"low-power",precision:c.precision,stencil:!1,depth:!1})}catch{k(!1);return}d.setSize(a,i),d.setPixelRatio(c.pixelRatio),r.appendChild(d.domElement),o.current=d;const H=u=>{const n=new b(u);return new _(n.r,n.g,n.b)},ae=`
1
+ import{r as t,j as K}from"./iframe-BVoBDGkl.js";import{d as Z,S as de,a as ve,W as pe,i as he,q as ge,M as Re,n as b,e as _}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const ee={"light-pillar-fallback":"_light-pillar-fallback_pgugz_1","light-pillar-container":"_light-pillar-container_pgugz_15"},oe=({topColor:C="#5227FF",bottomColor:x="#FF9FFC",intensity:S=1,rotationSpeed:y=.3,interactive:l=!1,className:z="",glowAmount:P=.005,pillarWidth:M=3,pillarHeight:E=.4,noiseIntensity:F=.5,mixBlendMode:V="screen",pillarRotation:q=0,quality:p="high"})=>{const s=t.useRef(null),f=t.useRef(null),o=t.useRef(null),e=t.useRef(null),h=t.useRef(null),g=t.useRef(null),R=t.useRef(null),L=t.useRef(new Z(0,0)),A=t.useRef(0),B=t.useRef(y),[I,k]=t.useState(!0);return t.useEffect(()=>{const r=document.createElement("canvas");r.getContext("webgl")||r.getContext("experimental-webgl")||k(!1)},[]),t.useEffect(()=>{if(!s.current||!I)return;const r=s.current,a=r.clientWidth,i=r.clientHeight,G=new de;h.current=G;const ue=new ve(-1,1,1,-1,0,1);g.current=ue;const N=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),ie=N||navigator.hardwareConcurrency&&navigator.hardwareConcurrency<=4;let m=p;ie&&p==="high"&&(m="medium"),N&&p!=="low"&&(m="low");const j={low:{iterations:24,waveIterations:1,pixelRatio:.5,precision:"mediump",stepMultiplier:1.5},medium:{iterations:40,waveIterations:2,pixelRatio:.65,precision:"mediump",stepMultiplier:1.2},high:{iterations:80,waveIterations:4,pixelRatio:Math.min(window.devicePixelRatio,2),precision:"highp",stepMultiplier:1}},c=j[m]||j.medium;let d;try{d=new pe({antialias:!1,alpha:!0,powerPreference:m==="high"?"high-performance":"low-power",precision:c.precision,stencil:!1,depth:!1})}catch{k(!1);return}d.setSize(a,i),d.setPixelRatio(c.pixelRatio),r.appendChild(d.domElement),o.current=d;const H=u=>{const n=new b(u);return new _(n.r,n.g,n.b)},ae=`
2
2
  varying vec2 vUv;
3
3
  void main() {
4
4
  vUv = uv;
@@ -1,4 +1,4 @@
1
- import{r as n,j as J}from"./iframe-BINQyIZA.js";import{R as K,P as Q,M as Z}from"./Mesh-CwXV3WjE.js";import{T as ee}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const re="#ffffff",W=l=>{const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(l);return t?[parseInt(t[1],16)/255,parseInt(t[2],16)/255,parseInt(t[3],16)/255]:[1,1,1]},B=(l,t,a)=>{switch(l){case"top-left":return{anchor:[0,-.2*a],dir:[0,1]};case"top-right":return{anchor:[t,-.2*a],dir:[0,1]};case"left":return{anchor:[-.2*t,.5*a],dir:[1,0]};case"right":return{anchor:[(1+.2)*t,.5*a],dir:[-1,0]};case"bottom-left":return{anchor:[0,(1+.2)*a],dir:[0,-1]};case"bottom-center":return{anchor:[.5*t,(1+.2)*a],dir:[0,-1]};case"bottom-right":return{anchor:[t,(1+.2)*a],dir:[0,-1]};default:return{anchor:[.5*t,-.2*a],dir:[0,1]}}},j=({raysOrigin:l="top-center",raysColor:t=re,raysSpeed:a=1,lightSpread:g=1,rayLength:C=2,pulsating:S=!1,fadeDistance:D=1,saturation:b=1,followMouse:w=!0,mouseInfluence:p=.1,noiseAmount:A=0,distortion:P=0,className:H=""})=>{const o=n.useRef(null),h=n.useRef(null),d=n.useRef(null),T=n.useRef({x:.5,y:.5}),m=n.useRef({x:.5,y:.5}),y=n.useRef(null),E=n.useRef(null),f=n.useRef(null),[I,$]=n.useState(!1),R=n.useRef(null);return n.useEffect(()=>{if(o.current)return R.current=new IntersectionObserver(e=>{const r=e[0];$(r.isIntersecting)},{threshold:.1}),R.current.observe(o.current),()=>{R.current&&(R.current.disconnect(),R.current=null)}},[]),n.useEffect(()=>!I||!o.current?void 0:(f.current&&(f.current(),f.current=null),(async()=>{if(!o.current||(await new Promise(i=>setTimeout(i,10)),!o.current))return;const r=new K({dpr:Math.min(window.devicePixelRatio,2),alpha:!0});d.current=r;const s=r.gl;for(s.canvas.style.width="100%",s.canvas.style.height="100%";o.current.firstChild;)o.current.removeChild(o.current.firstChild);o.current.appendChild(s.canvas);const x=`
1
+ import{r as n,j as J}from"./iframe-BVoBDGkl.js";import{R as K,P as Q,M as Z}from"./Mesh-CwXV3WjE.js";import{T as ee}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const re="#ffffff",W=l=>{const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(l);return t?[parseInt(t[1],16)/255,parseInt(t[2],16)/255,parseInt(t[3],16)/255]:[1,1,1]},B=(l,t,a)=>{switch(l){case"top-left":return{anchor:[0,-.2*a],dir:[0,1]};case"top-right":return{anchor:[t,-.2*a],dir:[0,1]};case"left":return{anchor:[-.2*t,.5*a],dir:[1,0]};case"right":return{anchor:[(1+.2)*t,.5*a],dir:[-1,0]};case"bottom-left":return{anchor:[0,(1+.2)*a],dir:[0,-1]};case"bottom-center":return{anchor:[.5*t,(1+.2)*a],dir:[0,-1]};case"bottom-right":return{anchor:[t,(1+.2)*a],dir:[0,-1]};default:return{anchor:[.5*t,-.2*a],dir:[0,1]}}},j=({raysOrigin:l="top-center",raysColor:t=re,raysSpeed:a=1,lightSpread:g=1,rayLength:C=2,pulsating:S=!1,fadeDistance:D=1,saturation:b=1,followMouse:w=!0,mouseInfluence:p=.1,noiseAmount:A=0,distortion:P=0,className:H=""})=>{const o=n.useRef(null),h=n.useRef(null),d=n.useRef(null),T=n.useRef({x:.5,y:.5}),m=n.useRef({x:.5,y:.5}),y=n.useRef(null),E=n.useRef(null),f=n.useRef(null),[I,$]=n.useState(!1),R=n.useRef(null);return n.useEffect(()=>{if(o.current)return R.current=new IntersectionObserver(e=>{const r=e[0];$(r.isIntersecting)},{threshold:.1}),R.current.observe(o.current),()=>{R.current&&(R.current.disconnect(),R.current=null)}},[]),n.useEffect(()=>!I||!o.current?void 0:(f.current&&(f.current(),f.current=null),(async()=>{if(!o.current||(await new Promise(i=>setTimeout(i,10)),!o.current))return;const r=new K({dpr:Math.min(window.devicePixelRatio,2),alpha:!0});d.current=r;const s=r.gl;for(s.canvas.style.width="100%",s.canvas.style.height="100%";o.current.firstChild;)o.current.removeChild(o.current.firstChild);o.current.appendChild(s.canvas);const x=`
2
2
  attribute vec2 position;
3
3
  varying vec2 vUv;
4
4
  void main() {
@@ -1,4 +1,4 @@
1
- import{r as S,j as V}from"./iframe-BINQyIZA.js";import"./preload-helper-C1FmrZbK.js";const q={"lightning-container":"_lightning-container_1iiur_1"},R=({hue:s=230,xOffset:c=0,speed:u=1,intensity:f=1,size:l=1})=>{const m=S.useRef(null);return S.useEffect(()=>{const o=m.current;if(!o)return;const a=()=>{o.width=o.clientWidth,o.height=o.clientHeight};a(),window.addEventListener("resize",a);const e=o.getContext("webgl");if(!e){console.error("WebGL not supported");return}const b=`
1
+ import{r as S,j as V}from"./iframe-BVoBDGkl.js";import"./preload-helper-C1FmrZbK.js";const q={"lightning-container":"_lightning-container_1iiur_1"},R=({hue:s=230,xOffset:c=0,speed:u=1,intensity:f=1,size:l=1})=>{const m=S.useRef(null);return S.useEffect(()=>{const o=m.current;if(!o)return;const a=()=>{o.width=o.clientWidth,o.height=o.clientHeight};a(),window.addEventListener("resize",a);const e=o.getContext("webgl");if(!e){console.error("WebGL not supported");return}const b=`
2
2
  attribute vec2 aPosition;
3
3
  void main() {
4
4
  gl_Position = vec4(aPosition, 0.0, 1.0);
@@ -1,4 +1,4 @@
1
- import{r as F,j as D}from"./iframe-BINQyIZA.js";import{R as P,P as Y,M as k}from"./Mesh-CwXV3WjE.js";import{T as z}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const N={"line-waves-container":"_line-waves-container_hnom3_1"};function p(r){const t=r.replace("#","");return[parseInt(t.slice(0,2),16)/255,parseInt(t.slice(2,4),16)/255,parseInt(t.slice(4,6),16)/255]}const O=`
1
+ import{r as F,j as D}from"./iframe-BVoBDGkl.js";import{R as P,P as Y,M as k}from"./Mesh-CwXV3WjE.js";import{T as z}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const N={"line-waves-container":"_line-waves-container_hnom3_1"};function p(r){const t=r.replace("#","");return[parseInt(t.slice(0,2),16)/255,parseInt(t.slice(2,4),16)/255,parseInt(t.slice(4,6),16)/255]}const O=`
2
2
  attribute vec2 uv;
3
3
  attribute vec2 position;
4
4
  varying vec2 vUv;
@@ -1,4 +1,4 @@
1
- import{r as R,j as U}from"./iframe-BINQyIZA.js";import{R as X,P as Y,M as V}from"./Mesh-CwXV3WjE.js";import{T as b}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const z={"liquidChrome-container":"_liquidChrome-container_19fmq_1"},_=({baseColor:d=[.1,.1,.1],speed:p=.2,amplitude:h=.3,frequencyX:g=3,frequencyY:y=3,interactive:s=!0,...A})=>{const l=R.useRef(null);return R.useEffect(()=>{if(!l.current)return;const n=l.current,c=new X({antialias:!0}),e=c.gl;e.clearColor(1,1,1,1);const L=`
1
+ import{r as R,j as U}from"./iframe-BVoBDGkl.js";import{R as X,P as Y,M as V}from"./Mesh-CwXV3WjE.js";import{T as b}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const z={"liquidChrome-container":"_liquidChrome-container_19fmq_1"},_=({baseColor:d=[.1,.1,.1],speed:p=.2,amplitude:h=.3,frequencyX:g=3,frequencyY:y=3,interactive:s=!0,...A})=>{const l=R.useRef(null);return R.useEffect(()=>{if(!l.current)return;const n=l.current,c=new X({antialias:!0}),e=c.gl;e.clearColor(1,1,1,1);const L=`
2
2
  attribute vec2 position;
3
3
  attribute vec2 uv;
4
4
  varying vec2 vUv;
@@ -1,4 +1,4 @@
1
- import{r as d,j as Me}from"./iframe-BINQyIZA.js";import{n as te,a6 as Ee,g as Ae,z as q,a7 as L,d as a,W as Re,f as ke,S as ie,C as se,M as $,q as j,v as I,u as Ve,H as Be,E as qe,k as Le,h as Ie,t as Oe,a8 as Ue,o as He}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const Ge={"liquid-ether-container":"_liquid-ether-container_596kf_1"};function ae({mouseForce:_=20,cursorSize:w=100,isViscous:b=!1,viscous:S=30,iterationsViscous:D=32,iterationsPoisson:T=32,dt:z=.014,BFECC:C=!0,resolution:f=.5,isBounce:F=!1,colors:J=["#5227FF","#FF9FFC","#B19EEF"],style:ue={},className:ce="",autoDemo:M=!0,autoSpeed:E=.5,autoIntensity:A=2.2,takeoverDuration:R=.25,autoResumeDelay:k=1e3,autoRampDuration:V=.6}){const U=d.useRef(null),u=d.useRef(null),H=d.useRef(null),p=d.useRef(null),G=d.useRef(null),K=d.useRef(!0),N=d.useRef(null);return d.useEffect(()=>{if(!U.current)return;function c(s){let e;Array.isArray(s)&&s.length>0?s.length===1?e=[s[0],s[0]]:e=s:e=["#ffffff","#ffffff"];const t=e.length,i=new Uint8Array(t*4);for(let o=0;o<t;o++){const l=new te(e[o]);i[o*4+0]=Math.round(l.r*255),i[o*4+1]=Math.round(l.g*255),i[o*4+2]=Math.round(l.b*255),i[o*4+3]=255}const r=new Ee(i,t,1,Ae);return r.magFilter=q,r.minFilter=q,r.wrapS=L,r.wrapT=L,r.generateMipmaps=!1,r.needsUpdate=!0,r}const m=c(J),X=new Ve(0,0,0,0);class B{constructor(){this.width=0,this.height=0,this.aspect=1,this.pixelRatio=1,this.isMobile=!1,this.breakpoint=768,this.fboWidth=null,this.fboHeight=null,this.time=0,this.delta=0,this.container=null,this.renderer=null,this.clock=null}init(e){this.container=e,this.pixelRatio=Math.min(window.devicePixelRatio||1,2),this.resize(),this.renderer=new Re({antialias:!0,alpha:!0}),this.renderer.autoClear=!1,this.renderer.setClearColor(new te(0),0),this.renderer.setPixelRatio(this.pixelRatio),this.renderer.setSize(this.width,this.height),this.renderer.domElement.style.width="100%",this.renderer.domElement.style.height="100%",this.renderer.domElement.style.display="block",this.clock=new ke,this.clock.start()}resize(){if(!this.container)return;const e=this.container.getBoundingClientRect();this.width=Math.max(1,Math.floor(e.width)),this.height=Math.max(1,Math.floor(e.height)),this.aspect=this.width/this.height,this.renderer&&this.renderer.setSize(this.width,this.height,!1)}update(){this.delta=this.clock.getDelta(),this.time+=this.delta}}const n=new B;class le{constructor(){this.mouseMoved=!1,this.coords=new a,this.coords_old=new a,this.diff=new a,this.timer=null,this.container=null,this.docTarget=null,this.listenerTarget=null,this.isHoverInside=!1,this.hasUserControl=!1,this.isAutoActive=!1,this.autoIntensity=2,this.takeoverActive=!1,this.takeoverStartTime=0,this.takeoverDuration=.25,this.takeoverFrom=new a,this.takeoverTo=new a,this.onInteract=null,this._onMouseMove=this.onDocumentMouseMove.bind(this),this._onTouchStart=this.onDocumentTouchStart.bind(this),this._onTouchMove=this.onDocumentTouchMove.bind(this),this._onTouchEnd=this.onTouchEnd.bind(this),this._onDocumentLeave=this.onDocumentLeave.bind(this)}init(e){this.container=e,this.docTarget=e.ownerDocument||null;const t=this.docTarget&&this.docTarget.defaultView||(typeof window<"u"?window:null);t&&(this.listenerTarget=t,this.listenerTarget.addEventListener("mousemove",this._onMouseMove),this.listenerTarget.addEventListener("touchstart",this._onTouchStart,{passive:!0}),this.listenerTarget.addEventListener("touchmove",this._onTouchMove,{passive:!0}),this.listenerTarget.addEventListener("touchend",this._onTouchEnd),this.docTarget&&this.docTarget.addEventListener("mouseleave",this._onDocumentLeave))}dispose(){this.listenerTarget&&(this.listenerTarget.removeEventListener("mousemove",this._onMouseMove),this.listenerTarget.removeEventListener("touchstart",this._onTouchStart),this.listenerTarget.removeEventListener("touchmove",this._onTouchMove),this.listenerTarget.removeEventListener("touchend",this._onTouchEnd)),this.docTarget&&this.docTarget.removeEventListener("mouseleave",this._onDocumentLeave),this.listenerTarget=null,this.docTarget=null,this.container=null}isPointInside(e,t){if(!this.container)return!1;const i=this.container.getBoundingClientRect();return i.width===0||i.height===0?!1:e>=i.left&&e<=i.right&&t>=i.top&&t<=i.bottom}updateHoverState(e,t){return this.isHoverInside=this.isPointInside(e,t),this.isHoverInside}setCoords(e,t){if(!this.container)return;this.timer&&window.clearTimeout(this.timer);const i=this.container.getBoundingClientRect();if(i.width===0||i.height===0)return;const r=(e-i.left)/i.width,o=(t-i.top)/i.height;this.coords.set(r*2-1,-(o*2-1)),this.mouseMoved=!0,this.timer=window.setTimeout(()=>{this.mouseMoved=!1},100)}setNormalized(e,t){this.coords.set(e,t),this.mouseMoved=!0}onDocumentMouseMove(e){if(this.updateHoverState(e.clientX,e.clientY)){if(this.onInteract&&this.onInteract(),this.isAutoActive&&!this.hasUserControl&&!this.takeoverActive){if(!this.container)return;const t=this.container.getBoundingClientRect();if(t.width===0||t.height===0)return;const i=(e.clientX-t.left)/t.width,r=(e.clientY-t.top)/t.height;this.takeoverFrom.copy(this.coords),this.takeoverTo.set(i*2-1,-(r*2-1)),this.takeoverStartTime=performance.now(),this.takeoverActive=!0,this.hasUserControl=!0,this.isAutoActive=!1;return}this.setCoords(e.clientX,e.clientY),this.hasUserControl=!0}}onDocumentTouchStart(e){if(e.touches.length!==1)return;const t=e.touches[0];this.updateHoverState(t.clientX,t.clientY)&&(this.onInteract&&this.onInteract(),this.setCoords(t.clientX,t.clientY),this.hasUserControl=!0)}onDocumentTouchMove(e){if(e.touches.length!==1)return;const t=e.touches[0];this.updateHoverState(t.clientX,t.clientY)&&(this.onInteract&&this.onInteract(),this.setCoords(t.clientX,t.clientY))}onTouchEnd(){this.isHoverInside=!1}onDocumentLeave(){this.isHoverInside=!1}update(){if(this.takeoverActive){const e=(performance.now()-this.takeoverStartTime)/(this.takeoverDuration*1e3);if(e>=1)this.takeoverActive=!1,this.coords.copy(this.takeoverTo),this.coords_old.copy(this.coords),this.diff.set(0,0);else{const t=e*e*(3-2*e);this.coords.copy(this.takeoverFrom).lerp(this.takeoverTo,t)}}this.diff.subVectors(this.coords,this.coords_old),this.coords_old.copy(this.coords),this.coords_old.x===0&&this.coords_old.y===0&&this.diff.set(0,0),this.isAutoActive&&!this.takeoverActive&&this.diff.multiplyScalar(this.autoIntensity)}}const h=new le;class he{constructor(e,t,i){this.mouse=e,this.manager=t,this.enabled=i.enabled,this.speed=i.speed,this.resumeDelay=i.resumeDelay||3e3,this.rampDurationMs=(i.rampDuration||0)*1e3,this.active=!1,this.current=new a(0,0),this.target=new a,this.lastTime=performance.now(),this.activationTime=0,this.margin=.2,this._tmpDir=new a,this.pickNewTarget()}pickNewTarget(){const e=Math.random;this.target.set((e()*2-1)*(1-this.margin),(e()*2-1)*(1-this.margin))}forceStop(){this.active=!1,this.mouse.isAutoActive=!1}update(){if(!this.enabled)return;const e=performance.now();if(e-this.manager.lastUserInteraction<this.resumeDelay){this.active&&this.forceStop();return}if(this.mouse.isHoverInside){this.active&&this.forceStop();return}if(this.active||(this.active=!0,this.current.copy(this.mouse.coords),this.lastTime=e,this.activationTime=e),!this.active)return;this.mouse.isAutoActive=!0;let i=(e-this.lastTime)/1e3;this.lastTime=e,i>.2&&(i=.016);const r=this._tmpDir.subVectors(this.target,this.current),o=r.length();if(o<.01){this.pickNewTarget();return}r.normalize();let l=1;if(this.rampDurationMs>0){const W=Math.min(1,(e-this.activationTime)/this.rampDurationMs);l=W*W*(3-2*W)}const Y=this.speed*i*l,x=Math.min(Y,o);this.current.addScaledVector(r,x),this.mouse.setNormalized(this.current.x,this.current.y)}}const g=`
1
+ import{r as d,j as Me}from"./iframe-BVoBDGkl.js";import{n as te,a6 as Ee,g as Ae,z as q,a7 as L,d as a,W as Re,f as ke,S as ie,C as se,M as $,q as j,v as I,u as Ve,H as Be,E as qe,k as Le,h as Ie,t as Oe,a8 as Ue,o as He}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const Ge={"liquid-ether-container":"_liquid-ether-container_596kf_1"};function ae({mouseForce:_=20,cursorSize:w=100,isViscous:b=!1,viscous:S=30,iterationsViscous:D=32,iterationsPoisson:T=32,dt:z=.014,BFECC:C=!0,resolution:f=.5,isBounce:F=!1,colors:J=["#5227FF","#FF9FFC","#B19EEF"],style:ue={},className:ce="",autoDemo:M=!0,autoSpeed:E=.5,autoIntensity:A=2.2,takeoverDuration:R=.25,autoResumeDelay:k=1e3,autoRampDuration:V=.6}){const U=d.useRef(null),u=d.useRef(null),H=d.useRef(null),p=d.useRef(null),G=d.useRef(null),K=d.useRef(!0),N=d.useRef(null);return d.useEffect(()=>{if(!U.current)return;function c(s){let e;Array.isArray(s)&&s.length>0?s.length===1?e=[s[0],s[0]]:e=s:e=["#ffffff","#ffffff"];const t=e.length,i=new Uint8Array(t*4);for(let o=0;o<t;o++){const l=new te(e[o]);i[o*4+0]=Math.round(l.r*255),i[o*4+1]=Math.round(l.g*255),i[o*4+2]=Math.round(l.b*255),i[o*4+3]=255}const r=new Ee(i,t,1,Ae);return r.magFilter=q,r.minFilter=q,r.wrapS=L,r.wrapT=L,r.generateMipmaps=!1,r.needsUpdate=!0,r}const m=c(J),X=new Ve(0,0,0,0);class B{constructor(){this.width=0,this.height=0,this.aspect=1,this.pixelRatio=1,this.isMobile=!1,this.breakpoint=768,this.fboWidth=null,this.fboHeight=null,this.time=0,this.delta=0,this.container=null,this.renderer=null,this.clock=null}init(e){this.container=e,this.pixelRatio=Math.min(window.devicePixelRatio||1,2),this.resize(),this.renderer=new Re({antialias:!0,alpha:!0}),this.renderer.autoClear=!1,this.renderer.setClearColor(new te(0),0),this.renderer.setPixelRatio(this.pixelRatio),this.renderer.setSize(this.width,this.height),this.renderer.domElement.style.width="100%",this.renderer.domElement.style.height="100%",this.renderer.domElement.style.display="block",this.clock=new ke,this.clock.start()}resize(){if(!this.container)return;const e=this.container.getBoundingClientRect();this.width=Math.max(1,Math.floor(e.width)),this.height=Math.max(1,Math.floor(e.height)),this.aspect=this.width/this.height,this.renderer&&this.renderer.setSize(this.width,this.height,!1)}update(){this.delta=this.clock.getDelta(),this.time+=this.delta}}const n=new B;class le{constructor(){this.mouseMoved=!1,this.coords=new a,this.coords_old=new a,this.diff=new a,this.timer=null,this.container=null,this.docTarget=null,this.listenerTarget=null,this.isHoverInside=!1,this.hasUserControl=!1,this.isAutoActive=!1,this.autoIntensity=2,this.takeoverActive=!1,this.takeoverStartTime=0,this.takeoverDuration=.25,this.takeoverFrom=new a,this.takeoverTo=new a,this.onInteract=null,this._onMouseMove=this.onDocumentMouseMove.bind(this),this._onTouchStart=this.onDocumentTouchStart.bind(this),this._onTouchMove=this.onDocumentTouchMove.bind(this),this._onTouchEnd=this.onTouchEnd.bind(this),this._onDocumentLeave=this.onDocumentLeave.bind(this)}init(e){this.container=e,this.docTarget=e.ownerDocument||null;const t=this.docTarget&&this.docTarget.defaultView||(typeof window<"u"?window:null);t&&(this.listenerTarget=t,this.listenerTarget.addEventListener("mousemove",this._onMouseMove),this.listenerTarget.addEventListener("touchstart",this._onTouchStart,{passive:!0}),this.listenerTarget.addEventListener("touchmove",this._onTouchMove,{passive:!0}),this.listenerTarget.addEventListener("touchend",this._onTouchEnd),this.docTarget&&this.docTarget.addEventListener("mouseleave",this._onDocumentLeave))}dispose(){this.listenerTarget&&(this.listenerTarget.removeEventListener("mousemove",this._onMouseMove),this.listenerTarget.removeEventListener("touchstart",this._onTouchStart),this.listenerTarget.removeEventListener("touchmove",this._onTouchMove),this.listenerTarget.removeEventListener("touchend",this._onTouchEnd)),this.docTarget&&this.docTarget.removeEventListener("mouseleave",this._onDocumentLeave),this.listenerTarget=null,this.docTarget=null,this.container=null}isPointInside(e,t){if(!this.container)return!1;const i=this.container.getBoundingClientRect();return i.width===0||i.height===0?!1:e>=i.left&&e<=i.right&&t>=i.top&&t<=i.bottom}updateHoverState(e,t){return this.isHoverInside=this.isPointInside(e,t),this.isHoverInside}setCoords(e,t){if(!this.container)return;this.timer&&window.clearTimeout(this.timer);const i=this.container.getBoundingClientRect();if(i.width===0||i.height===0)return;const r=(e-i.left)/i.width,o=(t-i.top)/i.height;this.coords.set(r*2-1,-(o*2-1)),this.mouseMoved=!0,this.timer=window.setTimeout(()=>{this.mouseMoved=!1},100)}setNormalized(e,t){this.coords.set(e,t),this.mouseMoved=!0}onDocumentMouseMove(e){if(this.updateHoverState(e.clientX,e.clientY)){if(this.onInteract&&this.onInteract(),this.isAutoActive&&!this.hasUserControl&&!this.takeoverActive){if(!this.container)return;const t=this.container.getBoundingClientRect();if(t.width===0||t.height===0)return;const i=(e.clientX-t.left)/t.width,r=(e.clientY-t.top)/t.height;this.takeoverFrom.copy(this.coords),this.takeoverTo.set(i*2-1,-(r*2-1)),this.takeoverStartTime=performance.now(),this.takeoverActive=!0,this.hasUserControl=!0,this.isAutoActive=!1;return}this.setCoords(e.clientX,e.clientY),this.hasUserControl=!0}}onDocumentTouchStart(e){if(e.touches.length!==1)return;const t=e.touches[0];this.updateHoverState(t.clientX,t.clientY)&&(this.onInteract&&this.onInteract(),this.setCoords(t.clientX,t.clientY),this.hasUserControl=!0)}onDocumentTouchMove(e){if(e.touches.length!==1)return;const t=e.touches[0];this.updateHoverState(t.clientX,t.clientY)&&(this.onInteract&&this.onInteract(),this.setCoords(t.clientX,t.clientY))}onTouchEnd(){this.isHoverInside=!1}onDocumentLeave(){this.isHoverInside=!1}update(){if(this.takeoverActive){const e=(performance.now()-this.takeoverStartTime)/(this.takeoverDuration*1e3);if(e>=1)this.takeoverActive=!1,this.coords.copy(this.takeoverTo),this.coords_old.copy(this.coords),this.diff.set(0,0);else{const t=e*e*(3-2*e);this.coords.copy(this.takeoverFrom).lerp(this.takeoverTo,t)}}this.diff.subVectors(this.coords,this.coords_old),this.coords_old.copy(this.coords),this.coords_old.x===0&&this.coords_old.y===0&&this.diff.set(0,0),this.isAutoActive&&!this.takeoverActive&&this.diff.multiplyScalar(this.autoIntensity)}}const h=new le;class he{constructor(e,t,i){this.mouse=e,this.manager=t,this.enabled=i.enabled,this.speed=i.speed,this.resumeDelay=i.resumeDelay||3e3,this.rampDurationMs=(i.rampDuration||0)*1e3,this.active=!1,this.current=new a(0,0),this.target=new a,this.lastTime=performance.now(),this.activationTime=0,this.margin=.2,this._tmpDir=new a,this.pickNewTarget()}pickNewTarget(){const e=Math.random;this.target.set((e()*2-1)*(1-this.margin),(e()*2-1)*(1-this.margin))}forceStop(){this.active=!1,this.mouse.isAutoActive=!1}update(){if(!this.enabled)return;const e=performance.now();if(e-this.manager.lastUserInteraction<this.resumeDelay){this.active&&this.forceStop();return}if(this.mouse.isHoverInside){this.active&&this.forceStop();return}if(this.active||(this.active=!0,this.current.copy(this.mouse.coords),this.lastTime=e,this.activationTime=e),!this.active)return;this.mouse.isAutoActive=!0;let i=(e-this.lastTime)/1e3;this.lastTime=e,i>.2&&(i=.016);const r=this._tmpDir.subVectors(this.target,this.current),o=r.length();if(o<.01){this.pickNewTarget();return}r.normalize();let l=1;if(this.rampDurationMs>0){const W=Math.min(1,(e-this.activationTime)/this.rampDurationMs);l=W*W*(3-2*W)}const Y=this.speed*i*l,x=Math.min(Y,o);this.current.addScaledVector(r,x),this.mouse.setNormalized(this.current.x,this.current.y)}}const g=`
2
2
  attribute vec3 position;
3
3
  uniform vec2 px;
4
4
  uniform vec2 boundarySpace;
@@ -1,4 +1,4 @@
1
- import{r as o,j as n}from"./iframe-BINQyIZA.js";import{A as L}from"./index-DnyCC_gr.js";import{m as a}from"./proxy-D7-_CcFt.js";const q="_loadingContainer_n9pf7_1",N="_fullScreen_n9pf7_17",A="_overlay_n9pf7_30",V="_shimmer_n9pf7_1",z="_small_n9pf7_58",M="_loadingText_n9pf7_63",P="_medium_n9pf7_67",O="_large_n9pf7_72",W="_dotsSpinner_n9pf7_82",E="_dot1_n9pf7_100",F="_dot2_n9pf7_101",G="_dot3_n9pf7_102",J="_circleSpinner_n9pf7_153",B="_pulseSpinner_n9pf7_175",D="_textGradient_n9pf7_1",R="_sparkleContainer_n9pf7_226",$="_sparkle_n9pf7_226",e={loadingContainer:q,fullScreen:N,overlay:A,shimmer:V,small:z,loadingText:M,medium:P,large:O,dotsSpinner:W,dot1:E,dot2:F,dot3:G,circleSpinner:J,pulseSpinner:B,textGradient:D,sparkleContainer:R,sparkle:$},U=["Loading your content...","Just a moment please...","Preparing something awesome...","Almost ready...","Working on it...","Just a sec...","Loading with care...","Getting things ready...","Almost there...","Polishing the details..."],X=({message:s,size:g="medium",variant:l="dots",className:y="",showMessage:r=!0,customMessages:_,messageRotationInterval:d=2500,showSparkles:h=!0,fullScreen:v=!1,overlay:S=!1,color:p,backgroundColor:c})=>{const i=_||U,[u,x]=o.useState(0),[m,C]=o.useState(s||i[0]);o.useEffect(()=>{if(!s&&r){const f=setInterval(()=>{x(t=>(t+1)%i.length)},d);return()=>clearInterval(f)}},[s,r,i.length,d]),o.useEffect(()=>{!s&&r&&C(i[u])},[u,s,i,r]);const T=[e.loadingContainer,e[g],e[l],v&&e.fullScreen,S&&e.overlay,y].filter(Boolean).join(" "),I={...p&&{"--spinner-color":p},...c&&{"--spinner-background":c}},b=()=>n.jsxs(a.div,{className:e.dotsSpinner,animate:{rotate:360},transition:{duration:2,repeat:1/0,ease:"linear"},children:[n.jsx(a.div,{className:e.dot1,animate:{scale:[1,1.3,1],y:[0,-6,0]},transition:{duration:1.5,repeat:1/0,ease:"easeInOut",delay:0}}),n.jsx(a.div,{className:e.dot2,animate:{scale:[1,1.3,1],y:[0,-6,0]},transition:{duration:1.5,repeat:1/0,ease:"easeInOut",delay:.5}}),n.jsx(a.div,{className:e.dot3,animate:{scale:[1,1.3,1],y:[0,-6,0]},transition:{duration:1.5,repeat:1/0,ease:"easeInOut",delay:1}})]}),k=()=>n.jsx(a.div,{className:e.circleSpinner,animate:{rotate:360},transition:{duration:1,repeat:1/0,ease:"linear"}}),w=()=>n.jsx(a.div,{className:e.pulseSpinner,animate:{scale:[1,1.2,1],opacity:[1,.7,1]},transition:{duration:1.5,repeat:1/0,ease:"easeInOut"}}),j=()=>{switch(l){case"spinner":return k();case"pulse":return w();case"dots":default:return b()}};return n.jsxs("div",{className:T,style:I,children:[j(),r&&n.jsx(L,{mode:"wait",children:n.jsx(a.p,{className:e.loadingText,initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.4,ease:"easeOut"},children:m},m)}),h&&n.jsx("div",{className:e.sparkleContainer,children:[...Array(4)].map((f,t)=>n.jsx(a.div,{className:e.sparkle,animate:{opacity:[0,1,0],scale:[.5,1,.5],rotate:[0,180,360]},transition:{duration:3,repeat:1/0,delay:t*.75,ease:"easeInOut"},style:{left:`${20+t%2*60}%`,top:`${20+Math.floor(t/2)*60}%`}},t))})]})};X.__docgenInfo={description:`LoadingSpinner Component
1
+ import{r as o,j as n}from"./iframe-BVoBDGkl.js";import{A as L}from"./index-DufMyQUu.js";import{m as a}from"./proxy-DTYfJ2to.js";const q="_loadingContainer_n9pf7_1",N="_fullScreen_n9pf7_17",A="_overlay_n9pf7_30",V="_shimmer_n9pf7_1",z="_small_n9pf7_58",M="_loadingText_n9pf7_63",P="_medium_n9pf7_67",O="_large_n9pf7_72",W="_dotsSpinner_n9pf7_82",E="_dot1_n9pf7_100",F="_dot2_n9pf7_101",G="_dot3_n9pf7_102",J="_circleSpinner_n9pf7_153",B="_pulseSpinner_n9pf7_175",D="_textGradient_n9pf7_1",R="_sparkleContainer_n9pf7_226",$="_sparkle_n9pf7_226",e={loadingContainer:q,fullScreen:N,overlay:A,shimmer:V,small:z,loadingText:M,medium:P,large:O,dotsSpinner:W,dot1:E,dot2:F,dot3:G,circleSpinner:J,pulseSpinner:B,textGradient:D,sparkleContainer:R,sparkle:$},U=["Loading your content...","Just a moment please...","Preparing something awesome...","Almost ready...","Working on it...","Just a sec...","Loading with care...","Getting things ready...","Almost there...","Polishing the details..."],X=({message:s,size:g="medium",variant:l="dots",className:y="",showMessage:r=!0,customMessages:_,messageRotationInterval:d=2500,showSparkles:h=!0,fullScreen:v=!1,overlay:S=!1,color:p,backgroundColor:c})=>{const i=_||U,[u,x]=o.useState(0),[m,C]=o.useState(s||i[0]);o.useEffect(()=>{if(!s&&r){const f=setInterval(()=>{x(t=>(t+1)%i.length)},d);return()=>clearInterval(f)}},[s,r,i.length,d]),o.useEffect(()=>{!s&&r&&C(i[u])},[u,s,i,r]);const T=[e.loadingContainer,e[g],e[l],v&&e.fullScreen,S&&e.overlay,y].filter(Boolean).join(" "),I={...p&&{"--spinner-color":p},...c&&{"--spinner-background":c}},b=()=>n.jsxs(a.div,{className:e.dotsSpinner,animate:{rotate:360},transition:{duration:2,repeat:1/0,ease:"linear"},children:[n.jsx(a.div,{className:e.dot1,animate:{scale:[1,1.3,1],y:[0,-6,0]},transition:{duration:1.5,repeat:1/0,ease:"easeInOut",delay:0}}),n.jsx(a.div,{className:e.dot2,animate:{scale:[1,1.3,1],y:[0,-6,0]},transition:{duration:1.5,repeat:1/0,ease:"easeInOut",delay:.5}}),n.jsx(a.div,{className:e.dot3,animate:{scale:[1,1.3,1],y:[0,-6,0]},transition:{duration:1.5,repeat:1/0,ease:"easeInOut",delay:1}})]}),k=()=>n.jsx(a.div,{className:e.circleSpinner,animate:{rotate:360},transition:{duration:1,repeat:1/0,ease:"linear"}}),w=()=>n.jsx(a.div,{className:e.pulseSpinner,animate:{scale:[1,1.2,1],opacity:[1,.7,1]},transition:{duration:1.5,repeat:1/0,ease:"easeInOut"}}),j=()=>{switch(l){case"spinner":return k();case"pulse":return w();case"dots":default:return b()}};return n.jsxs("div",{className:T,style:I,children:[j(),r&&n.jsx(L,{mode:"wait",children:n.jsx(a.p,{className:e.loadingText,initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.4,ease:"easeOut"},children:m},m)}),h&&n.jsx("div",{className:e.sparkleContainer,children:[...Array(4)].map((f,t)=>n.jsx(a.div,{className:e.sparkle,animate:{opacity:[0,1,0],scale:[.5,1,.5],rotate:[0,180,360]},transition:{duration:3,repeat:1/0,delay:t*.75,ease:"easeInOut"},style:{left:`${20+t%2*60}%`,top:`${20+Math.floor(t/2)*60}%`}},t))})]})};X.__docgenInfo={description:`LoadingSpinner Component
2
2
 
3
3
  @component
4
4
  @description
@@ -1,4 +1,4 @@
1
- import{L as u}from"./LoadingSpinner-Cninzqla.js";import"./iframe-BINQyIZA.js";import"./preload-helper-C1FmrZbK.js";import"./index-DnyCC_gr.js";import"./proxy-D7-_CcFt.js";import"./MotionConfigContext-Cl-Ye_B1.js";const f={title:"Atoms/LoadingSpinner",component:u,parameters:{layout:"centered",docs:{description:{component:"An animated loading spinner with multiple variants and customizable messages. Features smooth Framer Motion animations and accessibility support."}}},argTypes:{size:{control:{type:"select"},options:["small","medium","large"]},variant:{control:{type:"select"},options:["dots","spinner","pulse"]},message:{control:{type:"text"}},showMessage:{control:{type:"boolean"}},showSparkles:{control:{type:"boolean"}},fullScreen:{control:{type:"boolean"}},overlay:{control:{type:"boolean"}},color:{control:{type:"color"}},backgroundColor:{control:{type:"color"}},messageRotationInterval:{control:{type:"number",min:500,max:1e4,step:500}}}},e={args:{variant:"dots",size:"medium"}},o={args:{variant:"spinner",size:"medium",customMessages:["Processing your request...","Almost ready...","Just a few more seconds...","Finalizing details..."],messageRotationInterval:1500}},s={args:{variant:"dots",size:"large",message:"Loading application...",fullScreen:!0,overlay:!0}};var a,r,t;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{
1
+ import{L as u}from"./LoadingSpinner-D2u7X2s9.js";import"./iframe-BVoBDGkl.js";import"./preload-helper-C1FmrZbK.js";import"./index-DufMyQUu.js";import"./proxy-DTYfJ2to.js";import"./MotionConfigContext-BPeKZQwM.js";const f={title:"Atoms/LoadingSpinner",component:u,parameters:{layout:"centered",docs:{description:{component:"An animated loading spinner with multiple variants and customizable messages. Features smooth Framer Motion animations and accessibility support."}}},argTypes:{size:{control:{type:"select"},options:["small","medium","large"]},variant:{control:{type:"select"},options:["dots","spinner","pulse"]},message:{control:{type:"text"}},showMessage:{control:{type:"boolean"}},showSparkles:{control:{type:"boolean"}},fullScreen:{control:{type:"boolean"}},overlay:{control:{type:"boolean"}},color:{control:{type:"color"}},backgroundColor:{control:{type:"color"}},messageRotationInterval:{control:{type:"number",min:500,max:1e4,step:500}}}},e={args:{variant:"dots",size:"medium"}},o={args:{variant:"spinner",size:"medium",customMessages:["Processing your request...","Almost ready...","Just a few more seconds...","Finalizing details..."],messageRotationInterval:1500}},s={args:{variant:"dots",size:"large",message:"Loading application...",fullScreen:!0,overlay:!0}};var a,r,t;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{
2
2
  args: {
3
3
  variant: 'dots',
4
4
  size: 'medium'
@@ -1,4 +1,4 @@
1
- import{r as o,j as ee}from"./iframe-BINQyIZA.js";import{W as ae,S as ue,a as te,d as E,n as L,i as oe,M as ne,q as le}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const re={"magic-rings-container":"_magic-rings-container_15l2r_1"},se=`
1
+ import{r as o,j as ee}from"./iframe-BVoBDGkl.js";import{W as ae,S as ue,a as te,d as E,n as L,i as oe,M as ne,q as le}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const re={"magic-rings-container":"_magic-rings-container_15l2r_1"},se=`
2
2
  void main() {
3
3
  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
4
4
  }
@@ -1,4 +1,4 @@
1
- import{r as t,j as v}from"./iframe-BINQyIZA.js";import"./preload-helper-C1FmrZbK.js";const y=({children:w,padding:a=100,disabled:i=!1,magnetStrength:n=2,activeTransition:N="transform 0.3s ease-out",inactiveTransition:C="transform 0.5s ease-in-out",wrapperClassName:q="",innerClassName:M="",...V})=>{const[E,l]=t.useState(!1),[u,r]=t.useState({x:0,y:0}),o=t.useRef(null);t.useEffect(()=>{if(i){r({x:0,y:0});return}const c=e=>{if(!o.current)return;const{left:b,top:R,width:f,height:d}=o.current.getBoundingClientRect(),m=b+f/2,p=R+d/2,S=Math.abs(m-e.clientX),X=Math.abs(p-e.clientY);if(S<f/2+a&&X<d/2+a){l(!0);const Y=(e.clientX-m)/n,j=(e.clientY-p)/n;r({x:Y,y:j})}else l(!1),r({x:0,y:0})};return window.addEventListener("mousemove",c),()=>{window.removeEventListener("mousemove",c)}},[a,i,n]);const T=E?N:C;return v.jsx("div",{ref:o,className:q,style:{position:"relative",display:"inline-block"},...V,children:v.jsx("div",{className:M,style:{transform:`translate3d(${u.x}px, ${u.y}px, 0)`,transition:T,willChange:"transform"},children:w})})};y.__docgenInfo={description:"",methods:[],displayName:"Magnet",props:{padding:{defaultValue:{value:"100",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},magnetStrength:{defaultValue:{value:"2",computed:!1},required:!1},activeTransition:{defaultValue:{value:"'transform 0.3s ease-out'",computed:!1},required:!1},inactiveTransition:{defaultValue:{value:"'transform 0.5s ease-in-out'",computed:!1},required:!1},wrapperClassName:{defaultValue:{value:"''",computed:!1},required:!1},innerClassName:{defaultValue:{value:"''",computed:!1},required:!1}}};const B={title:"ReactBits/Animations/Magnet",component:y,parameters:{layout:"fullscreen"}},s={args:{children:"Hello World",padding:100,disabled:!1,magnetStrength:2,activeTransition:"transform 0.3s ease-out",inactiveTransition:"transform 0.5s ease-in-out",wrapperClassName:"",innerClassName:""}};var g,x,h;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{
1
+ import{r as t,j as v}from"./iframe-BVoBDGkl.js";import"./preload-helper-C1FmrZbK.js";const y=({children:w,padding:a=100,disabled:i=!1,magnetStrength:n=2,activeTransition:N="transform 0.3s ease-out",inactiveTransition:C="transform 0.5s ease-in-out",wrapperClassName:q="",innerClassName:M="",...V})=>{const[E,l]=t.useState(!1),[u,r]=t.useState({x:0,y:0}),o=t.useRef(null);t.useEffect(()=>{if(i){r({x:0,y:0});return}const c=e=>{if(!o.current)return;const{left:b,top:R,width:f,height:d}=o.current.getBoundingClientRect(),m=b+f/2,p=R+d/2,S=Math.abs(m-e.clientX),X=Math.abs(p-e.clientY);if(S<f/2+a&&X<d/2+a){l(!0);const Y=(e.clientX-m)/n,j=(e.clientY-p)/n;r({x:Y,y:j})}else l(!1),r({x:0,y:0})};return window.addEventListener("mousemove",c),()=>{window.removeEventListener("mousemove",c)}},[a,i,n]);const T=E?N:C;return v.jsx("div",{ref:o,className:q,style:{position:"relative",display:"inline-block"},...V,children:v.jsx("div",{className:M,style:{transform:`translate3d(${u.x}px, ${u.y}px, 0)`,transition:T,willChange:"transform"},children:w})})};y.__docgenInfo={description:"",methods:[],displayName:"Magnet",props:{padding:{defaultValue:{value:"100",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},magnetStrength:{defaultValue:{value:"2",computed:!1},required:!1},activeTransition:{defaultValue:{value:"'transform 0.3s ease-out'",computed:!1},required:!1},inactiveTransition:{defaultValue:{value:"'transform 0.5s ease-in-out'",computed:!1},required:!1},wrapperClassName:{defaultValue:{value:"''",computed:!1},required:!1},innerClassName:{defaultValue:{value:"''",computed:!1},required:!1}}};const B={title:"ReactBits/Animations/Magnet",component:y,parameters:{layout:"fullscreen"}},s={args:{children:"Hello World",padding:100,disabled:!1,magnetStrength:2,activeTransition:"transform 0.3s ease-out",inactiveTransition:"transform 0.5s ease-in-out",wrapperClassName:"",innerClassName:""}};var g,x,h;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{
2
2
  args: {
3
3
  children: 'Hello World',
4
4
  padding: 100,
@@ -1 +1 @@
1
- import{r as p,j as g}from"./iframe-BINQyIZA.js";import"./preload-helper-C1FmrZbK.js";const A={"magnetLines-container":"_magnetLines-container_gc84k_1"};function x({rows:i=9,columns:u=9,containerSize:c="80vmin",lineColor:q="#efefef",lineWidth:V="1vmin",lineHeight:w="6vmin",baseAngle:L=-10,className:M="",style:_={}}){const d=p.useRef(null);p.useEffect(()=>{const r=d.current;if(!r)return;const e=r.querySelectorAll("span"),l=t=>{e.forEach(a=>{const n=a.getBoundingClientRect(),$=n.x+n.width/2,f=n.y+n.height/2,o=t.x-$,m=t.y-f,C=Math.sqrt(m*m+o*o)||1,j=Math.acos(o/C)*180/Math.PI*(t.y>f?1:-1);a.style.setProperty("--rotate",`${j}deg`)})};if(window.addEventListener("pointermove",l),e.length){const t=Math.floor(e.length/2),a=e[t].getBoundingClientRect();l({x:a.x,y:a.y})}return()=>{window.removeEventListener("pointermove",l)}},[]);const E=i*u,R=Array.from({length:E},(r,e)=>g.jsx("span",{style:{"--rotate":`${L}deg`,backgroundColor:q,width:V,height:w}},e));return g.jsx("div",{ref:d,className:`${A["magnetLines-container"]} ${M}`,style:{display:"grid",gridTemplateColumns:`repeat(${u}, 1fr)`,gridTemplateRows:`repeat(${i}, 1fr)`,width:c,height:c,..._},children:R})}x.__docgenInfo={description:"",methods:[],displayName:"MagnetLines",props:{rows:{defaultValue:{value:"9",computed:!1},required:!1},columns:{defaultValue:{value:"9",computed:!1},required:!1},containerSize:{defaultValue:{value:"'80vmin'",computed:!1},required:!1},lineColor:{defaultValue:{value:"'#efefef'",computed:!1},required:!1},lineWidth:{defaultValue:{value:"'1vmin'",computed:!1},required:!1},lineHeight:{defaultValue:{value:"'6vmin'",computed:!1},required:!1},baseAngle:{defaultValue:{value:"-10",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1}}};const I={title:"ReactBits/Animations/MagnetLines",component:x,parameters:{layout:"fullscreen"}},s={};var v,h,y;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(y=(h=s.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};const N=["Default"];export{s as Default,N as __namedExportsOrder,I as default};
1
+ import{r as p,j as g}from"./iframe-BVoBDGkl.js";import"./preload-helper-C1FmrZbK.js";const A={"magnetLines-container":"_magnetLines-container_gc84k_1"};function x({rows:i=9,columns:u=9,containerSize:c="80vmin",lineColor:q="#efefef",lineWidth:V="1vmin",lineHeight:w="6vmin",baseAngle:L=-10,className:M="",style:_={}}){const d=p.useRef(null);p.useEffect(()=>{const r=d.current;if(!r)return;const e=r.querySelectorAll("span"),l=t=>{e.forEach(a=>{const n=a.getBoundingClientRect(),$=n.x+n.width/2,f=n.y+n.height/2,o=t.x-$,m=t.y-f,C=Math.sqrt(m*m+o*o)||1,j=Math.acos(o/C)*180/Math.PI*(t.y>f?1:-1);a.style.setProperty("--rotate",`${j}deg`)})};if(window.addEventListener("pointermove",l),e.length){const t=Math.floor(e.length/2),a=e[t].getBoundingClientRect();l({x:a.x,y:a.y})}return()=>{window.removeEventListener("pointermove",l)}},[]);const E=i*u,R=Array.from({length:E},(r,e)=>g.jsx("span",{style:{"--rotate":`${L}deg`,backgroundColor:q,width:V,height:w}},e));return g.jsx("div",{ref:d,className:`${A["magnetLines-container"]} ${M}`,style:{display:"grid",gridTemplateColumns:`repeat(${u}, 1fr)`,gridTemplateRows:`repeat(${i}, 1fr)`,width:c,height:c,..._},children:R})}x.__docgenInfo={description:"",methods:[],displayName:"MagnetLines",props:{rows:{defaultValue:{value:"9",computed:!1},required:!1},columns:{defaultValue:{value:"9",computed:!1},required:!1},containerSize:{defaultValue:{value:"'80vmin'",computed:!1},required:!1},lineColor:{defaultValue:{value:"'#efefef'",computed:!1},required:!1},lineWidth:{defaultValue:{value:"'1vmin'",computed:!1},required:!1},lineHeight:{defaultValue:{value:"'6vmin'",computed:!1},required:!1},baseAngle:{defaultValue:{value:"-10",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1}}};const I={title:"ReactBits/Animations/MagnetLines",component:x,parameters:{layout:"fullscreen"}},s={};var v,h,y;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(y=(h=s.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};const N=["Default"];export{s as Default,N as __namedExportsOrder,I as default};
@@ -1,4 +1,4 @@
1
- import{r as i,j as f}from"./iframe-BINQyIZA.js";import{g as m}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const H="_list_m346a_1",M={list:H,"item-wrapper":"_item-wrapper_m346a_7","item-img":"_item-img_m346a_16"},N=(o,u,c)=>{const n=()=>u[o.findIndex(l=>matchMedia(l).matches)]??c,[d,p]=i.useState(n);return i.useEffect(()=>{const l=()=>p(n);return o.forEach(h=>matchMedia(h).addEventListener("change",l)),()=>o.forEach(h=>matchMedia(h).removeEventListener("change",l))},[o]),d},P=()=>{const o=i.useRef(null),[u,c]=i.useState({width:0,height:0});return i.useLayoutEffect(()=>{if(!o.current)return;const n=new ResizeObserver(([d])=>{const{width:p,height:l}=d.contentRect;c({width:p,height:l})});return n.observe(o.current),()=>n.disconnect()},[]),[o,u]},C=async o=>{await Promise.all(o.map(u=>new Promise(c=>{const n=new Image;n.src=u,n.onload=n.onerror=()=>c()})))},q=({items:o,ease:u="power3.out",duration:c=.6,stagger:n=.05,animateFrom:d="bottom",scaleOnHover:p=!0,hoverScale:l=.95,blurToFocus:h=!0,colorShiftOnHover:w=!1})=>{const x=N(["(min-width:1500px)","(min-width:1000px)","(min-width:600px)","(min-width:400px)"],[5,4,3,2],1),[E,{width:v}]=P(),[S,I]=i.useState(!1),$=e=>{var s;const t=(s=E.current)==null?void 0:s.getBoundingClientRect();if(!t)return{x:e.x,y:e.y};let a=d;if(d==="random"){const r=["top","bottom","left","right"];a=r[Math.floor(Math.random()*r.length)]}switch(a){case"top":return{x:e.x,y:-200};case"bottom":return{x:e.x,y:window.innerHeight+200};case"left":return{x:-200,y:e.y};case"right":return{x:window.innerWidth+200,y:e.y};case"center":return{x:t.width/2-e.w/2,y:t.height/2-e.h/2};default:return{x:e.x,y:e.y+100}}};i.useEffect(()=>{C(o.map(e=>e.img)).then(()=>I(!0))},[o]);const b=i.useMemo(()=>{if(!v)return[];const e=new Array(x).fill(0),t=v/x;return o.map(a=>{const s=e.indexOf(Math.min(...e)),r=t*s,g=a.height/2,O=e[s];return e[s]+=g,{...a,x:r,y:O,w:t,h:g}})},[x,o,v]),_=i.useRef(!1);i.useLayoutEffect(()=>{S&&(b.forEach((e,t)=>{const a=`[data-key="${e.id}"]`,s={x:e.x,y:e.y,width:e.w,height:e.h};if(_.current)m.to(a,{...s,duration:c,ease:u,overwrite:"auto"});else{const r=$(e),g={opacity:0,x:r.x,y:r.y,width:e.w,height:e.h,...h&&{filter:"blur(10px)"}};m.fromTo(a,g,{opacity:1,...s,...h&&{filter:"blur(0px)"},duration:.8,ease:"power3.out",delay:t*n})}}),_.current=!0)},[b,S,n,d,h,c,u]);const j=(e,t)=>{const a=e.currentTarget,s=`[data-key="${t.id}"]`;if(p&&m.to(s,{scale:l,duration:.3,ease:"power2.out"}),w){const r=a.querySelector(".color-overlay");r&&m.to(r,{opacity:.3,duration:.3})}},L=(e,t)=>{const a=e.currentTarget,s=`[data-key="${t.id}"]`;if(p&&m.to(s,{scale:1,duration:.3,ease:"power2.out"}),w){const r=a.querySelector(".color-overlay");r&&m.to(r,{opacity:0,duration:.3})}};return f.jsx("div",{ref:E,className:`${M.list}`,children:b.map(e=>f.jsx("div",{"data-key":e.id,className:`${M["item-wrapper"]}`,onClick:()=>window.open(e.url,"_blank","noopener"),onMouseEnter:t=>j(t,e),onMouseLeave:t=>L(t,e),children:f.jsx("div",{className:`${M["item-img"]}`,style:{backgroundImage:`url(${e.img})`},children:w&&f.jsx("div",{className:"color-overlay",style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:"linear-gradient(45deg, rgba(255,0,150,0.5), rgba(0,150,255,0.5))",opacity:0,pointerEvents:"none",borderRadius:"8px"}})})},e.id))})};q.__docgenInfo={description:"",methods:[],displayName:"Masonry",props:{ease:{defaultValue:{value:"'power3.out'",computed:!1},required:!1},duration:{defaultValue:{value:"0.6",computed:!1},required:!1},stagger:{defaultValue:{value:"0.05",computed:!1},required:!1},animateFrom:{defaultValue:{value:"'bottom'",computed:!1},required:!1},scaleOnHover:{defaultValue:{value:"true",computed:!1},required:!1},hoverScale:{defaultValue:{value:"0.95",computed:!1},required:!1},blurToFocus:{defaultValue:{value:"true",computed:!1},required:!1},colorShiftOnHover:{defaultValue:{value:"false",computed:!1},required:!1}}};const B={title:"ReactBits/Components/Masonry",component:q,parameters:{layout:"fullscreen"}},y={args:{items:[{id:1,img:"https://picsum.photos/seed/a/400/600",height:600,url:"#"},{id:2,img:"https://picsum.photos/seed/b/400/400",height:400,url:"#"},{id:3,img:"https://picsum.photos/seed/c/400/500",height:500,url:"#"},{id:4,img:"https://picsum.photos/seed/d/400/350",height:350,url:"#"},{id:5,img:"https://picsum.photos/seed/e/400/450",height:450,url:"#"},{id:6,img:"https://picsum.photos/seed/f/400/550",height:550,url:"#"},{id:7,img:"https://picsum.photos/seed/g/400/380",height:380,url:"#"},{id:8,img:"https://picsum.photos/seed/h/400/480",height:480,url:"#"}],ease:"power3.out",duration:.6,stagger:.05,animateFrom:"bottom",scaleOnHover:!0,hoverScale:.95,blurToFocus:!0,colorShiftOnHover:!1}};var R,V,k;y.parameters={...y.parameters,docs:{...(R=y.parameters)==null?void 0:R.docs,source:{originalSource:`{
1
+ import{r as i,j as f}from"./iframe-BVoBDGkl.js";import{g as m}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const H="_list_m346a_1",M={list:H,"item-wrapper":"_item-wrapper_m346a_7","item-img":"_item-img_m346a_16"},N=(o,u,c)=>{const n=()=>u[o.findIndex(l=>matchMedia(l).matches)]??c,[d,p]=i.useState(n);return i.useEffect(()=>{const l=()=>p(n);return o.forEach(h=>matchMedia(h).addEventListener("change",l)),()=>o.forEach(h=>matchMedia(h).removeEventListener("change",l))},[o]),d},P=()=>{const o=i.useRef(null),[u,c]=i.useState({width:0,height:0});return i.useLayoutEffect(()=>{if(!o.current)return;const n=new ResizeObserver(([d])=>{const{width:p,height:l}=d.contentRect;c({width:p,height:l})});return n.observe(o.current),()=>n.disconnect()},[]),[o,u]},C=async o=>{await Promise.all(o.map(u=>new Promise(c=>{const n=new Image;n.src=u,n.onload=n.onerror=()=>c()})))},q=({items:o,ease:u="power3.out",duration:c=.6,stagger:n=.05,animateFrom:d="bottom",scaleOnHover:p=!0,hoverScale:l=.95,blurToFocus:h=!0,colorShiftOnHover:w=!1})=>{const x=N(["(min-width:1500px)","(min-width:1000px)","(min-width:600px)","(min-width:400px)"],[5,4,3,2],1),[E,{width:v}]=P(),[S,I]=i.useState(!1),$=e=>{var s;const t=(s=E.current)==null?void 0:s.getBoundingClientRect();if(!t)return{x:e.x,y:e.y};let a=d;if(d==="random"){const r=["top","bottom","left","right"];a=r[Math.floor(Math.random()*r.length)]}switch(a){case"top":return{x:e.x,y:-200};case"bottom":return{x:e.x,y:window.innerHeight+200};case"left":return{x:-200,y:e.y};case"right":return{x:window.innerWidth+200,y:e.y};case"center":return{x:t.width/2-e.w/2,y:t.height/2-e.h/2};default:return{x:e.x,y:e.y+100}}};i.useEffect(()=>{C(o.map(e=>e.img)).then(()=>I(!0))},[o]);const b=i.useMemo(()=>{if(!v)return[];const e=new Array(x).fill(0),t=v/x;return o.map(a=>{const s=e.indexOf(Math.min(...e)),r=t*s,g=a.height/2,O=e[s];return e[s]+=g,{...a,x:r,y:O,w:t,h:g}})},[x,o,v]),_=i.useRef(!1);i.useLayoutEffect(()=>{S&&(b.forEach((e,t)=>{const a=`[data-key="${e.id}"]`,s={x:e.x,y:e.y,width:e.w,height:e.h};if(_.current)m.to(a,{...s,duration:c,ease:u,overwrite:"auto"});else{const r=$(e),g={opacity:0,x:r.x,y:r.y,width:e.w,height:e.h,...h&&{filter:"blur(10px)"}};m.fromTo(a,g,{opacity:1,...s,...h&&{filter:"blur(0px)"},duration:.8,ease:"power3.out",delay:t*n})}}),_.current=!0)},[b,S,n,d,h,c,u]);const j=(e,t)=>{const a=e.currentTarget,s=`[data-key="${t.id}"]`;if(p&&m.to(s,{scale:l,duration:.3,ease:"power2.out"}),w){const r=a.querySelector(".color-overlay");r&&m.to(r,{opacity:.3,duration:.3})}},L=(e,t)=>{const a=e.currentTarget,s=`[data-key="${t.id}"]`;if(p&&m.to(s,{scale:1,duration:.3,ease:"power2.out"}),w){const r=a.querySelector(".color-overlay");r&&m.to(r,{opacity:0,duration:.3})}};return f.jsx("div",{ref:E,className:`${M.list}`,children:b.map(e=>f.jsx("div",{"data-key":e.id,className:`${M["item-wrapper"]}`,onClick:()=>window.open(e.url,"_blank","noopener"),onMouseEnter:t=>j(t,e),onMouseLeave:t=>L(t,e),children:f.jsx("div",{className:`${M["item-img"]}`,style:{backgroundImage:`url(${e.img})`},children:w&&f.jsx("div",{className:"color-overlay",style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:"linear-gradient(45deg, rgba(255,0,150,0.5), rgba(0,150,255,0.5))",opacity:0,pointerEvents:"none",borderRadius:"8px"}})})},e.id))})};q.__docgenInfo={description:"",methods:[],displayName:"Masonry",props:{ease:{defaultValue:{value:"'power3.out'",computed:!1},required:!1},duration:{defaultValue:{value:"0.6",computed:!1},required:!1},stagger:{defaultValue:{value:"0.05",computed:!1},required:!1},animateFrom:{defaultValue:{value:"'bottom'",computed:!1},required:!1},scaleOnHover:{defaultValue:{value:"true",computed:!1},required:!1},hoverScale:{defaultValue:{value:"0.95",computed:!1},required:!1},blurToFocus:{defaultValue:{value:"true",computed:!1},required:!1},colorShiftOnHover:{defaultValue:{value:"false",computed:!1},required:!1}}};const B={title:"ReactBits/Components/Masonry",component:q,parameters:{layout:"fullscreen"}},y={args:{items:[{id:1,img:"https://picsum.photos/seed/a/400/600",height:600,url:"#"},{id:2,img:"https://picsum.photos/seed/b/400/400",height:400,url:"#"},{id:3,img:"https://picsum.photos/seed/c/400/500",height:500,url:"#"},{id:4,img:"https://picsum.photos/seed/d/400/350",height:350,url:"#"},{id:5,img:"https://picsum.photos/seed/e/400/450",height:450,url:"#"},{id:6,img:"https://picsum.photos/seed/f/400/550",height:550,url:"#"},{id:7,img:"https://picsum.photos/seed/g/400/380",height:380,url:"#"},{id:8,img:"https://picsum.photos/seed/h/400/480",height:480,url:"#"}],ease:"power3.out",duration:.6,stagger:.05,animateFrom:"bottom",scaleOnHover:!0,hoverScale:.95,blurToFocus:!0,colorShiftOnHover:!1}};var R,V,k;y.parameters={...y.parameters,docs:{...(R=y.parameters)==null?void 0:R.docs,source:{originalSource:`{
2
2
  args: {
3
3
  items: [{
4
4
  id: 1,
@@ -1,4 +1,4 @@
1
- import{r as H,j as ie}from"./iframe-BINQyIZA.js";import{R as ce,V as C,P as ue,M as fe,T as me}from"./Mesh-CwXV3WjE.js";import{C as de}from"./Camera-BM3HOhP6.js";import{T as pe}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const ve={"metaballs-container":"_metaballs-container_ari47_1"};function $(o){const e=o.replace("#",""),n=parseInt(e.substring(0,2),16)/255,c=parseInt(e.substring(2,4),16)/255,i=parseInt(e.substring(4,6),16)/255;return[n,c,i]}function y(o){return o-Math.floor(o)}function he(o){let e=[o*.1031,o*.103,o*.0973].map(y);const n=[e[1],e[2],e[0]],c=e[0]*(n[0]+33.33)+e[1]*(n[1]+33.33)+e[2]*(n[2]+33.33);for(let i=0;i<3;i++)e[i]=y(e[i]+c);return e}function ge(o){let e=[o[0]*.1031,o[1]*.103,o[2]*.0973].map(y);const n=[e[1],e[0],e[2]],c=e[0]*(n[0]+33.33)+e[1]*(n[1]+33.33)+e[2]*(n[2]+33.33);for(let r=0;r<3;r++)e[r]=y(e[r]+c);const i=[e[0],e[0],e[1]],B=[e[1],e[0],e[0]],x=[e[2],e[1],e[0]],d=[];for(let r=0;r<3;r++)d[r]=y((i[r]+B[r])*x[r]);return d}const xe=`#version 300 es
1
+ import{r as H,j as ie}from"./iframe-BVoBDGkl.js";import{R as ce,V as C,P as ue,M as fe,T as me}from"./Mesh-CwXV3WjE.js";import{C as de}from"./Camera-BM3HOhP6.js";import{T as pe}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const ve={"metaballs-container":"_metaballs-container_ari47_1"};function $(o){const e=o.replace("#",""),n=parseInt(e.substring(0,2),16)/255,c=parseInt(e.substring(2,4),16)/255,i=parseInt(e.substring(4,6),16)/255;return[n,c,i]}function y(o){return o-Math.floor(o)}function he(o){let e=[o*.1031,o*.103,o*.0973].map(y);const n=[e[1],e[2],e[0]],c=e[0]*(n[0]+33.33)+e[1]*(n[1]+33.33)+e[2]*(n[2]+33.33);for(let i=0;i<3;i++)e[i]=y(e[i]+c);return e}function ge(o){let e=[o[0]*.1031,o[1]*.103,o[2]*.0973].map(y);const n=[e[1],e[0],e[2]],c=e[0]*(n[0]+33.33)+e[1]*(n[1]+33.33)+e[2]*(n[2]+33.33);for(let r=0;r<3;r++)e[r]=y(e[r]+c);const i=[e[0],e[0],e[1]],B=[e[1],e[0],e[0]],x=[e[2],e[1],e[0]],d=[];for(let r=0;r<3;r++)d[r]=y((i[r]+B[r])*x[r]);return d}const xe=`#version 300 es
2
2
  precision highp float;
3
3
  layout(location = 0) in vec2 position;
4
4
  void main() {
@@ -1,4 +1,4 @@
1
- import{r as c,j as ce}from"./iframe-BINQyIZA.js";import"./preload-helper-C1FmrZbK.js";const ne={"paint-container":"_paint-container_91c8o_1"},ue=`#version 300 es
1
+ import{r as c,j as ce}from"./iframe-BVoBDGkl.js";import"./preload-helper-C1FmrZbK.js";const ne={"paint-container":"_paint-container_91c8o_1"},ue=`#version 300 es
2
2
  precision highp float;
3
3
  in vec2 a_position;
4
4
  out vec2 vP;
@@ -1,4 +1,4 @@
1
- import{r,j as n}from"./iframe-BINQyIZA.js";import{s as j}from"./transform-BKmuZieF.js";import{l as H}from"./linear-dkJHgUri.js";import{e as et,t as at,l as ot,m as rt}from"./monotone-DHdPkfDP.js";import{a as nt,b as st}from"./axis-D3QohQNI.js";import{t as it}from"./defaultLocale-DJ2q5QjE.js";import"./preload-helper-C1FmrZbK.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";const lt="_container_1reux_1",ct="_chart_1reux_11",dt="_gridLine_1reux_16",mt="_line_1reux_22",pt="_xAxis_1reux_30",gt="_yAxis_1reux_31",ut="_dataPoint_1reux_50",ht="_tooltip_1reux_63",ft="_tooltipHeader_1reux_88",xt="_tooltipDate_1reux_97",_t="_tooltipRating_1reux_103",yt="_ratingValue_1reux_113",Mt="_ratingMax_1reux_118",Dt="_tooltipTags_1reux_123",vt="_tag_1reux_130",Nt="_tooltipComment_1reux_148",e={container:lt,chart:ct,gridLine:dt,line:mt,xAxis:pt,yAxis:gt,dataPoint:ut,tooltip:ht,tooltipHeader:ft,tooltipDate:xt,tooltipRating:_t,ratingValue:yt,ratingMax:Mt,tooltipTags:Dt,tag:vt,tooltipComment:Nt},G=({moodData:o,width:g=800,height:f=400})=>{const i=r.useRef(null),m=r.useRef(null),J=r.useRef(null),[c,x]=r.useState(null),[A,K]=r.useState({x:0,y:0}),[C,E]=r.useState(!1),l=r.useMemo(()=>({top:20,right:20,bottom:50,left:40}),[]),_=g-l.left-l.right,R=f-l.top-l.bottom,u=r.useMemo(()=>o.map(a=>{const s=a.tag?a.tag.split(",").map(d=>d.trim()).filter(d=>d):[];return{date:new Date(a.date),rating:a.rating,tags:s,comment:a.comment}}).filter(a=>!isNaN(a.date.getTime())&&isFinite(a.rating)),[o]),b=r.useMemo(()=>H().domain([1,5,10]).range(["#FF6B6B","#FFD93D","#6BCB77"]).clamp(!0),[]);return r.useEffect(()=>{if(!i.current||u.length===0)return;const a=j(i.current);a.selectAll("*").remove();const s=a.append("g").attr("transform",`translate(${l.left},${l.top})`),d=et(u,t=>t.date);if(!d[0]||!d[1])return;const T=at().domain(d).range([0,_]),p=H().domain([1,10]).range([R,0]),U=ot().x(t=>T(t.date)).y(t=>p(t.rating)).curve(rt);s.selectAll(".grid-line-y").data(p.ticks(5)).enter().append("line").attr("class",e.gridLine).attr("x1",0).attr("y1",t=>p(t)).attr("x2",_).attr("y2",t=>p(t)),s.append("path").datum(u).attr("class",e.line).attr("d",U),s.append("g").attr("class",e.xAxis).attr("transform",`translate(0,${R})`).call(nt(T).tickFormat(t=>it("%m/%d")(t))),s.append("g").attr("class",e.yAxis).call(st(p)),s.selectAll(".mood-circle").data(u).enter().append("circle").attr("class",e.dataPoint).attr("cx",t=>T(t.date)).attr("cy",t=>p(t.rating)).attr("r",5).attr("fill",t=>b(t.rating)).style("cursor","pointer").on("mouseenter",(t,Z)=>{var $,B;const y=($=i.current)==null?void 0:$.getBoundingClientRect(),tt=(B=m.current)==null?void 0:B.getBoundingClientRect();if(y&&tt){let h=t.clientX-y.left+10,S=t.clientY-y.top-10;const F=250;h+F>_+l.left-20&&(h=t.clientX-y.left-F-10,h<0&&(h=10)),S<0&&(S=10),K({x:h,y:S})}x(Z),j(t.currentTarget).transition().duration(200).attr("r",8)}).on("mouseleave",t=>{setTimeout(()=>{C||x(null)},250),j(t.currentTarget).transition().duration(200).attr("r",5)})},[u,_,R,b,l,C]),r.useEffect(()=>()=>{x(null)},[]),n.jsxs("div",{className:e.container,ref:m,children:[n.jsx("svg",{ref:i,width:g,height:f,className:e.chart}),c&&n.jsxs("div",{ref:J,className:e.tooltip,style:{position:"absolute",pointerEvents:"auto",left:A.x,top:A.y,zIndex:1e3},onMouseEnter:()=>E(!0),onMouseLeave:()=>{E(!1),x(null)},children:[n.jsxs("div",{className:e.tooltipHeader,children:[n.jsx("div",{className:e.tooltipDate,children:c.date.toLocaleDateString()}),n.jsxs("div",{className:e.tooltipRating,children:[n.jsx("span",{className:e.ratingValue,children:c.rating}),n.jsx("span",{className:e.ratingMax,children:"/10"})]})]}),c.tags.length>0&&n.jsx("div",{className:e.tooltipTags,children:c.tags.map((a,s)=>n.jsx("span",{className:e.tag,children:a},s))}),c.comment&&n.jsx("div",{className:e.tooltipComment,children:c.comment})]})]})};G.__docgenInfo={description:"",methods:[],displayName:"MoodChart",props:{moodData:{required:!0,tsType:{name:"Array",elements:[{name:"MoodNoteData"}],raw:"MoodNoteData[]"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}}}};const Bt={title:"Organisms/Charts/MoodChart",component:G,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:300,max:1200,step:50}},height:{control:{type:"number",min:200,max:800,step:50}}}},w=o=>{const g=[],f=new Date;for(let i=o-1;i>=0;i--){const m=new Date(f);m.setDate(m.getDate()-i),g.push(m.toISOString().split("T")[0])}return g},M={args:{moodData:w(30).map(o=>({date:o,rating:Math.floor(Math.random()*10)+1,tag:["happy","excited","calm","focused"][Math.floor(Math.random()*4)],comment:`Feeling ${Math.random()>.5?"good":"okay"} today`})),width:800,height:400}},D={args:{moodData:w(7).map(o=>({date:o,rating:Math.floor(Math.random()*10)+1,tag:["happy","calm","energetic","focused"][Math.floor(Math.random()*4)],comment:`Day ${o.split("-")[2]} mood note`})),width:600,height:300}},v={args:{moodData:w(90).map(o=>({date:o,rating:Math.floor(Math.random()*10)+1,tag:["productive","creative","stressed","relaxed","motivated"][Math.floor(Math.random()*5)],comment:Math.random()>.7?`Notable day - ${o}`:void 0})),width:1e3,height:400}},N={args:{moodData:[],width:800,height:400}};var L,k,P;M.parameters={...M.parameters,docs:{...(L=M.parameters)==null?void 0:L.docs,source:{originalSource:`{
1
+ import{r,j as n}from"./iframe-BVoBDGkl.js";import{s as j}from"./transform-BKmuZieF.js";import{l as H}from"./linear-dkJHgUri.js";import{e as et,t as at,l as ot,m as rt}from"./monotone-DHdPkfDP.js";import{a as nt,b as st}from"./axis-D3QohQNI.js";import{t as it}from"./defaultLocale-DJ2q5QjE.js";import"./preload-helper-C1FmrZbK.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";const lt="_container_1reux_1",ct="_chart_1reux_11",dt="_gridLine_1reux_16",mt="_line_1reux_22",pt="_xAxis_1reux_30",gt="_yAxis_1reux_31",ut="_dataPoint_1reux_50",ht="_tooltip_1reux_63",ft="_tooltipHeader_1reux_88",xt="_tooltipDate_1reux_97",_t="_tooltipRating_1reux_103",yt="_ratingValue_1reux_113",Mt="_ratingMax_1reux_118",Dt="_tooltipTags_1reux_123",vt="_tag_1reux_130",Nt="_tooltipComment_1reux_148",e={container:lt,chart:ct,gridLine:dt,line:mt,xAxis:pt,yAxis:gt,dataPoint:ut,tooltip:ht,tooltipHeader:ft,tooltipDate:xt,tooltipRating:_t,ratingValue:yt,ratingMax:Mt,tooltipTags:Dt,tag:vt,tooltipComment:Nt},G=({moodData:o,width:g=800,height:f=400})=>{const i=r.useRef(null),m=r.useRef(null),J=r.useRef(null),[c,x]=r.useState(null),[A,K]=r.useState({x:0,y:0}),[C,E]=r.useState(!1),l=r.useMemo(()=>({top:20,right:20,bottom:50,left:40}),[]),_=g-l.left-l.right,R=f-l.top-l.bottom,u=r.useMemo(()=>o.map(a=>{const s=a.tag?a.tag.split(",").map(d=>d.trim()).filter(d=>d):[];return{date:new Date(a.date),rating:a.rating,tags:s,comment:a.comment}}).filter(a=>!isNaN(a.date.getTime())&&isFinite(a.rating)),[o]),b=r.useMemo(()=>H().domain([1,5,10]).range(["#FF6B6B","#FFD93D","#6BCB77"]).clamp(!0),[]);return r.useEffect(()=>{if(!i.current||u.length===0)return;const a=j(i.current);a.selectAll("*").remove();const s=a.append("g").attr("transform",`translate(${l.left},${l.top})`),d=et(u,t=>t.date);if(!d[0]||!d[1])return;const T=at().domain(d).range([0,_]),p=H().domain([1,10]).range([R,0]),U=ot().x(t=>T(t.date)).y(t=>p(t.rating)).curve(rt);s.selectAll(".grid-line-y").data(p.ticks(5)).enter().append("line").attr("class",e.gridLine).attr("x1",0).attr("y1",t=>p(t)).attr("x2",_).attr("y2",t=>p(t)),s.append("path").datum(u).attr("class",e.line).attr("d",U),s.append("g").attr("class",e.xAxis).attr("transform",`translate(0,${R})`).call(nt(T).tickFormat(t=>it("%m/%d")(t))),s.append("g").attr("class",e.yAxis).call(st(p)),s.selectAll(".mood-circle").data(u).enter().append("circle").attr("class",e.dataPoint).attr("cx",t=>T(t.date)).attr("cy",t=>p(t.rating)).attr("r",5).attr("fill",t=>b(t.rating)).style("cursor","pointer").on("mouseenter",(t,Z)=>{var $,B;const y=($=i.current)==null?void 0:$.getBoundingClientRect(),tt=(B=m.current)==null?void 0:B.getBoundingClientRect();if(y&&tt){let h=t.clientX-y.left+10,S=t.clientY-y.top-10;const F=250;h+F>_+l.left-20&&(h=t.clientX-y.left-F-10,h<0&&(h=10)),S<0&&(S=10),K({x:h,y:S})}x(Z),j(t.currentTarget).transition().duration(200).attr("r",8)}).on("mouseleave",t=>{setTimeout(()=>{C||x(null)},250),j(t.currentTarget).transition().duration(200).attr("r",5)})},[u,_,R,b,l,C]),r.useEffect(()=>()=>{x(null)},[]),n.jsxs("div",{className:e.container,ref:m,children:[n.jsx("svg",{ref:i,width:g,height:f,className:e.chart}),c&&n.jsxs("div",{ref:J,className:e.tooltip,style:{position:"absolute",pointerEvents:"auto",left:A.x,top:A.y,zIndex:1e3},onMouseEnter:()=>E(!0),onMouseLeave:()=>{E(!1),x(null)},children:[n.jsxs("div",{className:e.tooltipHeader,children:[n.jsx("div",{className:e.tooltipDate,children:c.date.toLocaleDateString()}),n.jsxs("div",{className:e.tooltipRating,children:[n.jsx("span",{className:e.ratingValue,children:c.rating}),n.jsx("span",{className:e.ratingMax,children:"/10"})]})]}),c.tags.length>0&&n.jsx("div",{className:e.tooltipTags,children:c.tags.map((a,s)=>n.jsx("span",{className:e.tag,children:a},s))}),c.comment&&n.jsx("div",{className:e.tooltipComment,children:c.comment})]})]})};G.__docgenInfo={description:"",methods:[],displayName:"MoodChart",props:{moodData:{required:!0,tsType:{name:"Array",elements:[{name:"MoodNoteData"}],raw:"MoodNoteData[]"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}}}};const Bt={title:"Organisms/Charts/MoodChart",component:G,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:300,max:1200,step:50}},height:{control:{type:"number",min:200,max:800,step:50}}}},w=o=>{const g=[],f=new Date;for(let i=o-1;i>=0;i--){const m=new Date(f);m.setDate(m.getDate()-i),g.push(m.toISOString().split("T")[0])}return g},M={args:{moodData:w(30).map(o=>({date:o,rating:Math.floor(Math.random()*10)+1,tag:["happy","excited","calm","focused"][Math.floor(Math.random()*4)],comment:`Feeling ${Math.random()>.5?"good":"okay"} today`})),width:800,height:400}},D={args:{moodData:w(7).map(o=>({date:o,rating:Math.floor(Math.random()*10)+1,tag:["happy","calm","energetic","focused"][Math.floor(Math.random()*4)],comment:`Day ${o.split("-")[2]} mood note`})),width:600,height:300}},v={args:{moodData:w(90).map(o=>({date:o,rating:Math.floor(Math.random()*10)+1,tag:["productive","creative","stressed","relaxed","motivated"][Math.floor(Math.random()*5)],comment:Math.random()>.7?`Notable day - ${o}`:void 0})),width:1e3,height:400}},N={args:{moodData:[],width:800,height:400}};var L,k,P;M.parameters={...M.parameters,docs:{...(L=M.parameters)==null?void 0:L.docs,source:{originalSource:`{
2
2
  args: {
3
3
  moodData: generateDateRange(30).map(date => ({
4
4
  date,