@stfrigerio/sito-template 0.1.95 → 0.1.96

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 (197) hide show
  1. package/dist/components/molecules/RecurrencePicker/RecurrencePicker.d.ts +13 -0
  2. package/dist/components/molecules/RecurrencePicker/RecurrencePicker.d.ts.map +1 -0
  3. package/dist/components/molecules/RecurrencePicker/RecurrencePicker.stories.d.ts +12 -0
  4. package/dist/components/molecules/RecurrencePicker/RecurrencePicker.stories.d.ts.map +1 -0
  5. package/dist/components/molecules/RecurrencePicker/index.d.ts +3 -0
  6. package/dist/components/molecules/RecurrencePicker/index.d.ts.map +1 -0
  7. package/dist/components/molecules/index.d.ts +2 -0
  8. package/dist/components/molecules/index.d.ts.map +1 -1
  9. package/dist/index.esm.js +340 -182
  10. package/dist/index.esm.js.map +1 -1
  11. package/dist/index.js +343 -184
  12. package/dist/index.js.map +1 -1
  13. package/dist/styles.css +1 -1
  14. package/dist/styles.css.map +1 -1
  15. package/dist/themes/lossito.css +243 -49
  16. package/package.json +2 -1
  17. package/storybook-static/assets/{ASCIIText.stories-DFJdLu85.js → ASCIIText.stories-BNQcc9gv.js} +1 -1
  18. package/storybook-static/assets/{AllAtoms.stories-exRxVmzu.js → AllAtoms.stories-DBpk-rB8.js} +1 -1
  19. package/storybook-static/assets/{AnimatedContent.stories-A1SzIOe2.js → AnimatedContent.stories-CCnlHD5Y.js} +1 -1
  20. package/storybook-static/assets/{AnimatedList.stories-D2Q-T7WK.js → AnimatedList.stories-DNI1W5-A.js} +1 -1
  21. package/storybook-static/assets/{Antigravity.stories-CB3_2V40.js → Antigravity.stories-BQw1Zvk9.js} +1 -1
  22. package/storybook-static/assets/{ArrayInput.stories-pogP4q4b.js → ArrayInput.stories-HQd6ODME.js} +1 -1
  23. package/storybook-static/assets/{Aurora.stories-Cu440k5S.js → Aurora.stories-xI4i4wH4.js} +1 -1
  24. package/storybook-static/assets/{Beams.stories-CzUpFwoS.js → Beams.stories-DxSqefhF.js} +1 -1
  25. package/storybook-static/assets/{BlobCursor.stories-IsVKCCEO.js → BlobCursor.stories-DNk0BeNz.js} +1 -1
  26. package/storybook-static/assets/{BlurText.stories-BVGu0aqN.js → BlurText.stories-DBsRktVj.js} +1 -1
  27. package/storybook-static/assets/{BooleansHeatmap.stories-BthQ5ehB.js → BooleansHeatmap.stories-dsUQfyWg.js} +1 -1
  28. package/storybook-static/assets/{BorderGlow.stories-BNwBLObC.js → BorderGlow.stories-lgvEGRVA.js} +1 -1
  29. package/storybook-static/assets/{BubbleMenu.stories-7__gkj8R.js → BubbleMenu.stories-CXvB9JdY.js} +1 -1
  30. package/storybook-static/assets/{Button-CwSLfSSb.js → Button-6nmyMGc3.js} +1 -1
  31. package/storybook-static/assets/{Button.stories-DXdSC8Ub.js → Button.stories-DD3HQBXg.js} +1 -1
  32. package/storybook-static/assets/{Calendar.stories-HJNrPTKA.js → Calendar.stories-_ZDa4YfS.js} +1 -1
  33. package/storybook-static/assets/{Card-CMuvydSk.js → Card-B7F8cu_z.js} +1 -1
  34. package/storybook-static/assets/{Card.stories-C6r4Lfy1.js → Card.stories-BLbuUq_5.js} +1 -1
  35. package/storybook-static/assets/{CardNav.stories-WDha-__w.js → CardNav.stories-CiJ_bFt8.js} +1 -1
  36. package/storybook-static/assets/{Carousel.stories-C73W8Cj0.js → Carousel.stories-BYGW6P4X.js} +1 -1
  37. package/storybook-static/assets/{Checkbox-DXDBhCOJ.js → Checkbox-xrie0yDX.js} +1 -1
  38. package/storybook-static/assets/{Checkbox.stories-BdYI4nAD.js → Checkbox.stories-D-NYqhCG.js} +1 -1
  39. package/storybook-static/assets/{ChromaGrid.stories-DWa4kR3d.js → ChromaGrid.stories-yYkbcq2a.js} +1 -1
  40. package/storybook-static/assets/{CircularGallery.stories-DtM7FALz.js → CircularGallery.stories-Ci3GTUgX.js} +1 -1
  41. package/storybook-static/assets/{CircularText.stories-BaJvxGQF.js → CircularText.stories-7QMPmTLn.js} +1 -1
  42. package/storybook-static/assets/{ClickSpark.stories--IchxFvN.js → ClickSpark.stories-Dz9M-gEC.js} +1 -1
  43. package/storybook-static/assets/{ColorBends.stories-0cTr18l9.js → ColorBends.stories-Dfa0YMsf.js} +1 -1
  44. package/storybook-static/assets/{CountUp.stories-Cf4NC-XR.js → CountUp.stories-DrdYM8-J.js} +1 -1
  45. package/storybook-static/assets/{Counter.stories-CyhbcvKm.js → Counter.stories-3m6ldyes.js} +1 -1
  46. package/storybook-static/assets/{Crosshair.stories-ZZ5g9eO6.js → Crosshair.stories-DfRqBfZC.js} +1 -1
  47. package/storybook-static/assets/{Cubes.stories-CrYhlnje.js → Cubes.stories-D1sZRgvG.js} +1 -1
  48. package/storybook-static/assets/{CurvedLoop.stories-DyK7Wlt6.js → CurvedLoop.stories-D6jowEDF.js} +1 -1
  49. package/storybook-static/assets/{DarkVeil.stories-BEf6V85c.js → DarkVeil.stories-DLCrll-I.js} +1 -1
  50. package/storybook-static/assets/{DateInput-8onWa3KI.js → DateInput-D4MHyeLk.js} +1 -1
  51. package/storybook-static/assets/{DateInput.stories-BUDpdFa5.js → DateInput.stories-BRfVBcf6.js} +1 -1
  52. package/storybook-static/assets/{DecayCard.stories-DG0lwrmk.js → DecayCard.stories-DX1ak6pd.js} +1 -1
  53. package/storybook-static/assets/{DecryptedText.stories-BAy5in1k.js → DecryptedText.stories-BcCQ2Tby.js} +1 -1
  54. package/storybook-static/assets/{Dither.stories-B0Asjgfz.js → Dither.stories-BPqBpmFI.js} +1 -1
  55. package/storybook-static/assets/{Dock.stories-BrZSOCw5.js → Dock.stories-CKD_TOGP.js} +1 -1
  56. package/storybook-static/assets/{EditFAB.stories-Cur6BXdD.js → EditFAB.stories-DGVMpMOL.js} +1 -1
  57. package/storybook-static/assets/{EvilEye.stories-C6fVeJGL.js → EvilEye.stories-DNoB6FG0.js} +1 -1
  58. package/storybook-static/assets/{FadeContent.stories-Ckl198gp.js → FadeContent.stories-C8ppDaXi.js} +1 -1
  59. package/storybook-static/assets/{FaultyTerminal.stories-CRQCWCv-.js → FaultyTerminal.stories-Y8ME_yze.js} +1 -1
  60. package/storybook-static/assets/{Fbo-DIZ3Y1HH.js → Fbo-Bkb1mqiu.js} +1 -1
  61. package/storybook-static/assets/{FloatingLines.stories-BqgEOEZS.js → FloatingLines.stories-ZByyesqH.js} +1 -1
  62. package/storybook-static/assets/{FlowingMenu.stories-BnPI8poB.js → FlowingMenu.stories-CTWLtqhL.js} +1 -1
  63. package/storybook-static/assets/{FluidGlass.stories-CHAlMw3S.js → FluidGlass.stories--PsLBBhn.js} +1 -1
  64. package/storybook-static/assets/{Folder.stories-Dk5JAIQD.js → Folder.stories-JNXotEML.js} +1 -1
  65. package/storybook-static/assets/{FuzzyText.stories-BtDnau8f.js → FuzzyText.stories-o6wySpRq.js} +1 -1
  66. package/storybook-static/assets/{Galaxy.stories-BzhW3GF9.js → Galaxy.stories-DTZantrp.js} +1 -1
  67. package/storybook-static/assets/{GhostCursor.stories-DieHFjxw.js → GhostCursor.stories-DXF-m9YM.js} +1 -1
  68. package/storybook-static/assets/{GlareHover.stories-BHoXBn9o.js → GlareHover.stories-Bb4_dcLV.js} +1 -1
  69. package/storybook-static/assets/{GlassSurface.stories-DREe1ppH.js → GlassSurface.stories-yZ4K521K.js} +1 -1
  70. package/storybook-static/assets/{GlitchText.stories-ByEeawKD.js → GlitchText.stories-B4Eqkyri.js} +1 -1
  71. package/storybook-static/assets/{GooeyNav.stories-BwwWfgQg.js → GooeyNav.stories-CqUOrJR-.js} +1 -1
  72. package/storybook-static/assets/{GradientBlinds.stories-ZaBq37aP.js → GradientBlinds.stories-DZ6bTCGp.js} +1 -1
  73. package/storybook-static/assets/{GradientText.stories-OlD8JIJh.js → GradientText.stories-DyDht-TI.js} +1 -1
  74. package/storybook-static/assets/{Grainient.stories-CfHG2dG3.js → Grainient.stories-C1PtR90_.js} +1 -1
  75. package/storybook-static/assets/{GridMotion.stories-BsWVs4IR.js → GridMotion.stories-BRbD6MZr.js} +1 -1
  76. package/storybook-static/assets/{HabitTimeOfDayChart.stories-DfBLc8St.js → HabitTimeOfDayChart.stories-D3gqeKpl.js} +1 -1
  77. package/storybook-static/assets/{ImageSlideshow.stories-Cpb9fisd.js → ImageSlideshow.stories-BileVQYy.js} +1 -1
  78. package/storybook-static/assets/{Iridescence.stories-Ch3ilnYv.js → Iridescence.stories-BIhFVHOn.js} +1 -1
  79. package/storybook-static/assets/{LaserFlow.stories-DenbpERy.js → LaserFlow.stories-BSnwH5Mv.js} +1 -1
  80. package/storybook-static/assets/{LetterGlitch.stories-D1DfeFIa.js → LetterGlitch.stories-CfGaNSmi.js} +1 -1
  81. package/storybook-static/assets/{LightPillar.stories-CVxcYtjt.js → LightPillar.stories-CNtpoF6N.js} +1 -1
  82. package/storybook-static/assets/{LightRays.stories-F5idlq2b.js → LightRays.stories-DRKVWqXb.js} +1 -1
  83. package/storybook-static/assets/{Lightning.stories-Diu1zWyT.js → Lightning.stories-DJOW6kK7.js} +1 -1
  84. package/storybook-static/assets/{LineWaves.stories-CmEm2I-A.js → LineWaves.stories-17nqJpH2.js} +1 -1
  85. package/storybook-static/assets/{LiquidChrome.stories-CHP_FcPv.js → LiquidChrome.stories-CgmsyPLg.js} +1 -1
  86. package/storybook-static/assets/{LiquidEther.stories-Iraa-nLM.js → LiquidEther.stories-CKvaP6zm.js} +1 -1
  87. package/storybook-static/assets/{LoadingSpinner-DlrNT1AA.js → LoadingSpinner-LXRJXAO4.js} +1 -1
  88. package/storybook-static/assets/{LoadingSpinner.stories-CnE24Tsx.js → LoadingSpinner.stories-C0tbgfV3.js} +1 -1
  89. package/storybook-static/assets/{MagicRings.stories-BqJypRLP.js → MagicRings.stories-qzHi78-J.js} +1 -1
  90. package/storybook-static/assets/{Magnet.stories-DL0Go3qR.js → Magnet.stories-QWTKtI1e.js} +1 -1
  91. package/storybook-static/assets/{MagnetLines.stories-CxpAiInh.js → MagnetLines.stories-BOaR4PZi.js} +1 -1
  92. package/storybook-static/assets/{Masonry.stories-flII8LRK.js → Masonry.stories-DLz9dA8U.js} +1 -1
  93. package/storybook-static/assets/{MetaBalls.stories-Bs_-0CGV.js → MetaBalls.stories-DcleGPI8.js} +1 -1
  94. package/storybook-static/assets/{MetallicPaint.stories-DiyJoRNq.js → MetallicPaint.stories-Dqit7nFj.js} +1 -1
  95. package/storybook-static/assets/{MoodChart.stories-CJ2A0E0j.js → MoodChart.stories-1otFXWFu.js} +1 -1
  96. package/storybook-static/assets/{MotionConfigContext-Dyabqz-b.js → MotionConfigContext-HXxMOMJo.js} +1 -1
  97. package/storybook-static/assets/{Navbar.stories-B--ABN9C.js → Navbar.stories-BPE4RMdc.js} +1 -1
  98. package/storybook-static/assets/{Noise.stories-BpKTpxeE.js → Noise.stories-BktPkK5a.js} +1 -1
  99. package/storybook-static/assets/{NumberStepper-EhG-KGNo.js → NumberStepper-D1to6bpi.js} +1 -1
  100. package/storybook-static/assets/{NumberStepper.stories-Ba1aWk0g.js → NumberStepper.stories-WnrisOam.js} +1 -1
  101. package/storybook-static/assets/{Orb.stories-D8od8KSg.js → Orb.stories-BtZmx5Sy.js} +1 -1
  102. package/storybook-static/assets/{OrbitImages.stories-Dxj-5r4i.js → OrbitImages.stories-DSTSVc16.js} +1 -1
  103. package/storybook-static/assets/{PieChart.stories-DWw4EGwt.js → PieChart.stories-L1NRhd_j.js} +1 -1
  104. package/storybook-static/assets/{PixelBlast.stories-C3u9ldzB.js → PixelBlast.stories-CfT09XYZ.js} +1 -1
  105. package/storybook-static/assets/{PixelCard.stories-BtQ8LfFf.js → PixelCard.stories-B2LTanjI.js} +1 -1
  106. package/storybook-static/assets/{PixelSnow.stories-KpmT5jBn.js → PixelSnow.stories-Kg0VE4Bc.js} +1 -1
  107. package/storybook-static/assets/{PixelTransition.stories-CJs0eV-2.js → PixelTransition.stories-CeanWE2-.js} +1 -1
  108. package/storybook-static/assets/{Plasma.stories-CivG0ZTB.js → Plasma.stories-DujATB5Q.js} +1 -1
  109. package/storybook-static/assets/{Prism.stories--tExtMti.js → Prism.stories-Dxke5JPk.js} +1 -1
  110. package/storybook-static/assets/{PrismaticBurst.stories-BEHRmqtH.js → PrismaticBurst.stories-xc5NSeNp.js} +1 -1
  111. package/storybook-static/assets/{ProfileCard.stories-Bfv1Qk_A.js → ProfileCard.stories-Cnb3pxki.js} +1 -1
  112. package/storybook-static/assets/{QuantifiableHabitsChart.stories-WPetwjBc.js → QuantifiableHabitsChart.stories-BMxWoQO4.js} +1 -1
  113. package/storybook-static/assets/{Radar.stories-CWQNMWx2.js → Radar.stories-CrJcMxjq.js} +1 -1
  114. package/storybook-static/assets/RecurrencePicker-Bjafom-j.css +1 -0
  115. package/storybook-static/assets/RecurrencePicker.stories-vkallG9D.js +19 -0
  116. package/storybook-static/assets/{Ribbons.stories-B3X4I9Cz.js → Ribbons.stories-LT5RgvPo.js} +1 -1
  117. package/storybook-static/assets/{RippleGrid.stories-O3VVcQWl.js → RippleGrid.stories-Bwsl-Ueq.js} +1 -1
  118. package/storybook-static/assets/{RotatingText.stories-Cs-vTbFZ.js → RotatingText.stories-CNDJn3v6.js} +1 -1
  119. package/storybook-static/assets/{ScrollFloat.stories-BMoNuRtU.js → ScrollFloat.stories-B0qUJggd.js} +1 -1
  120. package/storybook-static/assets/{ScrollReveal.stories-C5dVXxt1.js → ScrollReveal.stories-BBVRW0fh.js} +1 -1
  121. package/storybook-static/assets/{ScrollVelocity.stories-CJKSvAY4.js → ScrollVelocity.stories-DfKnOsGa.js} +1 -1
  122. package/storybook-static/assets/{SearchBar.stories-Dtm9l67y.js → SearchBar.stories-Coshf_t6.js} +1 -1
  123. package/storybook-static/assets/{SearchableDropdown-Dqzi4LKk.js → SearchableDropdown-CC1-QlKh.js} +1 -1
  124. package/storybook-static/assets/{SearchableDropdown.stories-BG3ESCwq.js → SearchableDropdown.stories-DydVUjWf.js} +1 -1
  125. package/storybook-static/assets/{SelectInput-BUDt34Ej.js → SelectInput-BqVWIQmb.js} +1 -1
  126. package/storybook-static/assets/{SelectInput.stories-Dxe4mL9o.js → SelectInput.stories-I0azAt7k.js} +1 -1
  127. package/storybook-static/assets/{ShapeBlur.stories-C2sk-BXL.js → ShapeBlur.stories-BWBp8nEd.js} +1 -1
  128. package/storybook-static/assets/{ShapeGrid.stories-ihKrWukc.js → ShapeGrid.stories-DJmnW7fN.js} +1 -1
  129. package/storybook-static/assets/{ShinyText.stories-DwNgYe9N.js → ShinyText.stories-7vHIqa03.js} +1 -1
  130. package/storybook-static/assets/{Silk.stories-CzFSFGhP.js → Silk.stories-CXiaINFD.js} +1 -1
  131. package/storybook-static/assets/{SleepChart.stories-CZufs6Gb.js → SleepChart.stories-BmAtNTJP.js} +1 -1
  132. package/storybook-static/assets/{Slider-BRAq3fxE.js → Slider-BmG0iCoC.js} +1 -1
  133. package/storybook-static/assets/{Slider.stories-CK522MN_.js → Slider.stories-DZciYzwU.js} +1 -1
  134. package/storybook-static/assets/{SoftAurora.stories-DqOpOzFw.js → SoftAurora.stories-BubrO6U4.js} +1 -1
  135. package/storybook-static/assets/{SoundDemo.stories-BkFbK-1Y.js → SoundDemo.stories-CDXr3mFW.js} +1 -1
  136. package/storybook-static/assets/{SplashCursor.stories-ClGNxcw4.js → SplashCursor.stories-DgMm9xv3.js} +1 -1
  137. package/storybook-static/assets/{SpotlightCard.stories-B-Hpffrl.js → SpotlightCard.stories-ChPn0jeh.js} +1 -1
  138. package/storybook-static/assets/{Stack.stories-DLN47Bj-.js → Stack.stories-DzzqOEhy.js} +1 -1
  139. package/storybook-static/assets/{StaggeredMenu.stories-DL6I7cbu.js → StaggeredMenu.stories-BNHc0PM6.js} +1 -1
  140. package/storybook-static/assets/{StarBorder.stories-BIP0gskB.js → StarBorder.stories-DBGelRYw.js} +1 -1
  141. package/storybook-static/assets/{SunburstChart.stories-Bb0VKYC3.js → SunburstChart.stories-KPCIjiOk.js} +1 -1
  142. package/storybook-static/assets/{Table.stories-DeMvjpqQ.js → Table.stories-Bz2NsPvR.js} +1 -1
  143. package/storybook-static/assets/{Tabs.stories-qZulSRrO.js → Tabs.stories-DH8uIATQ.js} +1 -1
  144. package/storybook-static/assets/{TargetCursor.stories-4pSN2J9r.js → TargetCursor.stories-BUrQiofc.js} +1 -1
  145. package/storybook-static/assets/{TextArea-CvRZ3TaY.js → TextArea-DVqzGhY3.js} +1 -1
  146. package/storybook-static/assets/{TextArea.stories-teCx-H2z.js → TextArea.stories-A0YRdcwk.js} +1 -1
  147. package/storybook-static/assets/{TextCursor.stories-pry7pdoW.js → TextCursor.stories-B_UinRXa.js} +1 -1
  148. package/storybook-static/assets/{TextInput-BPdFcHbk.js → TextInput-46C4j_hq.js} +1 -1
  149. package/storybook-static/assets/{TextInput.stories-B-HTRiwl.js → TextInput.stories-C7ZC_8wE.js} +1 -1
  150. package/storybook-static/assets/{TextPressure.stories-BdtIOM1Y.js → TextPressure.stories-Wwlb-VgV.js} +1 -1
  151. package/storybook-static/assets/{TextType.stories-Bq-Vo4qL.js → TextType.stories-DYLMktJi.js} +1 -1
  152. package/storybook-static/assets/{ThemeSwitcher.stories-SgJg0LCK.js → ThemeSwitcher.stories-8FTV9MJW.js} +1 -1
  153. package/storybook-static/assets/{Threads.stories-hqtYUEu-.js → Threads.stories-BDwauY1I.js} +1 -1
  154. package/storybook-static/assets/{TimeInput.stories-CPOqj_Se.js → TimeInput.stories-Bk2lwEyd.js} +1 -1
  155. package/storybook-static/assets/{Toggle-CAPcFsLF.js → Toggle-BbWuVStR.js} +1 -1
  156. package/storybook-static/assets/{Toggle.stories-O2_0c-1s.js → Toggle.stories-Bb7-wtRn.js} +1 -1
  157. package/storybook-static/assets/{ToggleButton-BZOAtsmB.js → ToggleButton-BaLN5DsF.js} +1 -1
  158. package/storybook-static/assets/{ToggleButton.stories-JG_Pazh7.js → ToggleButton.stories-Cdx8eTPI.js} +1 -1
  159. package/storybook-static/assets/{TrueFocus.stories-rLnKDbsk.js → TrueFocus.stories-B_pN3J3c.js} +1 -1
  160. package/storybook-static/assets/{VariableProximity.stories-RaopvofU.js → VariableProximity.stories-BTLVRXWD.js} +1 -1
  161. package/storybook-static/assets/{Waves.stories-oO9FrJAS.js → Waves.stories-_NtAqm6K.js} +1 -1
  162. package/storybook-static/assets/{calendar-JsvgBBDH.js → calendar-jGMMZsgE.js} +1 -1
  163. package/storybook-static/assets/{chart-column-mrC32qXf.js → chart-column-jT4jlZWv.js} +1 -1
  164. package/storybook-static/assets/{check-CvrIUYEl.js → check-D_NpTUYB.js} +1 -1
  165. package/storybook-static/assets/{chevron-down-BUZZ9BTx.js → chevron-down-C40D1TRM.js} +1 -1
  166. package/storybook-static/assets/{chevron-right-SVhPWVWz.js → chevron-right-pJjQoHt-.js} +1 -1
  167. package/storybook-static/assets/client-BAyDOFGI.js +1 -0
  168. package/storybook-static/assets/{createLucideIcon-D1rlWUhC.js → createLucideIcon-DhNY7W9i.js} +1 -1
  169. package/storybook-static/assets/{download-Bmqc20p3.js → download-DDadr76l.js} +1 -1
  170. package/storybook-static/assets/{folder-BCJqv57N.js → folder-Dt06LOrp.js} +1 -1
  171. package/storybook-static/assets/{iconBase-Bvu3HEFH.js → iconBase-HFPlWF3A.js} +1 -1
  172. package/storybook-static/assets/iframe-1P7UMs1C.css +1 -0
  173. package/storybook-static/assets/{iframe-D7y7FUTK.js → iframe-rPhsLpUF.js} +3 -3
  174. package/storybook-static/assets/{index-C_G3JJLn.js → index-B9UM6a_o.js} +1 -1
  175. package/storybook-static/assets/{index-um02zCcj.js → index-Ctb6PtgV.js} +1 -1
  176. package/storybook-static/assets/{index-BCGRwJ5q.js → index-DVywRwbF.js} +1 -1
  177. package/storybook-static/assets/{proxy-Ce-uTDDv.js → proxy-uJ8evSzT.js} +1 -1
  178. package/storybook-static/assets/{react-18-DlLnXErP.js → react-18-CYoR46z3.js} +1 -1
  179. package/storybook-static/assets/{react-three-fiber.esm-ssg-DJvA.js → react-three-fiber.esm-A61ChP7H.js} +1 -1
  180. package/storybook-static/assets/{search-BpBodH3r.js → search-CIAI1CyG.js} +1 -1
  181. package/storybook-static/assets/{settings-D8D67Id0.js → settings-en9EIxHx.js} +1 -1
  182. package/storybook-static/assets/{sun-BQcJSsaQ.js → sun-D_CSzOJ1.js} +1 -1
  183. package/storybook-static/assets/{trash-2-D6WRmoL3.js → trash-2-C2s-nRjQ.js} +1 -1
  184. package/storybook-static/assets/{use-animation-frame-CO9S19qn.js → use-animation-frame-B62vi9Ct.js} +1 -1
  185. package/storybook-static/assets/{use-in-view-DZc-byXh.js → use-in-view-BHudJAGG.js} +1 -1
  186. package/storybook-static/assets/{use-motion-value-mO9NrpTN.js → use-motion-value-jBEsDEvG.js} +1 -1
  187. package/storybook-static/assets/{use-spring-CdsbAGfL.js → use-spring-Bf02nu3H.js} +1 -1
  188. package/storybook-static/assets/{use-transform-DcYgqXpl.js → use-transform-Cfp6qWZw.js} +1 -1
  189. package/storybook-static/assets/{useSound-Ape9PZyo.js → useSound-CISJumm6.js} +1 -1
  190. package/storybook-static/assets/{users-BQ1OQC3n.js → users-Bm-CUW6N.js} +1 -1
  191. package/storybook-static/assets/{x-Cq6n8SKu.js → x-Bb1g_3HM.js} +1 -1
  192. package/storybook-static/iframe.html +2 -2
  193. package/storybook-static/index.json +1 -1
  194. package/storybook-static/project.json +1 -1
  195. package/storybook-static/sb-addons/storybook-2/manager-bundle.js +1 -1
  196. package/storybook-static/assets/client-7pDjGlit.js +0 -1
  197. package/storybook-static/assets/iframe-CU5nRRrn.css +0 -1
@@ -1,4 +1,4 @@
1
- import{r as I,j as L}from"./iframe-D7y7FUTK.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-rPhsLpUF.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-D7y7FUTK.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-rPhsLpUF.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 u,j as o}from"./iframe-D7y7FUTK.js";import{s as Ct}from"./transform-QOf3tDlt.js";import{l as et}from"./linear-DhrdWH9x.js";import{b as at,r as jt}from"./band-BYy0bT_S.js";import{C as Et}from"./chart-column-mrC32qXf.js";import{c as Mt}from"./createLucideIcon-D1rlWUhC.js";import{a as ot,b as rt}from"./axis-D3QohQNI.js";import"./preload-helper-C1FmrZbK.js";/**
1
+ import{r as u,j as o}from"./iframe-rPhsLpUF.js";import{s as Ct}from"./transform-QOf3tDlt.js";import{l as et}from"./linear-DhrdWH9x.js";import{b as at,r as jt}from"./band-BYy0bT_S.js";import{C as Et}from"./chart-column-jT4jlZWv.js";import{c as Mt}from"./createLucideIcon-DhNY7W9i.js";import{a as ot,b as rt}from"./axis-D3QohQNI.js";import"./preload-helper-C1FmrZbK.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 o,j as a}from"./iframe-D7y7FUTK.js";import{A as Re}from"./index-C_G3JJLn.js";import{m as x}from"./proxy-Ce-uTDDv.js";import{c as w}from"./createLucideIcon-D1rlWUhC.js";import{C as qe}from"./chevron-right-SVhPWVWz.js";import{D as Ve}from"./download-Bmqc20p3.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-Dyabqz-b.js";/**
1
+ import{r as o,j as a}from"./iframe-rPhsLpUF.js";import{A as Re}from"./index-B9UM6a_o.js";import{m as x}from"./proxy-uJ8evSzT.js";import{c as w}from"./createLucideIcon-DhNY7W9i.js";import{C as qe}from"./chevron-right-pJjQoHt-.js";import{D as Ve}from"./download-DDadr76l.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-HXxMOMJo.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-D7y7FUTK.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-rPhsLpUF.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-D7y7FUTK.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-rPhsLpUF.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-D7y7FUTK.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-rPhsLpUF.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-D7y7FUTK.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-rPhsLpUF.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-D7y7FUTK.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-rPhsLpUF.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-D7y7FUTK.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-rPhsLpUF.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-D7y7FUTK.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-rPhsLpUF.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-D7y7FUTK.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-rPhsLpUF.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-D7y7FUTK.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-rPhsLpUF.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-D7y7FUTK.js";import{A as L}from"./index-C_G3JJLn.js";import{m as a}from"./proxy-Ce-uTDDv.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-rPhsLpUF.js";import{A as L}from"./index-B9UM6a_o.js";import{m as a}from"./proxy-uJ8evSzT.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-DlrNT1AA.js";import"./iframe-D7y7FUTK.js";import"./preload-helper-C1FmrZbK.js";import"./index-C_G3JJLn.js";import"./proxy-Ce-uTDDv.js";import"./MotionConfigContext-Dyabqz-b.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-LXRJXAO4.js";import"./iframe-rPhsLpUF.js";import"./preload-helper-C1FmrZbK.js";import"./index-B9UM6a_o.js";import"./proxy-uJ8evSzT.js";import"./MotionConfigContext-HXxMOMJo.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-D7y7FUTK.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-rPhsLpUF.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-D7y7FUTK.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-rPhsLpUF.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-D7y7FUTK.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-rPhsLpUF.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-D7y7FUTK.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-rPhsLpUF.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-D7y7FUTK.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-rPhsLpUF.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-D7y7FUTK.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-rPhsLpUF.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-D7y7FUTK.js";import{s as j}from"./transform-QOf3tDlt.js";import{l as H}from"./linear-DhrdWH9x.js";import{e as et,t as at,l as ot,m as rt}from"./monotone-DouxdRGd.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-rPhsLpUF.js";import{s as j}from"./transform-QOf3tDlt.js";import{l as H}from"./linear-DhrdWH9x.js";import{e as et,t as at,l as ot,m as rt}from"./monotone-DouxdRGd.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,
@@ -1 +1 @@
1
- import{r as H}from"./iframe-D7y7FUTK.js";function us(t){const e=H.useRef(null);return e.current===null&&(e.current=t()),e.current}const _t=typeof window<"u",hs=_t?H.useLayoutEffect:H.useEffect;function $t(t,e){t.indexOf(e)===-1&&t.push(e)}function zt(t,e){const s=t.indexOf(e);s>-1&&t.splice(s,1)}const O=(t,e,s)=>s>e?e:s<t?t:s;let Ft=()=>{};const ut={},tt=t=>t,jt=(t,e)=>s=>e(t(s)),ht=(...t)=>t.reduce(jt),St=(t,e,s)=>{const n=e-t;return n===0?1:(s-t)/n};class Zt{constructor(){this.subscriptions=[]}add(e){return $t(this.subscriptions,e),()=>zt(this.subscriptions,e)}notify(e,s,n){const r=this.subscriptions.length;if(r)if(r===1)this.subscriptions[0](e,s,n);else for(let i=0;i<r;i++){const a=this.subscriptions[i];a&&a(e,s,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const U=t=>t*1e3,R=t=>t/1e3;function kt(t,e){return e?t*(1e3/e):0}const wt=(t,e,s)=>(((1-3*s+3*e)*t+(3*s-6*e))*t+3*e)*t,Ht=1e-7,Jt=12;function Xt(t,e,s,n,r){let i,a,o=0;do a=e+(s-e)/2,i=wt(a,n,r)-t,i>0?s=a:e=a;while(Math.abs(i)>Ht&&++o<Jt);return a}function _(t,e,s,n){if(t===e&&s===n)return tt;const r=i=>Xt(i,0,1,t,s);return i=>i===0||i===1?i:wt(r(i),e,n)}const Ct=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Pt=t=>e=>1-t(1-e),Et=_(.33,1.53,.69,.99),ft=Pt(Et),Qt=Ct(ft),Yt=t=>t>=1?1:(t*=2)<1?.5*ft(t):.5*(2-Math.pow(2,-10*(t-1))),dt=t=>1-Math.sin(Math.acos(t)),te=Pt(dt),ee=Ct(dt),se=_(.42,0,1,1),ne=_(0,0,.58,1),Vt=_(.42,0,.58,1),re=t=>Array.isArray(t)&&typeof t[0]!="number",ie=t=>Array.isArray(t)&&typeof t[0]=="number",ae={linear:tt,easeIn:se,easeInOut:Vt,easeOut:ne,circIn:dt,circInOut:ee,circOut:te,backIn:ft,backInOut:Qt,backOut:Et,anticipate:Yt},oe=t=>typeof t=="string",vt=t=>{if(ie(t)){Ft(t.length===4);const[e,s,n,r]=t;return _(e,s,n,r)}else if(oe(t))return ae[t];return t},j=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function ce(t,e){let s=new Set,n=new Set,r=!1,i=!1;const a=new WeakSet;let o={delta:0,timestamp:0,isProcessing:!1};function u(c){a.has(c)&&(h.schedule(c),t()),c(o)}const h={schedule:(c,f=!1,y=!1)=>{const M=y&&r?s:n;return f&&a.add(c),M.add(c),c},cancel:c=>{n.delete(c),a.delete(c)},process:c=>{if(o=c,r){i=!0;return}r=!0;const f=s;s=n,n=f,s.forEach(u),s.clear(),r=!1,i&&(i=!1,h.process(c))}};return h}const le=40;function ue(t,e){let s=!1,n=!0;const r={delta:0,timestamp:0,isProcessing:!1},i=()=>s=!0,a=j.reduce((x,b)=>(x[b]=ce(i),x),{}),{setup:o,read:u,resolveKeyframes:h,preUpdate:c,update:f,preRender:y,render:D,postRender:M}=a,p=()=>{const x=ut.useManualTiming,b=x?r.timestamp:performance.now();s=!1,x||(r.delta=n?1e3/60:Math.max(Math.min(b-r.timestamp,le),1)),r.timestamp=b,r.isProcessing=!0,o.process(r),u.process(r),h.process(r),c.process(r),f.process(r),y.process(r),D.process(r),M.process(r),r.isProcessing=!1,s&&e&&(n=!1,t(p))},v=()=>{s=!0,n=!0,r.isProcessing||t(p)};return{schedule:j.reduce((x,b)=>{const g=a[b];return x[b]=(F,k=!1,d=!1)=>(s||v(),g.schedule(F,k,d)),x},{}),cancel:x=>{for(let b=0;b<j.length;b++)a[j[b]].cancel(x)},state:r,steps:a}}const{schedule:Rt,cancel:he,state:J,steps:fs}=ue(typeof requestAnimationFrame<"u"?requestAnimationFrame:tt,!0);let Z;function fe(){Z=void 0}const C={now:()=>(Z===void 0&&C.set(J.isProcessing||ut.useManualTiming?J.timestamp:performance.now()),Z),set:t=>{Z=t,queueMicrotask(fe)}},It=t=>e=>typeof e=="string"&&e.startsWith(t),ds=It("--"),de=It("var(--"),pe=t=>de(t)?me.test(t.split("/*")[0].trim()):!1,me=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;function ps(t){return typeof t!="string"?!1:t.split("/*")[0].includes("var(--")}const pt={test:t=>typeof t=="number",parse:parseFloat,transform:t=>t},Nt={...pt,transform:t=>O(0,1,t)},ms={...pt,default:1},q=t=>Math.round(t*1e5)/1e5,Ot=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function ge(t){return t==null}const ye=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,mt=(t,e)=>s=>!!(typeof s=="string"&&ye.test(s)&&s.startsWith(t)||e&&!ge(s)&&Object.prototype.hasOwnProperty.call(s,e)),Kt=(t,e,s)=>n=>{if(typeof n!="string")return n;const[r,i,a,o]=n.match(Ot);return{[t]:parseFloat(r),[e]:parseFloat(i),[s]:parseFloat(a),alpha:o!==void 0?parseFloat(o):1}},ve=t=>O(0,255,t),st={...pt,transform:t=>Math.round(ve(t))},N={test:mt("rgb","red"),parse:Kt("red","green","blue"),transform:({red:t,green:e,blue:s,alpha:n=1})=>"rgba("+st.transform(t)+", "+st.transform(e)+", "+st.transform(s)+", "+q(Nt.transform(n))+")"};function be(t){let e="",s="",n="",r="";return t.length>5?(e=t.substring(1,3),s=t.substring(3,5),n=t.substring(5,7),r=t.substring(7,9)):(e=t.substring(1,2),s=t.substring(2,3),n=t.substring(3,4),r=t.substring(4,5),e+=e,s+=s,n+=n,r+=r),{red:parseInt(e,16),green:parseInt(s,16),blue:parseInt(n,16),alpha:r?parseInt(r,16)/255:1}}const at={test:mt("#"),parse:be,transform:N.transform},$=t=>({test:e=>typeof e=="string"&&e.endsWith(t)&&e.split(" ").length===1,parse:parseFloat,transform:e=>`${e}${t}`}),gs=$("deg"),L=$("%"),ys=$("px"),vs=$("vh"),bs=$("vw"),Ts={...L,parse:t=>L.parse(t)/100,transform:t=>L.transform(t*100)},G={test:mt("hsl","hue"),parse:Kt("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:s,alpha:n=1})=>"hsla("+Math.round(t)+", "+L.transform(q(e))+", "+L.transform(q(s))+", "+q(Nt.transform(n))+")"},P={test:t=>N.test(t)||at.test(t)||G.test(t),parse:t=>N.test(t)?N.parse(t):G.test(t)?G.parse(t):at.parse(t),transform:t=>typeof t=="string"?t:t.hasOwnProperty("red")?N.transform(t):G.transform(t),getAnimatableNone:t=>{const e=P.parse(t);return e.alpha=0,P.transform(e)}},Te=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function xe(t){var e,s;return isNaN(t)&&typeof t=="string"&&(((e=t.match(Ot))==null?void 0:e.length)||0)+(((s=t.match(Te))==null?void 0:s.length)||0)>0}const Gt="number",Ut="color",Me="var",Ae="var(",bt="${}",De=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function B(t){const e=t.toString(),s=[],n={color:[],number:[],var:[]},r=[];let i=0;const o=e.replace(De,u=>(P.test(u)?(n.color.push(i),r.push(Ut),s.push(P.parse(u))):u.startsWith(Ae)?(n.var.push(i),r.push(Me),s.push(u)):(n.number.push(i),r.push(Gt),s.push(parseFloat(u))),++i,bt)).split(bt);return{values:s,split:o,indexes:n,types:r}}function Fe(t){return B(t).values}function qt({split:t,types:e}){const s=t.length;return n=>{let r="";for(let i=0;i<s;i++)if(r+=t[i],n[i]!==void 0){const a=e[i];a===Gt?r+=q(n[i]):a===Ut?r+=P.transform(n[i]):r+=n[i]}return r}}function Se(t){return qt(B(t))}const ke=t=>typeof t=="number"?0:P.test(t)?P.getAnimatableNone(t):t,we=(t,e)=>typeof t=="number"?e!=null&&e.trim().endsWith("/")?t:0:ke(t);function Ce(t){const e=B(t);return qt(e)(e.values.map((n,r)=>we(n,e.split[r])))}const Pe={test:xe,parse:Fe,createTransformer:Se,getAnimatableNone:Ce};function nt(t,e,s){return s<0&&(s+=1),s>1&&(s-=1),s<1/6?t+(e-t)*6*s:s<1/2?e:s<2/3?t+(e-t)*(2/3-s)*6:t}function Ee({hue:t,saturation:e,lightness:s,alpha:n}){t/=360,e/=100,s/=100;let r=0,i=0,a=0;if(!e)r=i=a=s;else{const o=s<.5?s*(1+e):s+e-s*e,u=2*s-o;r=nt(u,o,t+1/3),i=nt(u,o,t),a=nt(u,o,t-1/3)}return{red:Math.round(r*255),green:Math.round(i*255),blue:Math.round(a*255),alpha:n}}function X(t,e){return s=>s>0?e:t}const et=(t,e,s)=>t+(e-t)*s,rt=(t,e,s)=>{const n=t*t,r=s*(e*e-n)+n;return r<0?0:Math.sqrt(r)},Ve=[at,N,G],Re=t=>Ve.find(e=>e.test(t));function Tt(t){const e=Re(t);if(!e)return!1;let s=e.parse(t);return e===G&&(s=Ee(s)),s}const xt=(t,e)=>{const s=Tt(t),n=Tt(e);if(!s||!n)return X(t,e);const r={...s};return i=>(r.red=rt(s.red,n.red,i),r.green=rt(s.green,n.green,i),r.blue=rt(s.blue,n.blue,i),r.alpha=et(s.alpha,n.alpha,i),N.transform(r))},ot=new Set(["none","hidden"]);function Ie(t,e){return ot.has(t)?s=>s<=0?t:e:s=>s>=1?e:t}function Ne(t,e){return s=>et(t,e,s)}function gt(t){return typeof t=="number"?Ne:typeof t=="string"?pe(t)?X:P.test(t)?xt:Ge:Array.isArray(t)?Lt:typeof t=="object"?P.test(t)?xt:Oe:X}function Lt(t,e){const s=[...t],n=s.length,r=t.map((i,a)=>gt(i)(i,e[a]));return i=>{for(let a=0;a<n;a++)s[a]=r[a](i);return s}}function Oe(t,e){const s={...t,...e},n={};for(const r in s)t[r]!==void 0&&e[r]!==void 0&&(n[r]=gt(t[r])(t[r],e[r]));return r=>{for(const i in n)s[i]=n[i](r);return s}}function Ke(t,e){const s=[],n={color:0,var:0,number:0};for(let r=0;r<e.values.length;r++){const i=e.types[r],a=t.indexes[i][n[i]],o=t.values[a]??0;s[r]=o,n[i]++}return s}const Ge=(t,e)=>{const s=Pe.createTransformer(e),n=B(t),r=B(e);return n.indexes.var.length===r.indexes.var.length&&n.indexes.color.length===r.indexes.color.length&&n.indexes.number.length>=r.indexes.number.length?ot.has(t)&&!r.values.length||ot.has(e)&&!n.values.length?Ie(t,e):ht(Lt(Ke(n,r),r.values),s):X(t,e)};function Wt(t,e,s){return typeof t=="number"&&typeof e=="number"&&typeof s=="number"?et(t,e,s):gt(t)(t,e)}const Ue=t=>{const e=({timestamp:s})=>t(s);return{start:(s=!0)=>Rt.update(e,s),stop:()=>he(e),now:()=>J.isProcessing?J.timestamp:C.now()}},qe=(t,e,s=10)=>{let n="";const r=Math.max(Math.round(e/s),2);for(let i=0;i<r;i++)n+=Math.round(t(i/(r-1))*1e4)/1e4+", ";return`linear(${n.substring(0,n.length-2)})`},Q=2e4;function yt(t){let e=0;const s=50;let n=t.next(e);for(;!n.done&&e<Q;)e+=s,n=t.next(e);return e>=Q?1/0:e}function Le(t,e=100,s){const n=s({...t,keyframes:[0,e]}),r=Math.min(yt(n),Q);return{type:"keyframes",ease:i=>n.next(r*i).value/e,duration:R(r)}}const T={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1};function ct(t,e){return t*Math.sqrt(1-e*e)}const We=12;function Be(t,e,s){let n=s;for(let r=1;r<We;r++)n=n-t(n)/e(n);return n}const it=.001;function _e({duration:t=T.duration,bounce:e=T.bounce,velocity:s=T.velocity,mass:n=T.mass}){let r,i,a=1-e;a=O(T.minDamping,T.maxDamping,a),t=O(T.minDuration,T.maxDuration,R(t)),a<1?(r=h=>{const c=h*a,f=c*t,y=c-s,D=ct(h,a),M=Math.exp(-f);return it-y/D*M},i=h=>{const f=h*a*t,y=f*s+s,D=Math.pow(a,2)*Math.pow(h,2)*t,M=Math.exp(-f),p=ct(Math.pow(h,2),a);return(-r(h)+it>0?-1:1)*((y-D)*M)/p}):(r=h=>{const c=Math.exp(-h*t),f=(h-s)*t+1;return-it+c*f},i=h=>{const c=Math.exp(-h*t),f=(s-h)*(t*t);return c*f});const o=5/t,u=Be(r,i,o);if(t=U(t),isNaN(u))return{stiffness:T.stiffness,damping:T.damping,duration:t};{const h=Math.pow(u,2)*n;return{stiffness:h,damping:a*2*Math.sqrt(n*h),duration:t}}}const $e=["duration","bounce"],ze=["stiffness","damping","mass"];function Mt(t,e){return e.some(s=>t[s]!==void 0)}function je(t){let e={velocity:T.velocity,stiffness:T.stiffness,damping:T.damping,mass:T.mass,isResolvedFromDuration:!1,...t};if(!Mt(t,ze)&&Mt(t,$e))if(e.velocity=0,t.visualDuration){const s=t.visualDuration,n=2*Math.PI/(s*1.2),r=n*n,i=2*O(.05,1,1-(t.bounce||0))*Math.sqrt(r);e={...e,mass:T.mass,stiffness:r,damping:i}}else{const s=_e({...t,velocity:0});e={...e,...s,mass:T.mass},e.isResolvedFromDuration=!0}return e}function Y(t=T.visualDuration,e=T.bounce){const s=typeof t!="object"?{visualDuration:t,keyframes:[0,1],bounce:e}:t;let{restSpeed:n,restDelta:r}=s;const i=s.keyframes[0],a=s.keyframes[s.keyframes.length-1],o={done:!1,value:i},{stiffness:u,damping:h,mass:c,duration:f,velocity:y,isResolvedFromDuration:D}=je({...s,velocity:-R(s.velocity||0)}),M=y||0,p=h/(2*Math.sqrt(u*c)),v=a-i,m=R(Math.sqrt(u/c)),w=Math.abs(v)<5;n||(n=w?T.restSpeed.granular:T.restSpeed.default),r||(r=w?T.restDelta.granular:T.restDelta.default);let x,b,g,F,k,d;if(p<1)g=ct(m,p),F=(M+p*m*v)/g,x=l=>{const A=Math.exp(-p*m*l);return a-A*(F*Math.sin(g*l)+v*Math.cos(g*l))},k=p*m*F+v*g,d=p*m*v-F*g,b=l=>Math.exp(-p*m*l)*(k*Math.sin(g*l)+d*Math.cos(g*l));else if(p===1){x=A=>a-Math.exp(-m*A)*(v+(M+m*v)*A);const l=M+m*v;b=A=>Math.exp(-m*A)*(m*l*A-M)}else{const l=m*Math.sqrt(p*p-1);x=V=>{const K=Math.exp(-p*m*V),I=Math.min(l*V,300);return a-K*((M+p*m*v)*Math.sinh(I)+l*v*Math.cosh(I))/l};const A=(M+p*m*v)/l,E=p*m*A-v*l,z=p*m*v-A*l;b=V=>{const K=Math.exp(-p*m*V),I=Math.min(l*V,300);return K*(E*Math.sinh(I)+z*Math.cosh(I))}}const S={calculatedDuration:D&&f||null,velocity:l=>U(b(l)),next:l=>{if(!D&&p<1){const E=Math.exp(-p*m*l),z=Math.sin(g*l),V=Math.cos(g*l),K=a-E*(F*z+v*V),I=U(E*(k*z+d*V));return o.done=Math.abs(I)<=n&&Math.abs(a-K)<=r,o.value=o.done?a:K,o}const A=x(l);if(D)o.done=l>=f;else{const E=U(b(l));o.done=Math.abs(E)<=n&&Math.abs(a-A)<=r}return o.value=o.done?a:A,o},toString:()=>{const l=Math.min(yt(S),Q),A=qe(E=>S.next(l*E).value,l,30);return l+"ms "+A},toTransition:()=>{}};return S}Y.applyToOptions=t=>{const e=Le(t,100,Y);return t.ease=e.ease,t.duration=U(e.duration),t.type="keyframes",t};const Ze=5;function Bt(t,e,s){const n=Math.max(e-Ze,0);return kt(s-t(n),e-n)}function lt({keyframes:t,velocity:e=0,power:s=.8,timeConstant:n=325,bounceDamping:r=10,bounceStiffness:i=500,modifyTarget:a,min:o,max:u,restDelta:h=.5,restSpeed:c}){const f=t[0],y={done:!1,value:f},D=d=>o!==void 0&&d<o||u!==void 0&&d>u,M=d=>o===void 0?u:u===void 0||Math.abs(o-d)<Math.abs(u-d)?o:u;let p=s*e;const v=f+p,m=a===void 0?v:a(v);m!==v&&(p=m-f);const w=d=>-p*Math.exp(-d/n),x=d=>m+w(d),b=d=>{const S=w(d),l=x(d);y.done=Math.abs(S)<=h,y.value=y.done?m:l};let g,F;const k=d=>{D(y.value)&&(g=d,F=Y({keyframes:[y.value,M(y.value)],velocity:Bt(x,d,y.value),damping:r,stiffness:i,restDelta:h,restSpeed:c}))};return k(0),{calculatedDuration:null,next:d=>{let S=!1;return!F&&g===void 0&&(S=!0,b(d),k(d)),g!==void 0&&d>=g?F.next(d-g):(!S&&b(d),y)}}}function He(t,e,s){const n=[],r=s||ut.mix||Wt,i=t.length-1;for(let a=0;a<i;a++){let o=r(t[a],t[a+1]);if(e){const u=Array.isArray(e)?e[a]||tt:e;o=ht(u,o)}n.push(o)}return n}function Je(t,e,{clamp:s=!0,ease:n,mixer:r}={}){const i=t.length;if(Ft(i===e.length),i===1)return()=>e[0];if(i===2&&e[0]===e[1])return()=>e[1];const a=t[0]===t[1];t[0]>t[i-1]&&(t=[...t].reverse(),e=[...e].reverse());const o=He(e,n,r),u=o.length,h=c=>{if(a&&c<t[0])return e[0];let f=0;if(u>1)for(;f<t.length-2&&!(c<t[f+1]);f++);const y=St(t[f],t[f+1],c);return o[f](y)};return s?c=>h(O(t[0],t[i-1],c)):h}function Xe(t,e){const s=t[t.length-1];for(let n=1;n<=e;n++){const r=St(0,e,n);t.push(et(s,1,r))}}function Qe(t){const e=[0];return Xe(e,t.length-1),e}function Ye(t,e){return t.map(s=>s*e)}function ts(t,e){return t.map(()=>e||Vt).splice(0,t.length-1)}function W({duration:t=300,keyframes:e,times:s,ease:n="easeInOut"}){const r=re(n)?n.map(vt):vt(n),i={done:!1,value:e[0]},a=Ye(s&&s.length===e.length?s:Qe(e),t),o=Je(a,e,{ease:Array.isArray(r)?r:ts(e,r)});return{calculatedDuration:t,next:u=>(i.value=o(u),i.done=u>=t,i)}}const es=t=>t!==null;function ss(t,{repeat:e,repeatType:s="loop"},n,r=1){const i=t.filter(es),o=r<0||e&&s!=="loop"&&e%2===1?0:i.length-1;return!o||n===void 0?i[o]:n}const ns={decay:lt,inertia:lt,tween:W,keyframes:W,spring:Y};function rs(t){typeof t.type=="string"&&(t.type=ns[t.type])}class is{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(e=>{this.resolve=e})}notifyFinished(){this.resolve()}then(e,s){return this.finished.then(e,s)}}const as=t=>t/100;class xs extends is{constructor(e){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.delayState={done:!1,value:void 0},this.stop=()=>{var n,r;const{motionValue:s}=this.options;s&&s.updatedAt!==C.now()&&this.tick(C.now()),this.isStopped=!0,this.state!=="idle"&&(this.teardown(),(r=(n=this.options).onStop)==null||r.call(n))},this.options=e,this.initAnimation(),this.play(),e.autoplay===!1&&this.pause()}initAnimation(){const{options:e}=this;rs(e);const{type:s=W,repeat:n=0,repeatDelay:r=0,repeatType:i,velocity:a=0}=e;let{keyframes:o}=e;const u=s||W;u!==W&&typeof o[0]!="number"&&(this.mixKeyframes=ht(as,Wt(o[0],o[1])),o=[0,100]);const h=u({...e,keyframes:o});i==="mirror"&&(this.mirroredGenerator=u({...e,keyframes:[...o].reverse(),velocity:-a})),h.calculatedDuration===null&&(h.calculatedDuration=yt(h));const{calculatedDuration:c}=h;this.calculatedDuration=c,this.resolvedDuration=c+r,this.totalDuration=this.resolvedDuration*(n+1)-r,this.generator=h}updateTime(e){const s=Math.round(e-this.startTime)*this.playbackSpeed;this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=s}tick(e,s=!1){const{generator:n,totalDuration:r,mixKeyframes:i,mirroredGenerator:a,resolvedDuration:o,calculatedDuration:u}=this;if(this.startTime===null)return n.next(0);const{delay:h=0,keyframes:c,repeat:f,repeatType:y,repeatDelay:D,type:M,onUpdate:p,finalKeyframe:v}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,e):this.speed<0&&(this.startTime=Math.min(e-r/this.speed,this.startTime)),s?this.currentTime=e:this.updateTime(e);const m=this.currentTime-h*(this.playbackSpeed>=0?1:-1),w=this.playbackSpeed>=0?m<0:m>r;this.currentTime=Math.max(m,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=r);let x=this.currentTime,b=n;if(f){const d=Math.min(this.currentTime,r)/o;let S=Math.floor(d),l=d%1;!l&&d>=1&&(l=1),l===1&&S--,S=Math.min(S,f+1),!!(S%2)&&(y==="reverse"?(l=1-l,D&&(l-=D/o)):y==="mirror"&&(b=a)),x=O(0,1,l)*o}let g;w?(this.delayState.value=c[0],g=this.delayState):g=b.next(x),i&&!w&&(g.value=i(g.value));let{done:F}=g;!w&&u!==null&&(F=this.playbackSpeed>=0?this.currentTime>=r:this.currentTime<=0);const k=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&F);return k&&M!==lt&&(g.value=ss(c,this.options,v,this.speed)),p&&p(g.value),k&&this.finish(),g}then(e,s){return this.finished.then(e,s)}get duration(){return R(this.calculatedDuration)}get iterationDuration(){const{delay:e=0}=this.options||{};return this.duration+R(e)}get time(){return R(this.currentTime)}set time(e){e=U(e),this.currentTime=e,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=e:this.driver&&(this.startTime=this.driver.now()-e/this.playbackSpeed),this.driver?this.driver.start(!1):(this.startTime=0,this.state="paused",this.holdTime=e,this.tick(e))}getGeneratorVelocity(){const e=this.currentTime;if(e<=0)return this.options.velocity||0;if(this.generator.velocity)return this.generator.velocity(e);const s=this.generator.next(e).value;return Bt(n=>this.generator.next(n).value,e,s)}get speed(){return this.playbackSpeed}set speed(e){const s=this.playbackSpeed!==e;s&&this.driver&&this.updateTime(C.now()),this.playbackSpeed=e,s&&this.driver&&(this.time=R(this.currentTime))}play(){var r,i;if(this.isStopped)return;const{driver:e=Ue,startTime:s}=this.options;this.driver||(this.driver=e(a=>this.tick(a))),(i=(r=this.options).onPlay)==null||i.call(r);const n=this.driver.now();this.state==="finished"?(this.updateFinished(),this.startTime=n):this.holdTime!==null?this.startTime=n-this.holdTime:this.startTime||(this.startTime=s??n),this.state==="finished"&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state="running",this.driver.start()}pause(){this.state="paused",this.updateTime(C.now()),this.holdTime=this.currentTime}complete(){this.state!=="running"&&this.play(),this.state="finished",this.holdTime=null}finish(){var e,s;this.notifyFinished(),this.teardown(),this.state="finished",(s=(e=this.options).onComplete)==null||s.call(e)}cancel(){var e,s;this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),(s=(e=this.options).onCancel)==null||s.call(e)}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(e){return this.startTime=0,this.tick(e,!0)}attachTimeline(e){var s;return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),(s=this.driver)==null||s.stop(),e.observe(this)}}const At=30,os=t=>!isNaN(parseFloat(t)),Dt={current:void 0};class cs{constructor(e,s={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=n=>{var i;const r=C.now();if(this.updatedAt!==r&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(n),this.current!==this.prev&&((i=this.events.change)==null||i.notify(this.current),this.dependents))for(const a of this.dependents)a.dirty()},this.hasAnimated=!1,this.setCurrent(e),this.owner=s.owner}setCurrent(e){this.current=e,this.updatedAt=C.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=os(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return this.on("change",e)}on(e,s){this.events[e]||(this.events[e]=new Zt);const n=this.events[e].add(s);return e==="change"?()=>{n(),Rt.read(()=>{this.events.change.getSize()||this.stop()})}:n}clearListeners(){for(const e in this.events)this.events[e].clear()}attach(e,s){this.passiveEffect=e,this.stopPassiveEffect=s}set(e){this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e)}setWithVelocity(e,s,n){this.set(s),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-n}jump(e,s=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,s&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){var e;(e=this.events.change)==null||e.notify(this.current)}addDependent(e){this.dependents||(this.dependents=new Set),this.dependents.add(e)}removeDependent(e){this.dependents&&this.dependents.delete(e)}get(){return Dt.current&&Dt.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){const e=C.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>At)return 0;const s=Math.min(this.updatedAt-this.prevUpdatedAt,At);return kt(parseFloat(this.current)-parseFloat(this.prevFrameValue),s)}start(e){return this.stop(),new Promise(s=>{this.hasAnimated=!0,this.animation=e(s),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){var e,s;(e=this.dependents)==null||e.clear(),(s=this.events.destroy)==null||s.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function Ms(t,e){return new cs(t,e)}const As=t=>!!(t&&t.getVelocity);function Ds(t,e,s){if(t==null)return[];if(t instanceof EventTarget)return[t];if(typeof t=="string"){let n=document;e&&(n=e.current);const r=(s==null?void 0:s[t])??n.querySelectorAll(t);return r?Array.from(r):[]}return Array.from(t).filter(n=>n!=null)}const Fs=H.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"});export{Qe as $,Ts as A,Nt as B,ms as C,P as D,B as E,ps as F,ue as G,Ds as H,he as I,xs as J,et as K,ds as L,ut as M,St as N,te as O,$t as P,zt as Q,J as R,Zt as S,fs as T,us as U,Fs as V,is as W,ht as X,Je as Y,Dt as Z,re as _,Ft as a,Le as a0,Xe as a1,Y as a2,kt as a3,ss as b,tt as c,ee as d,Qt as e,Rt as f,qe as g,Yt as h,ie as i,O as j,Pe as k,pe as l,R as m,pt as n,Ms as o,ys as p,As as q,rs as r,U as s,C as t,hs as u,L as v,gs as w,bs as x,vs as y,Ot as z};
1
+ import{r as H}from"./iframe-rPhsLpUF.js";function us(t){const e=H.useRef(null);return e.current===null&&(e.current=t()),e.current}const _t=typeof window<"u",hs=_t?H.useLayoutEffect:H.useEffect;function $t(t,e){t.indexOf(e)===-1&&t.push(e)}function zt(t,e){const s=t.indexOf(e);s>-1&&t.splice(s,1)}const O=(t,e,s)=>s>e?e:s<t?t:s;let Ft=()=>{};const ut={},tt=t=>t,jt=(t,e)=>s=>e(t(s)),ht=(...t)=>t.reduce(jt),St=(t,e,s)=>{const n=e-t;return n===0?1:(s-t)/n};class Zt{constructor(){this.subscriptions=[]}add(e){return $t(this.subscriptions,e),()=>zt(this.subscriptions,e)}notify(e,s,n){const r=this.subscriptions.length;if(r)if(r===1)this.subscriptions[0](e,s,n);else for(let i=0;i<r;i++){const a=this.subscriptions[i];a&&a(e,s,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const U=t=>t*1e3,R=t=>t/1e3;function kt(t,e){return e?t*(1e3/e):0}const wt=(t,e,s)=>(((1-3*s+3*e)*t+(3*s-6*e))*t+3*e)*t,Ht=1e-7,Jt=12;function Xt(t,e,s,n,r){let i,a,o=0;do a=e+(s-e)/2,i=wt(a,n,r)-t,i>0?s=a:e=a;while(Math.abs(i)>Ht&&++o<Jt);return a}function _(t,e,s,n){if(t===e&&s===n)return tt;const r=i=>Xt(i,0,1,t,s);return i=>i===0||i===1?i:wt(r(i),e,n)}const Ct=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Pt=t=>e=>1-t(1-e),Et=_(.33,1.53,.69,.99),ft=Pt(Et),Qt=Ct(ft),Yt=t=>t>=1?1:(t*=2)<1?.5*ft(t):.5*(2-Math.pow(2,-10*(t-1))),dt=t=>1-Math.sin(Math.acos(t)),te=Pt(dt),ee=Ct(dt),se=_(.42,0,1,1),ne=_(0,0,.58,1),Vt=_(.42,0,.58,1),re=t=>Array.isArray(t)&&typeof t[0]!="number",ie=t=>Array.isArray(t)&&typeof t[0]=="number",ae={linear:tt,easeIn:se,easeInOut:Vt,easeOut:ne,circIn:dt,circInOut:ee,circOut:te,backIn:ft,backInOut:Qt,backOut:Et,anticipate:Yt},oe=t=>typeof t=="string",vt=t=>{if(ie(t)){Ft(t.length===4);const[e,s,n,r]=t;return _(e,s,n,r)}else if(oe(t))return ae[t];return t},j=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function ce(t,e){let s=new Set,n=new Set,r=!1,i=!1;const a=new WeakSet;let o={delta:0,timestamp:0,isProcessing:!1};function u(c){a.has(c)&&(h.schedule(c),t()),c(o)}const h={schedule:(c,f=!1,y=!1)=>{const M=y&&r?s:n;return f&&a.add(c),M.add(c),c},cancel:c=>{n.delete(c),a.delete(c)},process:c=>{if(o=c,r){i=!0;return}r=!0;const f=s;s=n,n=f,s.forEach(u),s.clear(),r=!1,i&&(i=!1,h.process(c))}};return h}const le=40;function ue(t,e){let s=!1,n=!0;const r={delta:0,timestamp:0,isProcessing:!1},i=()=>s=!0,a=j.reduce((x,b)=>(x[b]=ce(i),x),{}),{setup:o,read:u,resolveKeyframes:h,preUpdate:c,update:f,preRender:y,render:D,postRender:M}=a,p=()=>{const x=ut.useManualTiming,b=x?r.timestamp:performance.now();s=!1,x||(r.delta=n?1e3/60:Math.max(Math.min(b-r.timestamp,le),1)),r.timestamp=b,r.isProcessing=!0,o.process(r),u.process(r),h.process(r),c.process(r),f.process(r),y.process(r),D.process(r),M.process(r),r.isProcessing=!1,s&&e&&(n=!1,t(p))},v=()=>{s=!0,n=!0,r.isProcessing||t(p)};return{schedule:j.reduce((x,b)=>{const g=a[b];return x[b]=(F,k=!1,d=!1)=>(s||v(),g.schedule(F,k,d)),x},{}),cancel:x=>{for(let b=0;b<j.length;b++)a[j[b]].cancel(x)},state:r,steps:a}}const{schedule:Rt,cancel:he,state:J,steps:fs}=ue(typeof requestAnimationFrame<"u"?requestAnimationFrame:tt,!0);let Z;function fe(){Z=void 0}const C={now:()=>(Z===void 0&&C.set(J.isProcessing||ut.useManualTiming?J.timestamp:performance.now()),Z),set:t=>{Z=t,queueMicrotask(fe)}},It=t=>e=>typeof e=="string"&&e.startsWith(t),ds=It("--"),de=It("var(--"),pe=t=>de(t)?me.test(t.split("/*")[0].trim()):!1,me=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;function ps(t){return typeof t!="string"?!1:t.split("/*")[0].includes("var(--")}const pt={test:t=>typeof t=="number",parse:parseFloat,transform:t=>t},Nt={...pt,transform:t=>O(0,1,t)},ms={...pt,default:1},q=t=>Math.round(t*1e5)/1e5,Ot=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function ge(t){return t==null}const ye=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,mt=(t,e)=>s=>!!(typeof s=="string"&&ye.test(s)&&s.startsWith(t)||e&&!ge(s)&&Object.prototype.hasOwnProperty.call(s,e)),Kt=(t,e,s)=>n=>{if(typeof n!="string")return n;const[r,i,a,o]=n.match(Ot);return{[t]:parseFloat(r),[e]:parseFloat(i),[s]:parseFloat(a),alpha:o!==void 0?parseFloat(o):1}},ve=t=>O(0,255,t),st={...pt,transform:t=>Math.round(ve(t))},N={test:mt("rgb","red"),parse:Kt("red","green","blue"),transform:({red:t,green:e,blue:s,alpha:n=1})=>"rgba("+st.transform(t)+", "+st.transform(e)+", "+st.transform(s)+", "+q(Nt.transform(n))+")"};function be(t){let e="",s="",n="",r="";return t.length>5?(e=t.substring(1,3),s=t.substring(3,5),n=t.substring(5,7),r=t.substring(7,9)):(e=t.substring(1,2),s=t.substring(2,3),n=t.substring(3,4),r=t.substring(4,5),e+=e,s+=s,n+=n,r+=r),{red:parseInt(e,16),green:parseInt(s,16),blue:parseInt(n,16),alpha:r?parseInt(r,16)/255:1}}const at={test:mt("#"),parse:be,transform:N.transform},$=t=>({test:e=>typeof e=="string"&&e.endsWith(t)&&e.split(" ").length===1,parse:parseFloat,transform:e=>`${e}${t}`}),gs=$("deg"),L=$("%"),ys=$("px"),vs=$("vh"),bs=$("vw"),Ts={...L,parse:t=>L.parse(t)/100,transform:t=>L.transform(t*100)},G={test:mt("hsl","hue"),parse:Kt("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:s,alpha:n=1})=>"hsla("+Math.round(t)+", "+L.transform(q(e))+", "+L.transform(q(s))+", "+q(Nt.transform(n))+")"},P={test:t=>N.test(t)||at.test(t)||G.test(t),parse:t=>N.test(t)?N.parse(t):G.test(t)?G.parse(t):at.parse(t),transform:t=>typeof t=="string"?t:t.hasOwnProperty("red")?N.transform(t):G.transform(t),getAnimatableNone:t=>{const e=P.parse(t);return e.alpha=0,P.transform(e)}},Te=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function xe(t){var e,s;return isNaN(t)&&typeof t=="string"&&(((e=t.match(Ot))==null?void 0:e.length)||0)+(((s=t.match(Te))==null?void 0:s.length)||0)>0}const Gt="number",Ut="color",Me="var",Ae="var(",bt="${}",De=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function B(t){const e=t.toString(),s=[],n={color:[],number:[],var:[]},r=[];let i=0;const o=e.replace(De,u=>(P.test(u)?(n.color.push(i),r.push(Ut),s.push(P.parse(u))):u.startsWith(Ae)?(n.var.push(i),r.push(Me),s.push(u)):(n.number.push(i),r.push(Gt),s.push(parseFloat(u))),++i,bt)).split(bt);return{values:s,split:o,indexes:n,types:r}}function Fe(t){return B(t).values}function qt({split:t,types:e}){const s=t.length;return n=>{let r="";for(let i=0;i<s;i++)if(r+=t[i],n[i]!==void 0){const a=e[i];a===Gt?r+=q(n[i]):a===Ut?r+=P.transform(n[i]):r+=n[i]}return r}}function Se(t){return qt(B(t))}const ke=t=>typeof t=="number"?0:P.test(t)?P.getAnimatableNone(t):t,we=(t,e)=>typeof t=="number"?e!=null&&e.trim().endsWith("/")?t:0:ke(t);function Ce(t){const e=B(t);return qt(e)(e.values.map((n,r)=>we(n,e.split[r])))}const Pe={test:xe,parse:Fe,createTransformer:Se,getAnimatableNone:Ce};function nt(t,e,s){return s<0&&(s+=1),s>1&&(s-=1),s<1/6?t+(e-t)*6*s:s<1/2?e:s<2/3?t+(e-t)*(2/3-s)*6:t}function Ee({hue:t,saturation:e,lightness:s,alpha:n}){t/=360,e/=100,s/=100;let r=0,i=0,a=0;if(!e)r=i=a=s;else{const o=s<.5?s*(1+e):s+e-s*e,u=2*s-o;r=nt(u,o,t+1/3),i=nt(u,o,t),a=nt(u,o,t-1/3)}return{red:Math.round(r*255),green:Math.round(i*255),blue:Math.round(a*255),alpha:n}}function X(t,e){return s=>s>0?e:t}const et=(t,e,s)=>t+(e-t)*s,rt=(t,e,s)=>{const n=t*t,r=s*(e*e-n)+n;return r<0?0:Math.sqrt(r)},Ve=[at,N,G],Re=t=>Ve.find(e=>e.test(t));function Tt(t){const e=Re(t);if(!e)return!1;let s=e.parse(t);return e===G&&(s=Ee(s)),s}const xt=(t,e)=>{const s=Tt(t),n=Tt(e);if(!s||!n)return X(t,e);const r={...s};return i=>(r.red=rt(s.red,n.red,i),r.green=rt(s.green,n.green,i),r.blue=rt(s.blue,n.blue,i),r.alpha=et(s.alpha,n.alpha,i),N.transform(r))},ot=new Set(["none","hidden"]);function Ie(t,e){return ot.has(t)?s=>s<=0?t:e:s=>s>=1?e:t}function Ne(t,e){return s=>et(t,e,s)}function gt(t){return typeof t=="number"?Ne:typeof t=="string"?pe(t)?X:P.test(t)?xt:Ge:Array.isArray(t)?Lt:typeof t=="object"?P.test(t)?xt:Oe:X}function Lt(t,e){const s=[...t],n=s.length,r=t.map((i,a)=>gt(i)(i,e[a]));return i=>{for(let a=0;a<n;a++)s[a]=r[a](i);return s}}function Oe(t,e){const s={...t,...e},n={};for(const r in s)t[r]!==void 0&&e[r]!==void 0&&(n[r]=gt(t[r])(t[r],e[r]));return r=>{for(const i in n)s[i]=n[i](r);return s}}function Ke(t,e){const s=[],n={color:0,var:0,number:0};for(let r=0;r<e.values.length;r++){const i=e.types[r],a=t.indexes[i][n[i]],o=t.values[a]??0;s[r]=o,n[i]++}return s}const Ge=(t,e)=>{const s=Pe.createTransformer(e),n=B(t),r=B(e);return n.indexes.var.length===r.indexes.var.length&&n.indexes.color.length===r.indexes.color.length&&n.indexes.number.length>=r.indexes.number.length?ot.has(t)&&!r.values.length||ot.has(e)&&!n.values.length?Ie(t,e):ht(Lt(Ke(n,r),r.values),s):X(t,e)};function Wt(t,e,s){return typeof t=="number"&&typeof e=="number"&&typeof s=="number"?et(t,e,s):gt(t)(t,e)}const Ue=t=>{const e=({timestamp:s})=>t(s);return{start:(s=!0)=>Rt.update(e,s),stop:()=>he(e),now:()=>J.isProcessing?J.timestamp:C.now()}},qe=(t,e,s=10)=>{let n="";const r=Math.max(Math.round(e/s),2);for(let i=0;i<r;i++)n+=Math.round(t(i/(r-1))*1e4)/1e4+", ";return`linear(${n.substring(0,n.length-2)})`},Q=2e4;function yt(t){let e=0;const s=50;let n=t.next(e);for(;!n.done&&e<Q;)e+=s,n=t.next(e);return e>=Q?1/0:e}function Le(t,e=100,s){const n=s({...t,keyframes:[0,e]}),r=Math.min(yt(n),Q);return{type:"keyframes",ease:i=>n.next(r*i).value/e,duration:R(r)}}const T={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1};function ct(t,e){return t*Math.sqrt(1-e*e)}const We=12;function Be(t,e,s){let n=s;for(let r=1;r<We;r++)n=n-t(n)/e(n);return n}const it=.001;function _e({duration:t=T.duration,bounce:e=T.bounce,velocity:s=T.velocity,mass:n=T.mass}){let r,i,a=1-e;a=O(T.minDamping,T.maxDamping,a),t=O(T.minDuration,T.maxDuration,R(t)),a<1?(r=h=>{const c=h*a,f=c*t,y=c-s,D=ct(h,a),M=Math.exp(-f);return it-y/D*M},i=h=>{const f=h*a*t,y=f*s+s,D=Math.pow(a,2)*Math.pow(h,2)*t,M=Math.exp(-f),p=ct(Math.pow(h,2),a);return(-r(h)+it>0?-1:1)*((y-D)*M)/p}):(r=h=>{const c=Math.exp(-h*t),f=(h-s)*t+1;return-it+c*f},i=h=>{const c=Math.exp(-h*t),f=(s-h)*(t*t);return c*f});const o=5/t,u=Be(r,i,o);if(t=U(t),isNaN(u))return{stiffness:T.stiffness,damping:T.damping,duration:t};{const h=Math.pow(u,2)*n;return{stiffness:h,damping:a*2*Math.sqrt(n*h),duration:t}}}const $e=["duration","bounce"],ze=["stiffness","damping","mass"];function Mt(t,e){return e.some(s=>t[s]!==void 0)}function je(t){let e={velocity:T.velocity,stiffness:T.stiffness,damping:T.damping,mass:T.mass,isResolvedFromDuration:!1,...t};if(!Mt(t,ze)&&Mt(t,$e))if(e.velocity=0,t.visualDuration){const s=t.visualDuration,n=2*Math.PI/(s*1.2),r=n*n,i=2*O(.05,1,1-(t.bounce||0))*Math.sqrt(r);e={...e,mass:T.mass,stiffness:r,damping:i}}else{const s=_e({...t,velocity:0});e={...e,...s,mass:T.mass},e.isResolvedFromDuration=!0}return e}function Y(t=T.visualDuration,e=T.bounce){const s=typeof t!="object"?{visualDuration:t,keyframes:[0,1],bounce:e}:t;let{restSpeed:n,restDelta:r}=s;const i=s.keyframes[0],a=s.keyframes[s.keyframes.length-1],o={done:!1,value:i},{stiffness:u,damping:h,mass:c,duration:f,velocity:y,isResolvedFromDuration:D}=je({...s,velocity:-R(s.velocity||0)}),M=y||0,p=h/(2*Math.sqrt(u*c)),v=a-i,m=R(Math.sqrt(u/c)),w=Math.abs(v)<5;n||(n=w?T.restSpeed.granular:T.restSpeed.default),r||(r=w?T.restDelta.granular:T.restDelta.default);let x,b,g,F,k,d;if(p<1)g=ct(m,p),F=(M+p*m*v)/g,x=l=>{const A=Math.exp(-p*m*l);return a-A*(F*Math.sin(g*l)+v*Math.cos(g*l))},k=p*m*F+v*g,d=p*m*v-F*g,b=l=>Math.exp(-p*m*l)*(k*Math.sin(g*l)+d*Math.cos(g*l));else if(p===1){x=A=>a-Math.exp(-m*A)*(v+(M+m*v)*A);const l=M+m*v;b=A=>Math.exp(-m*A)*(m*l*A-M)}else{const l=m*Math.sqrt(p*p-1);x=V=>{const K=Math.exp(-p*m*V),I=Math.min(l*V,300);return a-K*((M+p*m*v)*Math.sinh(I)+l*v*Math.cosh(I))/l};const A=(M+p*m*v)/l,E=p*m*A-v*l,z=p*m*v-A*l;b=V=>{const K=Math.exp(-p*m*V),I=Math.min(l*V,300);return K*(E*Math.sinh(I)+z*Math.cosh(I))}}const S={calculatedDuration:D&&f||null,velocity:l=>U(b(l)),next:l=>{if(!D&&p<1){const E=Math.exp(-p*m*l),z=Math.sin(g*l),V=Math.cos(g*l),K=a-E*(F*z+v*V),I=U(E*(k*z+d*V));return o.done=Math.abs(I)<=n&&Math.abs(a-K)<=r,o.value=o.done?a:K,o}const A=x(l);if(D)o.done=l>=f;else{const E=U(b(l));o.done=Math.abs(E)<=n&&Math.abs(a-A)<=r}return o.value=o.done?a:A,o},toString:()=>{const l=Math.min(yt(S),Q),A=qe(E=>S.next(l*E).value,l,30);return l+"ms "+A},toTransition:()=>{}};return S}Y.applyToOptions=t=>{const e=Le(t,100,Y);return t.ease=e.ease,t.duration=U(e.duration),t.type="keyframes",t};const Ze=5;function Bt(t,e,s){const n=Math.max(e-Ze,0);return kt(s-t(n),e-n)}function lt({keyframes:t,velocity:e=0,power:s=.8,timeConstant:n=325,bounceDamping:r=10,bounceStiffness:i=500,modifyTarget:a,min:o,max:u,restDelta:h=.5,restSpeed:c}){const f=t[0],y={done:!1,value:f},D=d=>o!==void 0&&d<o||u!==void 0&&d>u,M=d=>o===void 0?u:u===void 0||Math.abs(o-d)<Math.abs(u-d)?o:u;let p=s*e;const v=f+p,m=a===void 0?v:a(v);m!==v&&(p=m-f);const w=d=>-p*Math.exp(-d/n),x=d=>m+w(d),b=d=>{const S=w(d),l=x(d);y.done=Math.abs(S)<=h,y.value=y.done?m:l};let g,F;const k=d=>{D(y.value)&&(g=d,F=Y({keyframes:[y.value,M(y.value)],velocity:Bt(x,d,y.value),damping:r,stiffness:i,restDelta:h,restSpeed:c}))};return k(0),{calculatedDuration:null,next:d=>{let S=!1;return!F&&g===void 0&&(S=!0,b(d),k(d)),g!==void 0&&d>=g?F.next(d-g):(!S&&b(d),y)}}}function He(t,e,s){const n=[],r=s||ut.mix||Wt,i=t.length-1;for(let a=0;a<i;a++){let o=r(t[a],t[a+1]);if(e){const u=Array.isArray(e)?e[a]||tt:e;o=ht(u,o)}n.push(o)}return n}function Je(t,e,{clamp:s=!0,ease:n,mixer:r}={}){const i=t.length;if(Ft(i===e.length),i===1)return()=>e[0];if(i===2&&e[0]===e[1])return()=>e[1];const a=t[0]===t[1];t[0]>t[i-1]&&(t=[...t].reverse(),e=[...e].reverse());const o=He(e,n,r),u=o.length,h=c=>{if(a&&c<t[0])return e[0];let f=0;if(u>1)for(;f<t.length-2&&!(c<t[f+1]);f++);const y=St(t[f],t[f+1],c);return o[f](y)};return s?c=>h(O(t[0],t[i-1],c)):h}function Xe(t,e){const s=t[t.length-1];for(let n=1;n<=e;n++){const r=St(0,e,n);t.push(et(s,1,r))}}function Qe(t){const e=[0];return Xe(e,t.length-1),e}function Ye(t,e){return t.map(s=>s*e)}function ts(t,e){return t.map(()=>e||Vt).splice(0,t.length-1)}function W({duration:t=300,keyframes:e,times:s,ease:n="easeInOut"}){const r=re(n)?n.map(vt):vt(n),i={done:!1,value:e[0]},a=Ye(s&&s.length===e.length?s:Qe(e),t),o=Je(a,e,{ease:Array.isArray(r)?r:ts(e,r)});return{calculatedDuration:t,next:u=>(i.value=o(u),i.done=u>=t,i)}}const es=t=>t!==null;function ss(t,{repeat:e,repeatType:s="loop"},n,r=1){const i=t.filter(es),o=r<0||e&&s!=="loop"&&e%2===1?0:i.length-1;return!o||n===void 0?i[o]:n}const ns={decay:lt,inertia:lt,tween:W,keyframes:W,spring:Y};function rs(t){typeof t.type=="string"&&(t.type=ns[t.type])}class is{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(e=>{this.resolve=e})}notifyFinished(){this.resolve()}then(e,s){return this.finished.then(e,s)}}const as=t=>t/100;class xs extends is{constructor(e){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.delayState={done:!1,value:void 0},this.stop=()=>{var n,r;const{motionValue:s}=this.options;s&&s.updatedAt!==C.now()&&this.tick(C.now()),this.isStopped=!0,this.state!=="idle"&&(this.teardown(),(r=(n=this.options).onStop)==null||r.call(n))},this.options=e,this.initAnimation(),this.play(),e.autoplay===!1&&this.pause()}initAnimation(){const{options:e}=this;rs(e);const{type:s=W,repeat:n=0,repeatDelay:r=0,repeatType:i,velocity:a=0}=e;let{keyframes:o}=e;const u=s||W;u!==W&&typeof o[0]!="number"&&(this.mixKeyframes=ht(as,Wt(o[0],o[1])),o=[0,100]);const h=u({...e,keyframes:o});i==="mirror"&&(this.mirroredGenerator=u({...e,keyframes:[...o].reverse(),velocity:-a})),h.calculatedDuration===null&&(h.calculatedDuration=yt(h));const{calculatedDuration:c}=h;this.calculatedDuration=c,this.resolvedDuration=c+r,this.totalDuration=this.resolvedDuration*(n+1)-r,this.generator=h}updateTime(e){const s=Math.round(e-this.startTime)*this.playbackSpeed;this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=s}tick(e,s=!1){const{generator:n,totalDuration:r,mixKeyframes:i,mirroredGenerator:a,resolvedDuration:o,calculatedDuration:u}=this;if(this.startTime===null)return n.next(0);const{delay:h=0,keyframes:c,repeat:f,repeatType:y,repeatDelay:D,type:M,onUpdate:p,finalKeyframe:v}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,e):this.speed<0&&(this.startTime=Math.min(e-r/this.speed,this.startTime)),s?this.currentTime=e:this.updateTime(e);const m=this.currentTime-h*(this.playbackSpeed>=0?1:-1),w=this.playbackSpeed>=0?m<0:m>r;this.currentTime=Math.max(m,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=r);let x=this.currentTime,b=n;if(f){const d=Math.min(this.currentTime,r)/o;let S=Math.floor(d),l=d%1;!l&&d>=1&&(l=1),l===1&&S--,S=Math.min(S,f+1),!!(S%2)&&(y==="reverse"?(l=1-l,D&&(l-=D/o)):y==="mirror"&&(b=a)),x=O(0,1,l)*o}let g;w?(this.delayState.value=c[0],g=this.delayState):g=b.next(x),i&&!w&&(g.value=i(g.value));let{done:F}=g;!w&&u!==null&&(F=this.playbackSpeed>=0?this.currentTime>=r:this.currentTime<=0);const k=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&F);return k&&M!==lt&&(g.value=ss(c,this.options,v,this.speed)),p&&p(g.value),k&&this.finish(),g}then(e,s){return this.finished.then(e,s)}get duration(){return R(this.calculatedDuration)}get iterationDuration(){const{delay:e=0}=this.options||{};return this.duration+R(e)}get time(){return R(this.currentTime)}set time(e){e=U(e),this.currentTime=e,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=e:this.driver&&(this.startTime=this.driver.now()-e/this.playbackSpeed),this.driver?this.driver.start(!1):(this.startTime=0,this.state="paused",this.holdTime=e,this.tick(e))}getGeneratorVelocity(){const e=this.currentTime;if(e<=0)return this.options.velocity||0;if(this.generator.velocity)return this.generator.velocity(e);const s=this.generator.next(e).value;return Bt(n=>this.generator.next(n).value,e,s)}get speed(){return this.playbackSpeed}set speed(e){const s=this.playbackSpeed!==e;s&&this.driver&&this.updateTime(C.now()),this.playbackSpeed=e,s&&this.driver&&(this.time=R(this.currentTime))}play(){var r,i;if(this.isStopped)return;const{driver:e=Ue,startTime:s}=this.options;this.driver||(this.driver=e(a=>this.tick(a))),(i=(r=this.options).onPlay)==null||i.call(r);const n=this.driver.now();this.state==="finished"?(this.updateFinished(),this.startTime=n):this.holdTime!==null?this.startTime=n-this.holdTime:this.startTime||(this.startTime=s??n),this.state==="finished"&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state="running",this.driver.start()}pause(){this.state="paused",this.updateTime(C.now()),this.holdTime=this.currentTime}complete(){this.state!=="running"&&this.play(),this.state="finished",this.holdTime=null}finish(){var e,s;this.notifyFinished(),this.teardown(),this.state="finished",(s=(e=this.options).onComplete)==null||s.call(e)}cancel(){var e,s;this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),(s=(e=this.options).onCancel)==null||s.call(e)}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(e){return this.startTime=0,this.tick(e,!0)}attachTimeline(e){var s;return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),(s=this.driver)==null||s.stop(),e.observe(this)}}const At=30,os=t=>!isNaN(parseFloat(t)),Dt={current:void 0};class cs{constructor(e,s={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=n=>{var i;const r=C.now();if(this.updatedAt!==r&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(n),this.current!==this.prev&&((i=this.events.change)==null||i.notify(this.current),this.dependents))for(const a of this.dependents)a.dirty()},this.hasAnimated=!1,this.setCurrent(e),this.owner=s.owner}setCurrent(e){this.current=e,this.updatedAt=C.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=os(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return this.on("change",e)}on(e,s){this.events[e]||(this.events[e]=new Zt);const n=this.events[e].add(s);return e==="change"?()=>{n(),Rt.read(()=>{this.events.change.getSize()||this.stop()})}:n}clearListeners(){for(const e in this.events)this.events[e].clear()}attach(e,s){this.passiveEffect=e,this.stopPassiveEffect=s}set(e){this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e)}setWithVelocity(e,s,n){this.set(s),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-n}jump(e,s=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,s&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){var e;(e=this.events.change)==null||e.notify(this.current)}addDependent(e){this.dependents||(this.dependents=new Set),this.dependents.add(e)}removeDependent(e){this.dependents&&this.dependents.delete(e)}get(){return Dt.current&&Dt.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){const e=C.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>At)return 0;const s=Math.min(this.updatedAt-this.prevUpdatedAt,At);return kt(parseFloat(this.current)-parseFloat(this.prevFrameValue),s)}start(e){return this.stop(),new Promise(s=>{this.hasAnimated=!0,this.animation=e(s),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){var e,s;(e=this.dependents)==null||e.clear(),(s=this.events.destroy)==null||s.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function Ms(t,e){return new cs(t,e)}const As=t=>!!(t&&t.getVelocity);function Ds(t,e,s){if(t==null)return[];if(t instanceof EventTarget)return[t];if(typeof t=="string"){let n=document;e&&(n=e.current);const r=(s==null?void 0:s[t])??n.querySelectorAll(t);return r?Array.from(r):[]}return Array.from(t).filter(n=>n!=null)}const Fs=H.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"});export{Qe as $,Ts as A,Nt as B,ms as C,P as D,B as E,ps as F,ue as G,Ds as H,he as I,xs as J,et as K,ds as L,ut as M,St as N,te as O,$t as P,zt as Q,J as R,Zt as S,fs as T,us as U,Fs as V,is as W,ht as X,Je as Y,Dt as Z,re as _,Ft as a,Le as a0,Xe as a1,Y as a2,kt as a3,ss as b,tt as c,ee as d,Qt as e,Rt as f,qe as g,Yt as h,ie as i,O as j,Pe as k,pe as l,R as m,pt as n,Ms as o,ys as p,As as q,rs as r,U as s,C as t,hs as u,L as v,gs as w,bs as x,vs as y,Ot as z};
@@ -1,4 +1,4 @@
1
- import{r as v,j as e}from"./iframe-D7y7FUTK.js";import{u as re}from"./useSound-Ape9PZyo.js";import{m as i}from"./proxy-Ce-uTDDv.js";import{X as le}from"./x-Cq6n8SKu.js";import{c as l}from"./createLucideIcon-D1rlWUhC.js";import{A}from"./index-C_G3JJLn.js";import{F as G}from"./folder-BCJqv57N.js";import{U as $}from"./users-BQ1OQC3n.js";import{S as J}from"./settings-D8D67Id0.js";import{S as de}from"./search-BpBodH3r.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-Dyabqz-b.js";/**
1
+ import{r as v,j as e}from"./iframe-rPhsLpUF.js";import{u as re}from"./useSound-CISJumm6.js";import{m as i}from"./proxy-uJ8evSzT.js";import{X as le}from"./x-Bb1g_3HM.js";import{c as l}from"./createLucideIcon-DhNY7W9i.js";import{A}from"./index-B9UM6a_o.js";import{F as G}from"./folder-Dt06LOrp.js";import{U as $}from"./users-Bm-CUW6N.js";import{S as J}from"./settings-en9EIxHx.js";import{S as de}from"./search-CIAI1CyG.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-HXxMOMJo.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 v,j as _}from"./iframe-D7y7FUTK.js";import"./preload-helper-C1FmrZbK.js";const q={"noise-overlay":"_noise-overlay_1esbx_1"},S=({patternSize:x=250,patternScaleX:y=1,patternScaleY:z=1,patternRefreshInterval:i=2,patternAlpha:c=15})=>{const u=v.useRef(null);return v.useEffect(()=>{const e=u.current;if(!e)return;const s=e.getContext("2d",{alpha:!0});if(!s)return;let d=0,p;const r=1024,o=()=>{e&&(e.width=r,e.height=r,e.style.width="100vw",e.style.height="100vh")},R=()=>{const m=s.createImageData(r,r),a=m.data;for(let t=0;t<a.length;t+=4){const l=Math.random()*255;a[t]=l,a[t+1]=l,a[t+2]=l,a[t+3]=c}s.putImageData(m,0,0)},f=()=>{d%i===0&&R(),d++,p=window.requestAnimationFrame(f)};return window.addEventListener("resize",o),o(),f(),()=>{window.removeEventListener("resize",o),window.cancelAnimationFrame(p)}},[x,y,z,i,c]),_.jsx("canvas",{className:`${q["noise-overlay"]}`,ref:u,style:{imageRendering:"pixelated"}})};S.__docgenInfo={description:"",methods:[],displayName:"Noise",props:{patternSize:{defaultValue:{value:"250",computed:!1},required:!1},patternScaleX:{defaultValue:{value:"1",computed:!1},required:!1},patternScaleY:{defaultValue:{value:"1",computed:!1},required:!1},patternRefreshInterval:{defaultValue:{value:"2",computed:!1},required:!1},patternAlpha:{defaultValue:{value:"15",computed:!1},required:!1}}};const A={title:"ReactBits/Animations/Noise",component:S,parameters:{layout:"fullscreen"}},n={args:{patternSize:250,patternScaleX:1,patternScaleY:1,patternRefreshInterval:2,patternAlpha:15}};var h,g,w;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{
1
+ import{r as v,j as _}from"./iframe-rPhsLpUF.js";import"./preload-helper-C1FmrZbK.js";const q={"noise-overlay":"_noise-overlay_1esbx_1"},S=({patternSize:x=250,patternScaleX:y=1,patternScaleY:z=1,patternRefreshInterval:i=2,patternAlpha:c=15})=>{const u=v.useRef(null);return v.useEffect(()=>{const e=u.current;if(!e)return;const s=e.getContext("2d",{alpha:!0});if(!s)return;let d=0,p;const r=1024,o=()=>{e&&(e.width=r,e.height=r,e.style.width="100vw",e.style.height="100vh")},R=()=>{const m=s.createImageData(r,r),a=m.data;for(let t=0;t<a.length;t+=4){const l=Math.random()*255;a[t]=l,a[t+1]=l,a[t+2]=l,a[t+3]=c}s.putImageData(m,0,0)},f=()=>{d%i===0&&R(),d++,p=window.requestAnimationFrame(f)};return window.addEventListener("resize",o),o(),f(),()=>{window.removeEventListener("resize",o),window.cancelAnimationFrame(p)}},[x,y,z,i,c]),_.jsx("canvas",{className:`${q["noise-overlay"]}`,ref:u,style:{imageRendering:"pixelated"}})};S.__docgenInfo={description:"",methods:[],displayName:"Noise",props:{patternSize:{defaultValue:{value:"250",computed:!1},required:!1},patternScaleX:{defaultValue:{value:"1",computed:!1},required:!1},patternScaleY:{defaultValue:{value:"1",computed:!1},required:!1},patternRefreshInterval:{defaultValue:{value:"2",computed:!1},required:!1},patternAlpha:{defaultValue:{value:"15",computed:!1},required:!1}}};const A={title:"ReactBits/Animations/Noise",component:S,parameters:{layout:"fullscreen"}},n={args:{patternSize:250,patternScaleX:1,patternScaleY:1,patternRefreshInterval:2,patternAlpha:15}};var h,g,w;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{
2
2
  args: {
3
3
  patternSize: 250,
4
4
  patternScaleX: 1,
@@ -1,4 +1,4 @@
1
- import{r as p,j as e}from"./iframe-D7y7FUTK.js";import{u as K}from"./useSound-Ape9PZyo.js";import{m as P}from"./proxy-Ce-uTDDv.js";import{A as U}from"./index-C_G3JJLn.js";const J="_container_y8y1a_1",Q="_header_y8y1a_8",X="_icon_y8y1a_14",O="_label_y8y1a_22",Y="_stepper_y8y1a_31",Z="_disabled_y8y1a_49",ee="_button_y8y1a_55",ae="_buttonIcon_y8y1a_105",te="_valueContainer_y8y1a_116",ne="_valueWrapper_y8y1a_126",le="_value_y8y1a_116",re="_limits_y8y1a_152",se="_limit_y8y1a_152",ie="_small_y8y1a_165",oe="_large_y8y1a_189",ce="_outlined_y8y1a_214",ue="_filled_y8y1a_227",de="_minimal_y8y1a_298",pe="_custom_y8y1a_334",me="_vertical_y8y1a_357",ye="_tally_y8y1a_392",fe="_tallyRow_y8y1a_397",ve="_tallyButton_y8y1a_422",be="_tallyButtonIcon_y8y1a_456",he="_tallyIcon_y8y1a_463",_e="_tallyLabel_y8y1a_472",xe="_tallyBody_y8y1a_483",Se="_tallyMarks_y8y1a_490",Ce="_tallyGroup_y8y1a_497",Ne="_tallyHint_y8y1a_502",ke="_tallyValue_y8y1a_510",ge="_pulse_y8y1a_1",a={container:J,header:Q,icon:X,label:O,stepper:Y,disabled:Z,button:ee,buttonIcon:ae,valueContainer:te,valueWrapper:ne,value:le,limits:re,limit:se,small:ie,large:oe,outlined:ce,filled:ue,minimal:de,custom:pe,vertical:me,tally:ye,tallyRow:fe,tallyButton:ve,tallyButtonIcon:be,tallyIcon:he,tallyLabel:_e,tallyBody:xe,tallyMarks:Se,tallyGroup:Ce,tallyHint:Ne,tallyValue:ke,pulse:ge},we=({value:l,onChange:i,min:n=-1/0,max:r=1/0,step:o=1,label:u,icon:d,disabled:c=!1,size:N="medium",variant:f="default",showPlusMinus:v=!1,allowKeyboard:b=!0,className:k="",customStyles:t={},customButtons:q={},hideLimits:T=!1,layout:H="horizontal",soundConfig:W,color:z,tallyEmptyHint:E="—"})=>{const{handlers:$,playSound:h}=K(W),[g,V]=p.useState(!1),[w,M]=p.useState(!1),[y,_]=p.useState(l);p.useEffect(()=>{_(l)},[l]);const x=p.useCallback(()=>{if(c||l>=r)return;h("click");const s=Math.min(l+o,r);i(s),V(!0),setTimeout(()=>V(!1),200)},[l,i,r,o,c,h]),S=p.useCallback(()=>{if(c||l<=n)return;h("click");const s=Math.max(l-o,n);i(s),M(!0),setTimeout(()=>M(!1),200)},[l,i,n,o,c,h]),A=p.useCallback(s=>{if(!(!b||c))switch(s.key){case"ArrowUp":s.preventDefault(),x();break;case"ArrowDown":s.preventDefault(),S();break;case"PageUp":{s.preventDefault();const m=Math.min(l+o*10,r);i(m);break}case"PageDown":{s.preventDefault();const m=Math.max(l-o*10,n);i(m);break}case"Home":s.preventDefault(),n!==-1/0&&i(n);break;case"End":s.preventDefault(),r!==1/0&&i(r);break}},[b,c,x,S,l,o,n,r,i]),G=p.useCallback(s=>{const m=s.target.value;if(m===""||m==="-"){_(m);return}const L=parseFloat(m);isNaN(L)||_(L)},[]),F=p.useCallback(()=>{let s=typeof y=="string"?y===""||y==="-"?n:parseFloat(y):y;isNaN(s)&&(s=n),s=Math.max(n,Math.min(r,s)),o!==1&&(s=Math.round(s/o)*o),i(s),_(s)},[y,n,r,o,i]),I=[a.container,a[N],a[f],H==="vertical"&&a.vertical,c&&a.disabled,k].filter(Boolean).join(" "),[B,C]=p.useState(null),R=c||l<=n,j=c||l>=r,D=e.jsxs("div",{className:a.stepper,style:t.stepper,onKeyDown:A,tabIndex:c?-1:0,...$,children:[e.jsx(P.button,{className:a.button,style:{...t.button,...B==="decrement"&&t.buttonHover},onMouseEnter:()=>C("decrement"),onMouseLeave:()=>C(null),onClick:S,disabled:R,whileTap:R?void 0:{scale:.9},animate:w?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Decrease value",children:q.decrement||(v?e.jsx("span",{className:a.buttonIcon,style:t.buttonIcon,children:"−"}):e.jsx("svg",{className:a.buttonIcon,style:t.buttonIcon,viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M15 18L9 12L15 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))}),e.jsx("div",{className:a.valueContainer,style:t.valueContainer,children:e.jsx(U,{mode:"wait",children:e.jsx(P.div,{initial:{y:g?10:w?-10:0,opacity:0},animate:{y:0,opacity:1},exit:{y:g?-10:w?10:0,opacity:0},transition:{duration:.15},className:a.valueWrapper,children:e.jsx("input",{type:"text",className:a.value,style:t.value,value:y,onChange:G,onBlur:F,disabled:c,"aria-label":u||"Number input","aria-valuemin":n,"aria-valuemax":r,"aria-valuenow":l})},l)})}),e.jsx(P.button,{className:a.button,style:{...t.button,...B==="increment"&&t.buttonHover},onMouseEnter:()=>C("increment"),onMouseLeave:()=>C(null),onClick:x,disabled:j,whileTap:j?void 0:{scale:.9},animate:g?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Increase value",children:q.increment||(v?e.jsx("span",{className:a.buttonIcon,style:t.buttonIcon,children:"+"}):e.jsx("svg",{className:a.buttonIcon,style:t.buttonIcon,viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})]});return f==="tally"?e.jsx(Re,{value:l,label:u,icon:d,color:z,disabled:c,emptyHint:E,className:I,customStyles:t,onIncrement:x,onDecrement:S,ariaLabel:u||"Tally counter",isDecrementDisabled:R,isIncrementDisabled:j}):f==="custom"&&(u||d)?e.jsxs("div",{className:I,style:{...t.container,display:"flex",alignItems:"center"},children:[e.jsxs("div",{className:a.header,style:{...t.header,flex:1,marginBottom:0},children:[d&&e.jsx("span",{className:a.icon,style:t.icon,children:d}),u&&e.jsx("label",{className:a.label,style:t.label,children:u})]}),D,!T&&(n!==-1/0||r!==1/0)&&e.jsxs("div",{className:a.limits,style:t.limits,children:[e.jsx("span",{className:a.limit,children:n!==-1/0&&`Min: ${n}`}),e.jsx("span",{className:a.limit,children:r!==1/0&&`Max: ${r}`})]})]}):e.jsxs("div",{className:I,style:t.container,children:[(u||d)&&e.jsxs("div",{className:a.header,style:t.header,children:[d&&e.jsx("span",{className:a.icon,style:t.icon,children:d}),u&&e.jsx("label",{className:a.label,style:t.label,children:u})]}),D,!T&&(n!==-1/0||r!==1/0)&&e.jsxs("div",{className:a.limits,style:t.limits,children:[e.jsx("span",{className:a.limit,children:n!==-1/0&&`Min: ${n}`}),e.jsx("span",{className:a.limit,children:r!==1/0&&`Max: ${r}`})]})]})},Ie=({count:l,color:i})=>{const n=[];let r=Math.max(0,Math.floor(l));for(;r>0;){const o=Math.min(5,r);n.push(o),r-=o}return e.jsx("div",{className:a.tallyMarks,"aria-hidden":"true",children:n.map((o,u)=>e.jsxs("svg",{className:a.tallyGroup,width:"38",height:"22",viewBox:"0 0 38 22",children:[[0,1,2,3].slice(0,Math.min(4,o)).map(d=>e.jsx("line",{x1:4+d*6,y1:"2",x2:4+d*6,y2:"20",stroke:i,strokeWidth:"2",strokeLinecap:"round"},d)),o===5&&e.jsx("line",{x1:"1",y1:"18",x2:"27",y2:"4",stroke:i,strokeWidth:"2",strokeLinecap:"round"})]},u))})},Re=({value:l,label:i,icon:n,color:r,disabled:o,emptyHint:u,className:d,customStyles:c,onIncrement:N,onDecrement:f,ariaLabel:v,isDecrementDisabled:b,isIncrementDisabled:k})=>{const t=r||"currentColor";return e.jsxs("div",{"aria-label":v,"aria-disabled":o||void 0,className:`${d} ${a.tallyRow}`,style:c.container,children:[n&&e.jsx("span",{className:a.tallyIcon,style:{color:t,...c.icon},children:n}),i&&e.jsx("span",{className:a.tallyLabel,style:c.label,children:i}),e.jsx("div",{className:a.tallyBody,children:l<=0?e.jsx("span",{className:a.tallyHint,children:u}):e.jsx(Ie,{count:l,color:t})}),e.jsx("button",{type:"button",className:a.tallyButton,onClick:f,disabled:b,"aria-label":`Decrease ${i||"value"}`,children:e.jsx("span",{className:a.tallyButtonIcon,children:"−"})}),e.jsx("span",{className:a.tallyValue,style:{color:t,...c.value},"aria-hidden":"true",children:l}),e.jsx("button",{type:"button",className:a.tallyButton,onClick:N,disabled:k,"aria-label":`Increase ${i||"value"}`,children:e.jsx("span",{className:a.tallyButtonIcon,children:"+"})})]})};we.__docgenInfo={description:`NumberStepper Component
1
+ import{r as p,j as e}from"./iframe-rPhsLpUF.js";import{u as K}from"./useSound-CISJumm6.js";import{m as P}from"./proxy-uJ8evSzT.js";import{A as U}from"./index-B9UM6a_o.js";const J="_container_y8y1a_1",Q="_header_y8y1a_8",X="_icon_y8y1a_14",O="_label_y8y1a_22",Y="_stepper_y8y1a_31",Z="_disabled_y8y1a_49",ee="_button_y8y1a_55",ae="_buttonIcon_y8y1a_105",te="_valueContainer_y8y1a_116",ne="_valueWrapper_y8y1a_126",le="_value_y8y1a_116",re="_limits_y8y1a_152",se="_limit_y8y1a_152",ie="_small_y8y1a_165",oe="_large_y8y1a_189",ce="_outlined_y8y1a_214",ue="_filled_y8y1a_227",de="_minimal_y8y1a_298",pe="_custom_y8y1a_334",me="_vertical_y8y1a_357",ye="_tally_y8y1a_392",fe="_tallyRow_y8y1a_397",ve="_tallyButton_y8y1a_422",be="_tallyButtonIcon_y8y1a_456",he="_tallyIcon_y8y1a_463",_e="_tallyLabel_y8y1a_472",xe="_tallyBody_y8y1a_483",Se="_tallyMarks_y8y1a_490",Ce="_tallyGroup_y8y1a_497",Ne="_tallyHint_y8y1a_502",ke="_tallyValue_y8y1a_510",ge="_pulse_y8y1a_1",a={container:J,header:Q,icon:X,label:O,stepper:Y,disabled:Z,button:ee,buttonIcon:ae,valueContainer:te,valueWrapper:ne,value:le,limits:re,limit:se,small:ie,large:oe,outlined:ce,filled:ue,minimal:de,custom:pe,vertical:me,tally:ye,tallyRow:fe,tallyButton:ve,tallyButtonIcon:be,tallyIcon:he,tallyLabel:_e,tallyBody:xe,tallyMarks:Se,tallyGroup:Ce,tallyHint:Ne,tallyValue:ke,pulse:ge},we=({value:l,onChange:i,min:n=-1/0,max:r=1/0,step:o=1,label:u,icon:d,disabled:c=!1,size:N="medium",variant:f="default",showPlusMinus:v=!1,allowKeyboard:b=!0,className:k="",customStyles:t={},customButtons:q={},hideLimits:T=!1,layout:H="horizontal",soundConfig:W,color:z,tallyEmptyHint:E="—"})=>{const{handlers:$,playSound:h}=K(W),[g,V]=p.useState(!1),[w,M]=p.useState(!1),[y,_]=p.useState(l);p.useEffect(()=>{_(l)},[l]);const x=p.useCallback(()=>{if(c||l>=r)return;h("click");const s=Math.min(l+o,r);i(s),V(!0),setTimeout(()=>V(!1),200)},[l,i,r,o,c,h]),S=p.useCallback(()=>{if(c||l<=n)return;h("click");const s=Math.max(l-o,n);i(s),M(!0),setTimeout(()=>M(!1),200)},[l,i,n,o,c,h]),A=p.useCallback(s=>{if(!(!b||c))switch(s.key){case"ArrowUp":s.preventDefault(),x();break;case"ArrowDown":s.preventDefault(),S();break;case"PageUp":{s.preventDefault();const m=Math.min(l+o*10,r);i(m);break}case"PageDown":{s.preventDefault();const m=Math.max(l-o*10,n);i(m);break}case"Home":s.preventDefault(),n!==-1/0&&i(n);break;case"End":s.preventDefault(),r!==1/0&&i(r);break}},[b,c,x,S,l,o,n,r,i]),G=p.useCallback(s=>{const m=s.target.value;if(m===""||m==="-"){_(m);return}const L=parseFloat(m);isNaN(L)||_(L)},[]),F=p.useCallback(()=>{let s=typeof y=="string"?y===""||y==="-"?n:parseFloat(y):y;isNaN(s)&&(s=n),s=Math.max(n,Math.min(r,s)),o!==1&&(s=Math.round(s/o)*o),i(s),_(s)},[y,n,r,o,i]),I=[a.container,a[N],a[f],H==="vertical"&&a.vertical,c&&a.disabled,k].filter(Boolean).join(" "),[B,C]=p.useState(null),R=c||l<=n,j=c||l>=r,D=e.jsxs("div",{className:a.stepper,style:t.stepper,onKeyDown:A,tabIndex:c?-1:0,...$,children:[e.jsx(P.button,{className:a.button,style:{...t.button,...B==="decrement"&&t.buttonHover},onMouseEnter:()=>C("decrement"),onMouseLeave:()=>C(null),onClick:S,disabled:R,whileTap:R?void 0:{scale:.9},animate:w?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Decrease value",children:q.decrement||(v?e.jsx("span",{className:a.buttonIcon,style:t.buttonIcon,children:"−"}):e.jsx("svg",{className:a.buttonIcon,style:t.buttonIcon,viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M15 18L9 12L15 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))}),e.jsx("div",{className:a.valueContainer,style:t.valueContainer,children:e.jsx(U,{mode:"wait",children:e.jsx(P.div,{initial:{y:g?10:w?-10:0,opacity:0},animate:{y:0,opacity:1},exit:{y:g?-10:w?10:0,opacity:0},transition:{duration:.15},className:a.valueWrapper,children:e.jsx("input",{type:"text",className:a.value,style:t.value,value:y,onChange:G,onBlur:F,disabled:c,"aria-label":u||"Number input","aria-valuemin":n,"aria-valuemax":r,"aria-valuenow":l})},l)})}),e.jsx(P.button,{className:a.button,style:{...t.button,...B==="increment"&&t.buttonHover},onMouseEnter:()=>C("increment"),onMouseLeave:()=>C(null),onClick:x,disabled:j,whileTap:j?void 0:{scale:.9},animate:g?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Increase value",children:q.increment||(v?e.jsx("span",{className:a.buttonIcon,style:t.buttonIcon,children:"+"}):e.jsx("svg",{className:a.buttonIcon,style:t.buttonIcon,viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})]});return f==="tally"?e.jsx(Re,{value:l,label:u,icon:d,color:z,disabled:c,emptyHint:E,className:I,customStyles:t,onIncrement:x,onDecrement:S,ariaLabel:u||"Tally counter",isDecrementDisabled:R,isIncrementDisabled:j}):f==="custom"&&(u||d)?e.jsxs("div",{className:I,style:{...t.container,display:"flex",alignItems:"center"},children:[e.jsxs("div",{className:a.header,style:{...t.header,flex:1,marginBottom:0},children:[d&&e.jsx("span",{className:a.icon,style:t.icon,children:d}),u&&e.jsx("label",{className:a.label,style:t.label,children:u})]}),D,!T&&(n!==-1/0||r!==1/0)&&e.jsxs("div",{className:a.limits,style:t.limits,children:[e.jsx("span",{className:a.limit,children:n!==-1/0&&`Min: ${n}`}),e.jsx("span",{className:a.limit,children:r!==1/0&&`Max: ${r}`})]})]}):e.jsxs("div",{className:I,style:t.container,children:[(u||d)&&e.jsxs("div",{className:a.header,style:t.header,children:[d&&e.jsx("span",{className:a.icon,style:t.icon,children:d}),u&&e.jsx("label",{className:a.label,style:t.label,children:u})]}),D,!T&&(n!==-1/0||r!==1/0)&&e.jsxs("div",{className:a.limits,style:t.limits,children:[e.jsx("span",{className:a.limit,children:n!==-1/0&&`Min: ${n}`}),e.jsx("span",{className:a.limit,children:r!==1/0&&`Max: ${r}`})]})]})},Ie=({count:l,color:i})=>{const n=[];let r=Math.max(0,Math.floor(l));for(;r>0;){const o=Math.min(5,r);n.push(o),r-=o}return e.jsx("div",{className:a.tallyMarks,"aria-hidden":"true",children:n.map((o,u)=>e.jsxs("svg",{className:a.tallyGroup,width:"38",height:"22",viewBox:"0 0 38 22",children:[[0,1,2,3].slice(0,Math.min(4,o)).map(d=>e.jsx("line",{x1:4+d*6,y1:"2",x2:4+d*6,y2:"20",stroke:i,strokeWidth:"2",strokeLinecap:"round"},d)),o===5&&e.jsx("line",{x1:"1",y1:"18",x2:"27",y2:"4",stroke:i,strokeWidth:"2",strokeLinecap:"round"})]},u))})},Re=({value:l,label:i,icon:n,color:r,disabled:o,emptyHint:u,className:d,customStyles:c,onIncrement:N,onDecrement:f,ariaLabel:v,isDecrementDisabled:b,isIncrementDisabled:k})=>{const t=r||"currentColor";return e.jsxs("div",{"aria-label":v,"aria-disabled":o||void 0,className:`${d} ${a.tallyRow}`,style:c.container,children:[n&&e.jsx("span",{className:a.tallyIcon,style:{color:t,...c.icon},children:n}),i&&e.jsx("span",{className:a.tallyLabel,style:c.label,children:i}),e.jsx("div",{className:a.tallyBody,children:l<=0?e.jsx("span",{className:a.tallyHint,children:u}):e.jsx(Ie,{count:l,color:t})}),e.jsx("button",{type:"button",className:a.tallyButton,onClick:f,disabled:b,"aria-label":`Decrease ${i||"value"}`,children:e.jsx("span",{className:a.tallyButtonIcon,children:"−"})}),e.jsx("span",{className:a.tallyValue,style:{color:t,...c.value},"aria-hidden":"true",children:l}),e.jsx("button",{type:"button",className:a.tallyButton,onClick:N,disabled:k,"aria-label":`Increase ${i||"value"}`,children:e.jsx("span",{className:a.tallyButtonIcon,children:"+"})})]})};we.__docgenInfo={description:`NumberStepper Component
2
2
 
3
3
  @component
4
4
  @description