@stfrigerio/sito-template 0.1.51 → 0.1.52

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 (184) hide show
  1. package/package.json +1 -1
  2. package/storybook-static/assets/{ASCIIText.stories-DpBtrb9i.js → ASCIIText.stories-Cb8HvABR.js} +1 -1
  3. package/storybook-static/assets/{AllAtoms.stories-C2hvLJ8w.js → AllAtoms.stories-Disxvghm.js} +1 -1
  4. package/storybook-static/assets/{AnimatedContent.stories-Di9Q7t9j.js → AnimatedContent.stories-jVAgBFE2.js} +1 -1
  5. package/storybook-static/assets/{AnimatedList.stories-BGyYB85Y.js → AnimatedList.stories-Di-vE601.js} +1 -1
  6. package/storybook-static/assets/{Antigravity.stories-Do1dnEK_.js → Antigravity.stories-CE90HCpY.js} +1 -1
  7. package/storybook-static/assets/{ArrayInput.stories-CNtTKUF0.js → ArrayInput.stories-DgSsXJly.js} +1 -1
  8. package/storybook-static/assets/{Aurora.stories-DHuVs0Nh.js → Aurora.stories-DrVAkdjt.js} +1 -1
  9. package/storybook-static/assets/{Beams.stories-C0fr646Y.js → Beams.stories-BSVIpqQ0.js} +1 -1
  10. package/storybook-static/assets/{BlobCursor.stories-CQmLI7VF.js → BlobCursor.stories-C3EgjAh2.js} +1 -1
  11. package/storybook-static/assets/{BlurText.stories-Bqhf_75C.js → BlurText.stories-DJVDRdFo.js} +1 -1
  12. package/storybook-static/assets/{BooleansHeatmap.stories-CSTfHU8X.js → BooleansHeatmap.stories-B_9cPYMM.js} +1 -1
  13. package/storybook-static/assets/{BorderGlow.stories-DllLrSOi.js → BorderGlow.stories-B_wdQUgw.js} +1 -1
  14. package/storybook-static/assets/{BubbleMenu.stories-By8eacsb.js → BubbleMenu.stories-DpLYYw_z.js} +1 -1
  15. package/storybook-static/assets/{Button-2CSvbnXB.js → Button-DK4vPDdE.js} +1 -1
  16. package/storybook-static/assets/{Button.stories-CMFODsAR.js → Button.stories-dpSafIdz.js} +1 -1
  17. package/storybook-static/assets/Calendar-CreieAui.css +1 -0
  18. package/storybook-static/assets/Calendar.stories-lRbXwh4f.js +470 -0
  19. package/storybook-static/assets/{Card-DZVLYsdd.js → Card--7bShmQv.js} +1 -1
  20. package/storybook-static/assets/{Card.stories-DisHmL7k.js → Card.stories-C9cPoCVI.js} +1 -1
  21. package/storybook-static/assets/{CardNav.stories-e50-9J_A.js → CardNav.stories-1WFeombk.js} +1 -1
  22. package/storybook-static/assets/{Carousel.stories-B-rI6jNr.js → Carousel.stories-CPp1bcnx.js} +1 -1
  23. package/storybook-static/assets/{Checkbox-D7FUqeuB.js → Checkbox-BZ4OK19r.js} +1 -1
  24. package/storybook-static/assets/{Checkbox.stories-CyIVTBxZ.js → Checkbox.stories-pzFmZn7E.js} +1 -1
  25. package/storybook-static/assets/{ChromaGrid.stories-S1cYuc5_.js → ChromaGrid.stories-Nunq8QCK.js} +1 -1
  26. package/storybook-static/assets/{CircularGallery.stories-DRrEcX-Y.js → CircularGallery.stories-C6B3QdGe.js} +1 -1
  27. package/storybook-static/assets/{CircularText.stories-CHoRy-lV.js → CircularText.stories-x-CZkrWE.js} +1 -1
  28. package/storybook-static/assets/{ClickSpark.stories-DbPNmGUE.js → ClickSpark.stories-BgEy72nd.js} +1 -1
  29. package/storybook-static/assets/{Color-AVL7NMMY-C-H2x7hU.js → Color-AVL7NMMY-BH2T5gYv.js} +1 -1
  30. package/storybook-static/assets/{ColorBends.stories-BVGGr3v3.js → ColorBends.stories-l5hP9mw3.js} +1 -1
  31. package/storybook-static/assets/{CountUp.stories-Ofg9f0h2.js → CountUp.stories-f4Xo5-1D.js} +1 -1
  32. package/storybook-static/assets/{Counter.stories-CsO7AtIx.js → Counter.stories-Cq0esRYp.js} +1 -1
  33. package/storybook-static/assets/{Crosshair.stories-kyfwqcvB.js → Crosshair.stories-cmjX8jB1.js} +1 -1
  34. package/storybook-static/assets/{Cubes.stories-hA-HjWNO.js → Cubes.stories-Deum-zPK.js} +1 -1
  35. package/storybook-static/assets/{CurvedLoop.stories-CHdhTRmN.js → CurvedLoop.stories-CaRb6vtE.js} +1 -1
  36. package/storybook-static/assets/{DarkVeil.stories-B68s8uCO.js → DarkVeil.stories-DtKNrEKT.js} +1 -1
  37. package/storybook-static/assets/{DateInput-DYaAr-pD.js → DateInput-Dhe5jlzS.js} +1 -1
  38. package/storybook-static/assets/{DateInput.stories-D8DGjdAu.js → DateInput.stories-tMfHI-jT.js} +1 -1
  39. package/storybook-static/assets/{DecayCard.stories-RASuy9DU.js → DecayCard.stories-DOejb79q.js} +1 -1
  40. package/storybook-static/assets/{DecryptedText.stories-BYt96S4h.js → DecryptedText.stories-ZJFOqvcs.js} +1 -1
  41. package/storybook-static/assets/{Dither.stories-BoRhWSS3.js → Dither.stories-BteQ8qaz.js} +1 -1
  42. package/storybook-static/assets/{Dock.stories-HG_pJS3N.js → Dock.stories-CjgGmbrT.js} +1 -1
  43. package/storybook-static/assets/{DocsRenderer-PQXLIZUC-DhsqOTVk.js → DocsRenderer-PQXLIZUC-CDqlUQhE.js} +4 -4
  44. package/storybook-static/assets/{EditFAB.stories-CTGHZ2-N.js → EditFAB.stories-HiEYPWDM.js} +1 -1
  45. package/storybook-static/assets/{EvilEye.stories-CIq_GN_B.js → EvilEye.stories-Dh40voJH.js} +1 -1
  46. package/storybook-static/assets/{FadeContent.stories-D4XSUqNs.js → FadeContent.stories-APJ9w9po.js} +1 -1
  47. package/storybook-static/assets/{FaultyTerminal.stories-D47h3D9_.js → FaultyTerminal.stories-B1QU0me7.js} +1 -1
  48. package/storybook-static/assets/{Fbo-DJ3Mfipf.js → Fbo-C7_12zi1.js} +1 -1
  49. package/storybook-static/assets/{FloatingLines.stories-DwrsyJ8S.js → FloatingLines.stories-BoZu0Eil.js} +1 -1
  50. package/storybook-static/assets/{FlowingMenu.stories-BQGeeDYk.js → FlowingMenu.stories-CIsIyO9J.js} +1 -1
  51. package/storybook-static/assets/{FluidGlass.stories-BNEe11fE.js → FluidGlass.stories-vH3qnmEk.js} +1 -1
  52. package/storybook-static/assets/{Folder.stories-C34siiUF.js → Folder.stories-HkOOEOjb.js} +1 -1
  53. package/storybook-static/assets/{FuzzyText.stories-DoRGPHuR.js → FuzzyText.stories-By8q6YQt.js} +1 -1
  54. package/storybook-static/assets/{Galaxy.stories-CoORoc2P.js → Galaxy.stories-07G7jp_6.js} +1 -1
  55. package/storybook-static/assets/{GhostCursor.stories-qUL8J6dR.js → GhostCursor.stories-BC-trpJu.js} +1 -1
  56. package/storybook-static/assets/{GlareHover.stories-CCdco059.js → GlareHover.stories-B_MjE5aX.js} +1 -1
  57. package/storybook-static/assets/{GlassSurface.stories-DZY8JTI_.js → GlassSurface.stories-rPXwGZOW.js} +1 -1
  58. package/storybook-static/assets/{GlitchText.stories-BOc2qtp8.js → GlitchText.stories-BN308waP.js} +1 -1
  59. package/storybook-static/assets/{GooeyNav.stories-AdVJ0HTE.js → GooeyNav.stories-C5lqZx3I.js} +1 -1
  60. package/storybook-static/assets/{GradientBlinds.stories-CPMa1wbI.js → GradientBlinds.stories-D9l7Ayxs.js} +1 -1
  61. package/storybook-static/assets/{GradientText.stories-DiQ4BiOA.js → GradientText.stories-BiDAn88F.js} +1 -1
  62. package/storybook-static/assets/{Grainient.stories-6AktjTpR.js → Grainient.stories-CSCcWH0M.js} +1 -1
  63. package/storybook-static/assets/{GridMotion.stories-CpUxov1L.js → GridMotion.stories-heG3R9uG.js} +1 -1
  64. package/storybook-static/assets/{ImageSlideshow.stories-BB_WEc_C.js → ImageSlideshow.stories-RDcrjCte.js} +1 -1
  65. package/storybook-static/assets/{Iridescence.stories-DVY4Ad82.js → Iridescence.stories-iJ26He9j.js} +1 -1
  66. package/storybook-static/assets/{LaserFlow.stories-BIwcrTST.js → LaserFlow.stories-H_kwxAaY.js} +1 -1
  67. package/storybook-static/assets/{LetterGlitch.stories-CYLP01fr.js → LetterGlitch.stories-BY9P1wPN.js} +1 -1
  68. package/storybook-static/assets/{LightPillar.stories-Op3-RL2H.js → LightPillar.stories-Bb4DN5XV.js} +1 -1
  69. package/storybook-static/assets/{LightRays.stories-BWfITZGs.js → LightRays.stories-Cc6Y1X_k.js} +1 -1
  70. package/storybook-static/assets/{Lightning.stories-z3EqNFWs.js → Lightning.stories-CpSHxlp7.js} +1 -1
  71. package/storybook-static/assets/{LineWaves.stories-CN-U2RZb.js → LineWaves.stories-COm5OuGf.js} +1 -1
  72. package/storybook-static/assets/{LiquidChrome.stories-CQunDA00.js → LiquidChrome.stories-C88ONVOT.js} +1 -1
  73. package/storybook-static/assets/{LiquidEther.stories-Dx5E22qa.js → LiquidEther.stories-CPSMWSN9.js} +1 -1
  74. package/storybook-static/assets/{LoadingSpinner-xoFPGq9a.js → LoadingSpinner-C4MXlRnC.js} +1 -1
  75. package/storybook-static/assets/{LoadingSpinner.stories-BXcLzSiN.js → LoadingSpinner.stories-CCyN9n1T.js} +1 -1
  76. package/storybook-static/assets/{MagicRings.stories-ChpUpgBm.js → MagicRings.stories-NQSwG8Yn.js} +1 -1
  77. package/storybook-static/assets/{Magnet.stories-CUAsnJjx.js → Magnet.stories-BAwXSJEW.js} +1 -1
  78. package/storybook-static/assets/{MagnetLines.stories-BtKFg9_t.js → MagnetLines.stories-CJqMXg51.js} +1 -1
  79. package/storybook-static/assets/{Masonry.stories-BfT7aonk.js → Masonry.stories-DAl8CRm6.js} +1 -1
  80. package/storybook-static/assets/{MetaBalls.stories-Bpx6y2Mq.js → MetaBalls.stories-BY7Ilvw5.js} +1 -1
  81. package/storybook-static/assets/{MetallicPaint.stories-i_KuUoJ7.js → MetallicPaint.stories-iuclFGy4.js} +1 -1
  82. package/storybook-static/assets/{MoodChart.stories-BUrwIpbe.js → MoodChart.stories-T8Td91vu.js} +1 -1
  83. package/storybook-static/assets/{MotionConfigContext-BdSKNtzx.js → MotionConfigContext-D_4LMwJ5.js} +1 -1
  84. package/storybook-static/assets/{Navbar.stories-B5n2URGj.js → Navbar.stories-SRGoJhYx.js} +1 -1
  85. package/storybook-static/assets/{Noise.stories-BiOgX5JV.js → Noise.stories-B5_Jt1t3.js} +1 -1
  86. package/storybook-static/assets/{NumberStepper-DvLaVPaJ.js → NumberStepper-BaK5ZScA.js} +1 -1
  87. package/storybook-static/assets/{NumberStepper.stories-Tp2dyXJp.js → NumberStepper.stories-BZIrFbrQ.js} +1 -1
  88. package/storybook-static/assets/{Orb.stories-B4ymfobF.js → Orb.stories-Ci1HMLUW.js} +1 -1
  89. package/storybook-static/assets/{OrbitImages.stories-BOOJ2sLz.js → OrbitImages.stories-Bzf1HUks.js} +1 -1
  90. package/storybook-static/assets/{PieChart.stories-eN4T-LQ5.js → PieChart.stories-ByRTgKp3.js} +1 -1
  91. package/storybook-static/assets/{PixelBlast.stories-CKyxO1s-.js → PixelBlast.stories-C83D_GSk.js} +1 -1
  92. package/storybook-static/assets/{PixelCard.stories-DNkvTz5j.js → PixelCard.stories-B8DdUCQe.js} +1 -1
  93. package/storybook-static/assets/{PixelSnow.stories-DDwr-w1I.js → PixelSnow.stories-BOHNVU80.js} +1 -1
  94. package/storybook-static/assets/{PixelTransition.stories-nLfk3vHv.js → PixelTransition.stories-D8VH3ukb.js} +1 -1
  95. package/storybook-static/assets/{Plasma.stories-CiQrlhdr.js → Plasma.stories-CatIdRAD.js} +1 -1
  96. package/storybook-static/assets/{Prism.stories-DiUQJHSM.js → Prism.stories-Bg6GLExD.js} +1 -1
  97. package/storybook-static/assets/{PrismaticBurst.stories-CE1GpHYN.js → PrismaticBurst.stories-BNdrAv89.js} +1 -1
  98. package/storybook-static/assets/{ProfileCard.stories-CLCPDEvl.js → ProfileCard.stories-CyaTrCeK.js} +1 -1
  99. package/storybook-static/assets/{QuantifiableHabitsChart.stories-qCi1Hwlz.js → QuantifiableHabitsChart.stories-C86yjHJm.js} +1 -1
  100. package/storybook-static/assets/{Radar.stories-DKY5fGUM.js → Radar.stories-CvzRcw-C.js} +1 -1
  101. package/storybook-static/assets/{Ribbons.stories-fdt7Dly3.js → Ribbons.stories-BRX9ZoeY.js} +1 -1
  102. package/storybook-static/assets/{RippleGrid.stories-n5CU7uPT.js → RippleGrid.stories-vnV8CCtp.js} +1 -1
  103. package/storybook-static/assets/{RotatingText.stories-D345b2IH.js → RotatingText.stories-B8GsJWaC.js} +1 -1
  104. package/storybook-static/assets/{ScrollFloat.stories-vqa9uxYG.js → ScrollFloat.stories-DOlmhv7e.js} +1 -1
  105. package/storybook-static/assets/{ScrollReveal.stories-dYbCWXJL.js → ScrollReveal.stories-Bm9KxbWm.js} +1 -1
  106. package/storybook-static/assets/{ScrollVelocity.stories-BNKZ-bfJ.js → ScrollVelocity.stories-De4s_pOX.js} +1 -1
  107. package/storybook-static/assets/{SearchBar.stories-CXEYCYtx.js → SearchBar.stories-CfIOeCyX.js} +1 -1
  108. package/storybook-static/assets/{SearchableDropdown-BTWjVlVv.js → SearchableDropdown--EWJF18v.js} +1 -1
  109. package/storybook-static/assets/{SearchableDropdown.stories-BBXXroOM.js → SearchableDropdown.stories-B9KNxfZm.js} +1 -1
  110. package/storybook-static/assets/{SelectInput-BhKBu2cI.js → SelectInput-CFM_N8VG.js} +1 -1
  111. package/storybook-static/assets/{SelectInput.stories-W6PuLg-G.js → SelectInput.stories-D_5G5-0N.js} +1 -1
  112. package/storybook-static/assets/{ShapeBlur.stories-wsyTNDdI.js → ShapeBlur.stories-DNg_BI9n.js} +1 -1
  113. package/storybook-static/assets/{ShapeGrid.stories-BP0HTLmc.js → ShapeGrid.stories-D6mhsKbm.js} +1 -1
  114. package/storybook-static/assets/{ShinyText.stories-2ZQhiBft.js → ShinyText.stories-NtVkUqNB.js} +1 -1
  115. package/storybook-static/assets/{Silk.stories-C973tELu.js → Silk.stories-BACMGa6I.js} +1 -1
  116. package/storybook-static/assets/{SleepChart.stories-C-nic0Hg.js → SleepChart.stories-S6pSldWo.js} +1 -1
  117. package/storybook-static/assets/{Slider-Cj4NY5N0.js → Slider-dqb2UNTZ.js} +1 -1
  118. package/storybook-static/assets/{Slider.stories-DLEYO7pQ.js → Slider.stories-4UkeTwoz.js} +1 -1
  119. package/storybook-static/assets/{SoftAurora.stories-BwKGvWh1.js → SoftAurora.stories-DH8d39VG.js} +1 -1
  120. package/storybook-static/assets/{SoundDemo.stories-BBGMylUU.js → SoundDemo.stories-Ci_Q1qDO.js} +1 -1
  121. package/storybook-static/assets/{SplashCursor.stories-Nh-ONQGd.js → SplashCursor.stories-BMBbSrDn.js} +1 -1
  122. package/storybook-static/assets/{SpotlightCard.stories-C7FUbVoM.js → SpotlightCard.stories-Cy3mgAFZ.js} +1 -1
  123. package/storybook-static/assets/{Stack.stories-eXwEbGTy.js → Stack.stories-C_qFRAvS.js} +1 -1
  124. package/storybook-static/assets/{StaggeredMenu.stories-tgVDfUr0.js → StaggeredMenu.stories-BeqjTXCs.js} +1 -1
  125. package/storybook-static/assets/{StarBorder.stories-D36zbc2N.js → StarBorder.stories-BeLKjLZu.js} +1 -1
  126. package/storybook-static/assets/{SunburstChart.stories-CgCbkhG8.js → SunburstChart.stories-DN8EQLMh.js} +1 -1
  127. package/storybook-static/assets/{Table.stories-BdABrDyr.js → Table.stories-BJ6FcfdD.js} +1 -1
  128. package/storybook-static/assets/{Tabs.stories-BwzAz5v_.js → Tabs.stories-7-b1PtWp.js} +1 -1
  129. package/storybook-static/assets/{TargetCursor.stories-D1M0ZV-S.js → TargetCursor.stories-CfxWRalc.js} +1 -1
  130. package/storybook-static/assets/{TextArea-CMvPbRqQ.js → TextArea-DGywTJLt.js} +1 -1
  131. package/storybook-static/assets/{TextArea.stories-DmAuD1fB.js → TextArea.stories-B-uYOZs4.js} +1 -1
  132. package/storybook-static/assets/{TextCursor.stories-CJmFUz8s.js → TextCursor.stories-61sj2bl9.js} +1 -1
  133. package/storybook-static/assets/{TextInput-7QROD9Bu.js → TextInput-CiI38oLt.js} +1 -1
  134. package/storybook-static/assets/{TextInput.stories-Cwf2_Ika.js → TextInput.stories-DtG6MQod.js} +1 -1
  135. package/storybook-static/assets/{TextPressure.stories-CB8UIoN_.js → TextPressure.stories-C1h8GiS8.js} +1 -1
  136. package/storybook-static/assets/{TextType.stories-D4ZEW3Fz.js → TextType.stories-BfUDVoY_.js} +1 -1
  137. package/storybook-static/assets/ThemeSwitcher.stories-gBLrYosz.js +62 -0
  138. package/storybook-static/assets/{Threads.stories-P32yG4P8.js → Threads.stories-sZxNqPXX.js} +1 -1
  139. package/storybook-static/assets/{TimeInput.stories-Dkkdpsta.js → TimeInput.stories-CjvGCAgd.js} +1 -1
  140. package/storybook-static/assets/{Toggle-DLu7xVQv.js → Toggle-DwTHl9Fm.js} +1 -1
  141. package/storybook-static/assets/{Toggle.stories-BSS4Epfw.js → Toggle.stories-DU0Scugu.js} +1 -1
  142. package/storybook-static/assets/{ToggleButton-Cq7dxxuH.js → ToggleButton-s2aFLlgS.js} +1 -1
  143. package/storybook-static/assets/{ToggleButton.stories-BZvOkwfy.js → ToggleButton.stories-DgSqo96g.js} +1 -1
  144. package/storybook-static/assets/{TrueFocus.stories-BMRj967B.js → TrueFocus.stories-CuqOvqGj.js} +1 -1
  145. package/storybook-static/assets/{VariableProximity.stories-B6-tbs3n.js → VariableProximity.stories-CWLeFmxb.js} +1 -1
  146. package/storybook-static/assets/{Waves.stories-CAJon3iL.js → Waves.stories-zeyoHm5S.js} +1 -1
  147. package/storybook-static/assets/{check-D8bWZLP6.js → check-7O6ar4SG.js} +1 -1
  148. package/storybook-static/assets/{chevron-down-BZPtZoHS.js → chevron-down-BC5Z9HYA.js} +1 -1
  149. package/storybook-static/assets/{chevron-right-B4kqmwjo.js → chevron-right-CDwij0IV.js} +1 -1
  150. package/storybook-static/assets/client-C--dgtnn.js +1 -0
  151. package/storybook-static/assets/{createLucideIcon-Eaeny9Zi.js → createLucideIcon-yjHXhSOm.js} +1 -1
  152. package/storybook-static/assets/{folder-DNcKa6s5.js → folder-CATSGh42.js} +1 -1
  153. package/storybook-static/assets/{iconBase-CstVDnta.js → iconBase-D_x0Veg_.js} +1 -1
  154. package/storybook-static/assets/iframe-B7RIyArP.css +1 -0
  155. package/storybook-static/assets/{iframe-CvT6MryR.js → iframe-LZvJb0BS.js} +5 -5
  156. package/storybook-static/assets/{index-Cb6YhhUk.js → index-D9mC-cEf.js} +1 -1
  157. package/storybook-static/assets/{index-KuyQzDCw.js → index-DSYnL-zq.js} +1 -1
  158. package/storybook-static/assets/{index-2ZuXCVEx.js → index-vc18hLoj.js} +1 -1
  159. package/storybook-static/assets/{layout-grid-nUVet5Tw.js → layout-grid-Dyvnjtf9.js} +1 -1
  160. package/storybook-static/assets/{proxy-0exJiild.js → proxy-94dt0K2Y.js} +1 -1
  161. package/storybook-static/assets/{react-18-KOo_VULj.js → react-18-C-ERT8YQ.js} +1 -1
  162. package/storybook-static/assets/{react-three-fiber.esm-BbD9yVT_.js → react-three-fiber.esm-D_o7ZgN9.js} +1 -1
  163. package/storybook-static/assets/{search-Cfa-rwoK.js → search-BVmOcKZi.js} +1 -1
  164. package/storybook-static/assets/{sun-BwQ2hAsY.js → sun-s1P_-p6e.js} +1 -1
  165. package/storybook-static/assets/{use-animation-frame-BOMew7B2.js → use-animation-frame-04H3dRpD.js} +1 -1
  166. package/storybook-static/assets/{use-in-view-BP3CscI2.js → use-in-view--MCxH20O.js} +1 -1
  167. package/storybook-static/assets/{use-motion-value-DfJqnIZb.js → use-motion-value-Cic9xvrL.js} +1 -1
  168. package/storybook-static/assets/{use-spring-SHZiaDU4.js → use-spring-D4LsSJyy.js} +1 -1
  169. package/storybook-static/assets/{use-transform-CATrWDJd.js → use-transform-D1fwdMmS.js} +1 -1
  170. package/storybook-static/assets/{useSound-DyOR6GVH.js → useSound-Dc8S51xy.js} +1 -1
  171. package/storybook-static/assets/{users-CoCnAJkL.js → users-DmRtN79P.js} +1 -1
  172. package/storybook-static/assets/{x-D_m9a61B.js → x-C7Ulr4p2.js} +1 -1
  173. package/storybook-static/iframe.html +2 -2
  174. package/storybook-static/project.json +1 -1
  175. package/storybook-static/sb-addons/chromatic-com-storybook-4/manager-bundle.js +1 -1
  176. package/storybook-static/sb-addons/docs-2/manager-bundle.js +2 -2
  177. package/storybook-static/sb-addons/links-3/manager-bundle.js +1 -1
  178. package/storybook-static/sb-addons/storybook-5/manager-bundle.js +1 -1
  179. package/storybook-static/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +3 -3
  180. package/storybook-static/assets/Calendar-gAaU5NXk.css +0 -1
  181. package/storybook-static/assets/Calendar.stories-BPwP3WUJ.js +0 -470
  182. package/storybook-static/assets/ThemeSwitcher.stories-DHgVmIcC.js +0 -62
  183. package/storybook-static/assets/client-er7qZ0kF.js +0 -1
  184. package/storybook-static/assets/iframe-Df7_64QT.css +0 -1
@@ -1,4 +1,4 @@
1
- import{r as d,j as Me}from"./iframe-CvT6MryR.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-LZvJb0BS.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-CvT6MryR.js";import{A as L}from"./index-2ZuXCVEx.js";import{m as a}from"./proxy-0exJiild.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-LZvJb0BS.js";import{A as L}from"./index-vc18hLoj.js";import{m as a}from"./proxy-94dt0K2Y.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 ue}from"./LoadingSpinner-xoFPGq9a.js";import"./iframe-CvT6MryR.js";import"./preload-helper-C1FmrZbK.js";import"./index-2ZuXCVEx.js";import"./proxy-0exJiild.js";import"./MotionConfigContext-BdSKNtzx.js";const we={title:"Atoms/LoadingSpinner",component:ue,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"}},s={args:{variant:"dots",size:"medium",message:"Loading your amazing content..."}},a={args:{variant:"dots",size:"small"}},r={args:{variant:"dots",size:"large"}},n={args:{variant:"spinner",size:"medium"}},o={args:{variant:"pulse",size:"medium"}},t={args:{variant:"spinner",size:"small",message:"Loading..."}},i={args:{variant:"pulse",size:"large",message:"Processing your request..."}},c={args:{variant:"dots",size:"medium",message:"Fetching data from server..."},parameters:{docs:{description:{story:"Example of how the loading spinner might appear when fetching data."}}}},m={args:{variant:"pulse",size:"small",message:"Saving changes..."},parameters:{docs:{description:{story:"Compact loading spinner for save operations."}}}},p={args:{variant:"spinner",size:"large",message:"Uploading files..."},parameters:{docs:{description:{story:"Large loading spinner for file upload operations."}}}},l={args:{variant:"dots",size:"medium",message:"Custom colored loading...",color:"#ff6b6b",backgroundColor:"#f8f9fa"},parameters:{docs:{description:{story:"Loading spinner with custom colors for brand consistency."}}}},d={args:{variant:"pulse",size:"medium",showMessage:!1},parameters:{docs:{description:{story:"Compact spinner without text message."}}}},g={args:{variant:"dots",size:"medium",showSparkles:!1,message:"Clean loading without sparkles..."},parameters:{docs:{description:{story:"Minimal loading spinner without decorative sparkles."}}}},u={args:{variant:"spinner",size:"medium",customMessages:["Processing your request...","Almost ready...","Just a few more seconds...","Finalizing details..."],messageRotationInterval:1500},parameters:{docs:{description:{story:"Loading spinner with custom rotating messages and faster rotation."}}}},v={args:{variant:"dots",size:"large",message:"Loading application...",fullScreen:!0,overlay:!0},parameters:{docs:{description:{story:"Full-screen loading overlay for app initialization or major operations."}}}},S={args:{variant:"spinner",size:"small",showMessage:!1,showSparkles:!1,color:"#6c757d"},parameters:{docs:{description:{story:"Ultra-minimal loading spinner for inline use."}}}};var f,y,z;e.parameters={...e.parameters,docs:{...(f=e.parameters)==null?void 0:f.docs,source:{originalSource:`{
1
+ import{L as ue}from"./LoadingSpinner-C4MXlRnC.js";import"./iframe-LZvJb0BS.js";import"./preload-helper-C1FmrZbK.js";import"./index-vc18hLoj.js";import"./proxy-94dt0K2Y.js";import"./MotionConfigContext-D_4LMwJ5.js";const we={title:"Atoms/LoadingSpinner",component:ue,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"}},s={args:{variant:"dots",size:"medium",message:"Loading your amazing content..."}},a={args:{variant:"dots",size:"small"}},r={args:{variant:"dots",size:"large"}},n={args:{variant:"spinner",size:"medium"}},o={args:{variant:"pulse",size:"medium"}},t={args:{variant:"spinner",size:"small",message:"Loading..."}},i={args:{variant:"pulse",size:"large",message:"Processing your request..."}},c={args:{variant:"dots",size:"medium",message:"Fetching data from server..."},parameters:{docs:{description:{story:"Example of how the loading spinner might appear when fetching data."}}}},m={args:{variant:"pulse",size:"small",message:"Saving changes..."},parameters:{docs:{description:{story:"Compact loading spinner for save operations."}}}},p={args:{variant:"spinner",size:"large",message:"Uploading files..."},parameters:{docs:{description:{story:"Large loading spinner for file upload operations."}}}},l={args:{variant:"dots",size:"medium",message:"Custom colored loading...",color:"#ff6b6b",backgroundColor:"#f8f9fa"},parameters:{docs:{description:{story:"Loading spinner with custom colors for brand consistency."}}}},d={args:{variant:"pulse",size:"medium",showMessage:!1},parameters:{docs:{description:{story:"Compact spinner without text message."}}}},g={args:{variant:"dots",size:"medium",showSparkles:!1,message:"Clean loading without sparkles..."},parameters:{docs:{description:{story:"Minimal loading spinner without decorative sparkles."}}}},u={args:{variant:"spinner",size:"medium",customMessages:["Processing your request...","Almost ready...","Just a few more seconds...","Finalizing details..."],messageRotationInterval:1500},parameters:{docs:{description:{story:"Loading spinner with custom rotating messages and faster rotation."}}}},v={args:{variant:"dots",size:"large",message:"Loading application...",fullScreen:!0,overlay:!0},parameters:{docs:{description:{story:"Full-screen loading overlay for app initialization or major operations."}}}},S={args:{variant:"spinner",size:"small",showMessage:!1,showSparkles:!1,color:"#6c757d"},parameters:{docs:{description:{story:"Ultra-minimal loading spinner for inline use."}}}};var f,y,z;e.parameters={...e.parameters,docs:{...(f=e.parameters)==null?void 0:f.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-CvT6MryR.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-LZvJb0BS.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-CvT6MryR.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:d,height:f}=o.current.getBoundingClientRect(),m=b+d/2,p=R+f/2,S=Math.abs(m-e.clientX),X=Math.abs(p-e.clientY);if(S<d/2+a&&X<f/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"},tags:["autodocs"]},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-LZvJb0BS.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:d,height:f}=o.current.getBoundingClientRect(),m=b+d/2,p=R+f/2,S=Math.abs(m-e.clientX),X=Math.abs(p-e.clientY);if(S<d/2+a&&X<f/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"},tags:["autodocs"]},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-CvT6MryR.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"),o=t=>{e.forEach(a=>{const s=a.getBoundingClientRect(),$=s.x+s.width/2,f=s.y+s.height/2,l=t.x-$,m=t.y-f,C=Math.sqrt(m*m+l*l)||1,j=Math.acos(l/C)*180/Math.PI*(t.y>f?1:-1);a.style.setProperty("--rotate",`${j}deg`)})};if(window.addEventListener("pointermove",o),e.length){const t=Math.floor(e.length/2),a=e[t].getBoundingClientRect();o({x:a.x,y:a.y})}return()=>{window.removeEventListener("pointermove",o)}},[]);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"},tags:["autodocs"]},n={};var v,h,y;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(y=(h=n.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};const N=["Default"];export{n as Default,N as __namedExportsOrder,I as default};
1
+ import{r as p,j as g}from"./iframe-LZvJb0BS.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"),o=t=>{e.forEach(a=>{const s=a.getBoundingClientRect(),$=s.x+s.width/2,f=s.y+s.height/2,l=t.x-$,m=t.y-f,C=Math.sqrt(m*m+l*l)||1,j=Math.acos(l/C)*180/Math.PI*(t.y>f?1:-1);a.style.setProperty("--rotate",`${j}deg`)})};if(window.addEventListener("pointermove",o),e.length){const t=Math.floor(e.length/2),a=e[t].getBoundingClientRect();o({x:a.x,y:a.y})}return()=>{window.removeEventListener("pointermove",o)}},[]);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"},tags:["autodocs"]},n={};var v,h,y;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(y=(h=n.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};const N=["Default"];export{n as Default,N as __namedExportsOrder,I as default};
@@ -1,4 +1,4 @@
1
- import{r as i,j as f}from"./iframe-CvT6MryR.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"},tags:["autodocs"]},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-LZvJb0BS.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"},tags:["autodocs"]},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-CvT6MryR.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-LZvJb0BS.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-CvT6MryR.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-LZvJb0BS.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 as n,j as r}from"./iframe-CvT6MryR.js";import{s as S}from"./transform-BKmuZieF.js";import{l as F}from"./linear-dkJHgUri.js";import{e as et,t as at,l as ot,m as nt}from"./monotone-DHdPkfDP.js";import{a as rt,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 ct="_container_1cfkm_1",lt="_chart_1cfkm_11",mt="_gridLine_1cfkm_16",dt="_line_1cfkm_22",pt="_xAxis_1cfkm_30",gt="_yAxis_1cfkm_31",ut="_dataPoint_1cfkm_50",ht="_tooltip_1cfkm_63",ft="_tooltipHeader_1cfkm_88",_t="_tooltipDate_1cfkm_97",xt="_tooltipRating_1cfkm_103",yt="_ratingValue_1cfkm_113",Mt="_ratingMax_1cfkm_118",Dt="_tooltipTags_1cfkm_123",vt="_tag_1cfkm_130",kt="_tooltipComment_1cfkm_148",e={container:ct,chart:lt,gridLine:mt,line:dt,xAxis:pt,yAxis:gt,dataPoint:ut,tooltip:ht,tooltipHeader:ft,tooltipDate:_t,tooltipRating:xt,ratingValue:yt,ratingMax:Mt,tooltipTags:Dt,tag:vt,tooltipComment:kt},G=({moodData:o,width:g=800,height:f=400})=>{const i=n.useRef(null),d=n.useRef(null),J=n.useRef(null),[l,_]=n.useState(null),[w,K]=n.useState({x:0,y:0}),[A,C]=n.useState(!1),c=n.useMemo(()=>({top:20,right:20,bottom:50,left:40}),[]),x=g-c.left-c.right,N=f-c.top-c.bottom,u=n.useMemo(()=>o.map(a=>{const s=a.tag?a.tag.split(",").map(m=>m.trim()).filter(m=>m):[];return{date:new Date(a.date),rating:a.rating,tags:s,comment:a.comment}}).filter(a=>!isNaN(a.date.getTime())&&isFinite(a.rating)),[o]),E=n.useMemo(()=>F().domain([1,5,10]).range(["#FF6B6B","#FFD93D","#6BCB77"]).clamp(!0),[]);return n.useEffect(()=>{if(!i.current||u.length===0)return;const a=S(i.current);a.selectAll("*").remove();const s=a.append("g").attr("transform",`translate(${c.left},${c.top})`),m=et(u,t=>t.date);if(!m[0]||!m[1])return;const R=at().domain(m).range([0,x]),p=F().domain([1,10]).range([N,0]),U=ot().x(t=>R(t.date)).y(t=>p(t.rating)).curve(nt);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",x).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,${N})`).call(rt(R).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=>R(t.date)).attr("cy",t=>p(t.rating)).attr("r",5).attr("fill",t=>E(t.rating)).style("cursor","pointer").on("mouseenter",(t,Z)=>{var b,$;const y=(b=i.current)==null?void 0:b.getBoundingClientRect(),tt=($=d.current)==null?void 0:$.getBoundingClientRect();if(y&&tt){let h=t.clientX-y.left+10,T=t.clientY-y.top-10;const B=250;h+B>x+c.left-20&&(h=t.clientX-y.left-B-10,h<0&&(h=10)),T<0&&(T=10),K({x:h,y:T})}_(Z),S(t.currentTarget).transition().duration(200).attr("r",8)}).on("mouseleave",t=>{setTimeout(()=>{A||_(null)},250),S(t.currentTarget).transition().duration(200).attr("r",5)})},[u,x,N,E,c,A]),n.useEffect(()=>()=>{_(null)},[]),r.jsxs("div",{className:e.container,ref:d,children:[r.jsx("svg",{ref:i,width:g,height:f,className:e.chart}),l&&r.jsxs("div",{ref:J,className:e.tooltip,style:{position:"absolute",pointerEvents:"auto",left:w.x,top:w.y,zIndex:1e3},onMouseEnter:()=>C(!0),onMouseLeave:()=>{C(!1),_(null)},children:[r.jsxs("div",{className:e.tooltipHeader,children:[r.jsx("div",{className:e.tooltipDate,children:l.date.toLocaleDateString()}),r.jsxs("div",{className:e.tooltipRating,children:[r.jsx("span",{className:e.ratingValue,children:l.rating}),r.jsx("span",{className:e.ratingMax,children:"/10"})]})]}),l.tags.length>0&&r.jsx("div",{className:e.tooltipTags,children:l.tags.map((a,s)=>r.jsx("span",{className:e.tag,children:a},s))}),l.comment&&r.jsx("div",{className:e.tooltipComment,children:l.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 $t={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}}}},j=o=>{const g=[],f=new Date;for(let i=o-1;i>=0;i--){const d=new Date(f);d.setDate(d.getDate()-i),g.push(d.toISOString().split("T")[0])}return g},M={args:{moodData:j(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:j(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:j(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}},k={args:{moodData:[],width:800,height:400}};var H,L,P;M.parameters={...M.parameters,docs:{...(H=M.parameters)==null?void 0:H.docs,source:{originalSource:`{
1
+ import{r as n,j as r}from"./iframe-LZvJb0BS.js";import{s as S}from"./transform-BKmuZieF.js";import{l as F}from"./linear-dkJHgUri.js";import{e as et,t as at,l as ot,m as nt}from"./monotone-DHdPkfDP.js";import{a as rt,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 ct="_container_1cfkm_1",lt="_chart_1cfkm_11",mt="_gridLine_1cfkm_16",dt="_line_1cfkm_22",pt="_xAxis_1cfkm_30",gt="_yAxis_1cfkm_31",ut="_dataPoint_1cfkm_50",ht="_tooltip_1cfkm_63",ft="_tooltipHeader_1cfkm_88",_t="_tooltipDate_1cfkm_97",xt="_tooltipRating_1cfkm_103",yt="_ratingValue_1cfkm_113",Mt="_ratingMax_1cfkm_118",Dt="_tooltipTags_1cfkm_123",vt="_tag_1cfkm_130",kt="_tooltipComment_1cfkm_148",e={container:ct,chart:lt,gridLine:mt,line:dt,xAxis:pt,yAxis:gt,dataPoint:ut,tooltip:ht,tooltipHeader:ft,tooltipDate:_t,tooltipRating:xt,ratingValue:yt,ratingMax:Mt,tooltipTags:Dt,tag:vt,tooltipComment:kt},G=({moodData:o,width:g=800,height:f=400})=>{const i=n.useRef(null),d=n.useRef(null),J=n.useRef(null),[l,_]=n.useState(null),[w,K]=n.useState({x:0,y:0}),[A,C]=n.useState(!1),c=n.useMemo(()=>({top:20,right:20,bottom:50,left:40}),[]),x=g-c.left-c.right,N=f-c.top-c.bottom,u=n.useMemo(()=>o.map(a=>{const s=a.tag?a.tag.split(",").map(m=>m.trim()).filter(m=>m):[];return{date:new Date(a.date),rating:a.rating,tags:s,comment:a.comment}}).filter(a=>!isNaN(a.date.getTime())&&isFinite(a.rating)),[o]),E=n.useMemo(()=>F().domain([1,5,10]).range(["#FF6B6B","#FFD93D","#6BCB77"]).clamp(!0),[]);return n.useEffect(()=>{if(!i.current||u.length===0)return;const a=S(i.current);a.selectAll("*").remove();const s=a.append("g").attr("transform",`translate(${c.left},${c.top})`),m=et(u,t=>t.date);if(!m[0]||!m[1])return;const R=at().domain(m).range([0,x]),p=F().domain([1,10]).range([N,0]),U=ot().x(t=>R(t.date)).y(t=>p(t.rating)).curve(nt);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",x).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,${N})`).call(rt(R).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=>R(t.date)).attr("cy",t=>p(t.rating)).attr("r",5).attr("fill",t=>E(t.rating)).style("cursor","pointer").on("mouseenter",(t,Z)=>{var b,$;const y=(b=i.current)==null?void 0:b.getBoundingClientRect(),tt=($=d.current)==null?void 0:$.getBoundingClientRect();if(y&&tt){let h=t.clientX-y.left+10,T=t.clientY-y.top-10;const B=250;h+B>x+c.left-20&&(h=t.clientX-y.left-B-10,h<0&&(h=10)),T<0&&(T=10),K({x:h,y:T})}_(Z),S(t.currentTarget).transition().duration(200).attr("r",8)}).on("mouseleave",t=>{setTimeout(()=>{A||_(null)},250),S(t.currentTarget).transition().duration(200).attr("r",5)})},[u,x,N,E,c,A]),n.useEffect(()=>()=>{_(null)},[]),r.jsxs("div",{className:e.container,ref:d,children:[r.jsx("svg",{ref:i,width:g,height:f,className:e.chart}),l&&r.jsxs("div",{ref:J,className:e.tooltip,style:{position:"absolute",pointerEvents:"auto",left:w.x,top:w.y,zIndex:1e3},onMouseEnter:()=>C(!0),onMouseLeave:()=>{C(!1),_(null)},children:[r.jsxs("div",{className:e.tooltipHeader,children:[r.jsx("div",{className:e.tooltipDate,children:l.date.toLocaleDateString()}),r.jsxs("div",{className:e.tooltipRating,children:[r.jsx("span",{className:e.ratingValue,children:l.rating}),r.jsx("span",{className:e.ratingMax,children:"/10"})]})]}),l.tags.length>0&&r.jsx("div",{className:e.tooltipTags,children:l.tags.map((a,s)=>r.jsx("span",{className:e.tag,children:a},s))}),l.comment&&r.jsx("div",{className:e.tooltipComment,children:l.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 $t={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}}}},j=o=>{const g=[],f=new Date;for(let i=o-1;i>=0;i--){const d=new Date(f);d.setDate(d.getDate()-i),g.push(d.toISOString().split("T")[0])}return g},M={args:{moodData:j(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:j(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:j(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}},k={args:{moodData:[],width:800,height:400}};var H,L,P;M.parameters={...M.parameters,docs:{...(H=M.parameters)==null?void 0:H.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-CvT6MryR.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{Xe 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,re as Y,Qe as Z,Le as _,Ft as a,Y as a0,Je as a1,Dt 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-LZvJb0BS.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{Xe 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,re as Y,Qe as Z,Le as _,Ft as a,Y as a0,Je as a1,Dt 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-CvT6MryR.js";import{u as He}from"./useSound-DyOR6GVH.js";import{m as i}from"./proxy-0exJiild.js";import{X as Pe}from"./x-D_m9a61B.js";import{c}from"./createLucideIcon-Eaeny9Zi.js";import{A as R}from"./index-2ZuXCVEx.js";import{F as Ne}from"./folder-DNcKa6s5.js";import{U as y}from"./users-CoCnAJkL.js";import{S as Se}from"./search-Cfa-rwoK.js";import{L as Ee}from"./layout-grid-nUVet5Tw.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.js";/**
1
+ import{r as v,j as e}from"./iframe-LZvJb0BS.js";import{u as He}from"./useSound-Dc8S51xy.js";import{m as i}from"./proxy-94dt0K2Y.js";import{X as Pe}from"./x-C7Ulr4p2.js";import{c}from"./createLucideIcon-yjHXhSOm.js";import{A as R}from"./index-vc18hLoj.js";import{F as Ne}from"./folder-CATSGh42.js";import{U as y}from"./users-DmRtN79P.js";import{S as Se}from"./search-BVmOcKZi.js";import{L as Ee}from"./layout-grid-Dyvnjtf9.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.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-CvT6MryR.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"},tags:["autodocs"]},n={args:{patternSize:250,patternScaleX:1,patternScaleY:1,patternRefreshInterval:2,patternAlpha:15}};var g,h,w;n.parameters={...n.parameters,docs:{...(g=n.parameters)==null?void 0:g.docs,source:{originalSource:`{
1
+ import{r as v,j as _}from"./iframe-LZvJb0BS.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"},tags:["autodocs"]},n={args:{patternSize:250,patternScaleX:1,patternScaleY:1,patternRefreshInterval:2,patternAlpha:15}};var g,h,w;n.parameters={...n.parameters,docs:{...(g=n.parameters)==null?void 0:g.docs,source:{originalSource:`{
2
2
  args: {
3
3
  patternSize: 250,
4
4
  patternScaleX: 1,
@@ -1,4 +1,4 @@
1
- import{r as c,j as e}from"./iframe-CvT6MryR.js";import{u as F}from"./useSound-DyOR6GVH.js";import{m as C}from"./proxy-0exJiild.js";import{A as K}from"./index-2ZuXCVEx.js";const U="_container_zx89l_1",J="_header_zx89l_8",Q="_icon_zx89l_14",X="_label_zx89l_22",G="_stepper_zx89l_31",O="_disabled_zx89l_49",Y="_button_zx89l_55",Z="_buttonIcon_zx89l_103",ee="_valueContainer_zx89l_114",ae="_valueWrapper_zx89l_124",te="_value_zx89l_114",ne="_limits_zx89l_150",re="_limit_zx89l_150",le="_small_zx89l_163",ie="_large_zx89l_187",se="_outlined_zx89l_212",oe="_filled_zx89l_225",ue="_minimal_zx89l_290",ce="_custom_zx89l_326",pe="_vertical_zx89l_338",de="_pulse_zx89l_1",a={container:U,header:J,icon:Q,label:X,stepper:G,disabled:O,button:Y,buttonIcon:Z,valueContainer:ee,valueWrapper:ae,value:te,limits:ne,limit:re,small:le,large:ie,outlined:se,filled:oe,minimal:ue,custom:ce,vertical:pe,pulse:de},me=({value:i,onChange:s,min:r=-1/0,max:l=1/0,step:o=1,label:d,icon:f,disabled:u=!1,size:M="medium",variant:g="default",showPlusMinus:N=!1,allowKeyboard:R=!0,className:L="",customStyles:n={},customButtons:w={},hideLimits:k=!1,layout:W="horizontal",soundConfig:B})=>{const{handlers:H,playSound:v}=F(B),[y,I]=c.useState(!1),[S,P]=c.useState(!1),[m,b]=c.useState(i);c.useEffect(()=>{b(i)},[i]);const x=c.useCallback(()=>{if(u||i>=l)return;v("click");const t=Math.min(i+o,l);s(t),I(!0),setTimeout(()=>I(!1),200)},[i,s,l,o,u,v]),_=c.useCallback(()=>{if(u||i<=r)return;v("click");const t=Math.max(i-o,r);s(t),P(!0),setTimeout(()=>P(!1),200)},[i,s,r,o,u,v]),E=c.useCallback(t=>{if(!(!R||u))switch(t.key){case"ArrowUp":t.preventDefault(),x();break;case"ArrowDown":t.preventDefault(),_();break;case"PageUp":{t.preventDefault();const p=Math.min(i+o*10,l);s(p);break}case"PageDown":{t.preventDefault();const p=Math.max(i-o*10,r);s(p);break}case"Home":t.preventDefault(),r!==-1/0&&s(r);break;case"End":t.preventDefault(),l!==1/0&&s(l);break}},[R,u,x,_,i,o,r,l,s]),A=c.useCallback(t=>{const p=t.target.value;if(p===""||p==="-"){b(p);return}const D=parseFloat(p);isNaN(D)||b(D)},[]),$=c.useCallback(()=>{let t=typeof m=="string"?m===""||m==="-"?r:parseFloat(m):m;isNaN(t)&&(t=r),t=Math.max(r,Math.min(l,t)),o!==1&&(t=Math.round(t/o)*o),s(t),b(t)},[m,r,l,o,s]),j=[a.container,a[M],a[g],W==="vertical"&&a.vertical,u&&a.disabled,L].filter(Boolean).join(" "),[q,h]=c.useState(null),z=u||i<=r,T=u||i>=l,V=e.jsxs("div",{className:a.stepper,style:n.stepper,onKeyDown:E,tabIndex:u?-1:0,...H,children:[e.jsx(C.button,{className:a.button,style:{...n.button,...q==="decrement"&&n.buttonHover},onMouseEnter:()=>h("decrement"),onMouseLeave:()=>h(null),onClick:_,disabled:z,whileTap:z?void 0:{scale:.9},animate:S?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Decrease value",children:w.decrement||(N?e.jsx("span",{className:a.buttonIcon,style:n.buttonIcon,children:"−"}):e.jsx("svg",{className:a.buttonIcon,style:n.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:n.valueContainer,children:e.jsx(K,{mode:"wait",children:e.jsx(C.div,{initial:{y:y?10:S?-10:0,opacity:0},animate:{y:0,opacity:1},exit:{y:y?-10:S?10:0,opacity:0},transition:{duration:.15},className:a.valueWrapper,children:e.jsx("input",{type:"text",className:a.value,style:n.value,value:m,onChange:A,onBlur:$,disabled:u,"aria-label":d||"Number input","aria-valuemin":r,"aria-valuemax":l,"aria-valuenow":i})},i)})}),e.jsx(C.button,{className:a.button,style:{...n.button,...q==="increment"&&n.buttonHover},onMouseEnter:()=>h("increment"),onMouseLeave:()=>h(null),onClick:x,disabled:T,whileTap:T?void 0:{scale:.9},animate:y?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Increase value",children:w.increment||(N?e.jsx("span",{className:a.buttonIcon,style:n.buttonIcon,children:"+"}):e.jsx("svg",{className:a.buttonIcon,style:n.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 g==="custom"&&(d||f)?e.jsxs("div",{className:j,style:{...n.container,display:"flex",alignItems:"center"},children:[e.jsxs("div",{className:a.header,style:{...n.header,flex:1,marginBottom:0},children:[f&&e.jsx("span",{className:a.icon,style:n.icon,children:f}),d&&e.jsx("label",{className:a.label,style:n.label,children:d})]}),V,!k&&(r!==-1/0||l!==1/0)&&e.jsxs("div",{className:a.limits,style:n.limits,children:[e.jsx("span",{className:a.limit,children:r!==-1/0&&`Min: ${r}`}),e.jsx("span",{className:a.limit,children:l!==1/0&&`Max: ${l}`})]})]}):e.jsxs("div",{className:j,style:n.container,children:[(d||f)&&e.jsxs("div",{className:a.header,style:n.header,children:[f&&e.jsx("span",{className:a.icon,style:n.icon,children:f}),d&&e.jsx("label",{className:a.label,style:n.label,children:d})]}),V,!k&&(r!==-1/0||l!==1/0)&&e.jsxs("div",{className:a.limits,style:n.limits,children:[e.jsx("span",{className:a.limit,children:r!==-1/0&&`Min: ${r}`}),e.jsx("span",{className:a.limit,children:l!==1/0&&`Max: ${l}`})]})]})};me.__docgenInfo={description:`NumberStepper Component
1
+ import{r as c,j as e}from"./iframe-LZvJb0BS.js";import{u as F}from"./useSound-Dc8S51xy.js";import{m as C}from"./proxy-94dt0K2Y.js";import{A as K}from"./index-vc18hLoj.js";const U="_container_zx89l_1",J="_header_zx89l_8",Q="_icon_zx89l_14",X="_label_zx89l_22",G="_stepper_zx89l_31",O="_disabled_zx89l_49",Y="_button_zx89l_55",Z="_buttonIcon_zx89l_103",ee="_valueContainer_zx89l_114",ae="_valueWrapper_zx89l_124",te="_value_zx89l_114",ne="_limits_zx89l_150",re="_limit_zx89l_150",le="_small_zx89l_163",ie="_large_zx89l_187",se="_outlined_zx89l_212",oe="_filled_zx89l_225",ue="_minimal_zx89l_290",ce="_custom_zx89l_326",pe="_vertical_zx89l_338",de="_pulse_zx89l_1",a={container:U,header:J,icon:Q,label:X,stepper:G,disabled:O,button:Y,buttonIcon:Z,valueContainer:ee,valueWrapper:ae,value:te,limits:ne,limit:re,small:le,large:ie,outlined:se,filled:oe,minimal:ue,custom:ce,vertical:pe,pulse:de},me=({value:i,onChange:s,min:r=-1/0,max:l=1/0,step:o=1,label:d,icon:f,disabled:u=!1,size:M="medium",variant:g="default",showPlusMinus:N=!1,allowKeyboard:R=!0,className:L="",customStyles:n={},customButtons:w={},hideLimits:k=!1,layout:W="horizontal",soundConfig:B})=>{const{handlers:H,playSound:v}=F(B),[y,I]=c.useState(!1),[S,P]=c.useState(!1),[m,b]=c.useState(i);c.useEffect(()=>{b(i)},[i]);const x=c.useCallback(()=>{if(u||i>=l)return;v("click");const t=Math.min(i+o,l);s(t),I(!0),setTimeout(()=>I(!1),200)},[i,s,l,o,u,v]),_=c.useCallback(()=>{if(u||i<=r)return;v("click");const t=Math.max(i-o,r);s(t),P(!0),setTimeout(()=>P(!1),200)},[i,s,r,o,u,v]),E=c.useCallback(t=>{if(!(!R||u))switch(t.key){case"ArrowUp":t.preventDefault(),x();break;case"ArrowDown":t.preventDefault(),_();break;case"PageUp":{t.preventDefault();const p=Math.min(i+o*10,l);s(p);break}case"PageDown":{t.preventDefault();const p=Math.max(i-o*10,r);s(p);break}case"Home":t.preventDefault(),r!==-1/0&&s(r);break;case"End":t.preventDefault(),l!==1/0&&s(l);break}},[R,u,x,_,i,o,r,l,s]),A=c.useCallback(t=>{const p=t.target.value;if(p===""||p==="-"){b(p);return}const D=parseFloat(p);isNaN(D)||b(D)},[]),$=c.useCallback(()=>{let t=typeof m=="string"?m===""||m==="-"?r:parseFloat(m):m;isNaN(t)&&(t=r),t=Math.max(r,Math.min(l,t)),o!==1&&(t=Math.round(t/o)*o),s(t),b(t)},[m,r,l,o,s]),j=[a.container,a[M],a[g],W==="vertical"&&a.vertical,u&&a.disabled,L].filter(Boolean).join(" "),[q,h]=c.useState(null),z=u||i<=r,T=u||i>=l,V=e.jsxs("div",{className:a.stepper,style:n.stepper,onKeyDown:E,tabIndex:u?-1:0,...H,children:[e.jsx(C.button,{className:a.button,style:{...n.button,...q==="decrement"&&n.buttonHover},onMouseEnter:()=>h("decrement"),onMouseLeave:()=>h(null),onClick:_,disabled:z,whileTap:z?void 0:{scale:.9},animate:S?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Decrease value",children:w.decrement||(N?e.jsx("span",{className:a.buttonIcon,style:n.buttonIcon,children:"−"}):e.jsx("svg",{className:a.buttonIcon,style:n.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:n.valueContainer,children:e.jsx(K,{mode:"wait",children:e.jsx(C.div,{initial:{y:y?10:S?-10:0,opacity:0},animate:{y:0,opacity:1},exit:{y:y?-10:S?10:0,opacity:0},transition:{duration:.15},className:a.valueWrapper,children:e.jsx("input",{type:"text",className:a.value,style:n.value,value:m,onChange:A,onBlur:$,disabled:u,"aria-label":d||"Number input","aria-valuemin":r,"aria-valuemax":l,"aria-valuenow":i})},i)})}),e.jsx(C.button,{className:a.button,style:{...n.button,...q==="increment"&&n.buttonHover},onMouseEnter:()=>h("increment"),onMouseLeave:()=>h(null),onClick:x,disabled:T,whileTap:T?void 0:{scale:.9},animate:y?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Increase value",children:w.increment||(N?e.jsx("span",{className:a.buttonIcon,style:n.buttonIcon,children:"+"}):e.jsx("svg",{className:a.buttonIcon,style:n.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 g==="custom"&&(d||f)?e.jsxs("div",{className:j,style:{...n.container,display:"flex",alignItems:"center"},children:[e.jsxs("div",{className:a.header,style:{...n.header,flex:1,marginBottom:0},children:[f&&e.jsx("span",{className:a.icon,style:n.icon,children:f}),d&&e.jsx("label",{className:a.label,style:n.label,children:d})]}),V,!k&&(r!==-1/0||l!==1/0)&&e.jsxs("div",{className:a.limits,style:n.limits,children:[e.jsx("span",{className:a.limit,children:r!==-1/0&&`Min: ${r}`}),e.jsx("span",{className:a.limit,children:l!==1/0&&`Max: ${l}`})]})]}):e.jsxs("div",{className:j,style:n.container,children:[(d||f)&&e.jsxs("div",{className:a.header,style:n.header,children:[f&&e.jsx("span",{className:a.icon,style:n.icon,children:f}),d&&e.jsx("label",{className:a.label,style:n.label,children:d})]}),V,!k&&(r!==-1/0||l!==1/0)&&e.jsxs("div",{className:a.limits,style:n.limits,children:[e.jsx("span",{className:a.limit,children:r!==-1/0&&`Min: ${r}`}),e.jsx("span",{className:a.limit,children:l!==1/0&&`Max: ${l}`})]})]})};me.__docgenInfo={description:`NumberStepper Component
2
2
 
3
3
  @component
4
4
  @description
@@ -1,4 +1,4 @@
1
- import{j as n,r as C}from"./iframe-CvT6MryR.js";import{N as a}from"./NumberStepper-DvLaVPaJ.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-DyOR6GVH.js";import"./proxy-0exJiild.js";import"./MotionConfigContext-BdSKNtzx.js";import"./index-2ZuXCVEx.js";const Qe={title:"Atoms/NumberStepper",component:a,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{value:{control:{type:"number"},description:"Current value of the stepper"},onChange:{action:"changed",description:"Callback when value changes"},min:{control:{type:"number"},description:"Minimum allowed value"},max:{control:{type:"number"},description:"Maximum allowed value"},step:{control:{type:"number"},description:"Step increment/decrement amount"},label:{control:"text",description:"Label text for the stepper"},icon:{control:"text",description:"Icon or emoji to display"},disabled:{control:"boolean",description:"Whether the stepper is disabled"},size:{control:{type:"select"},options:["small","medium","large"],description:"Size variant of the stepper"},variant:{control:{type:"select"},options:["default","outlined","filled","minimal","custom"],description:"Visual variant of the stepper"},showPlusMinus:{control:"boolean",description:"Show plus/minus icons instead of arrows"},allowKeyboard:{control:"boolean",description:"Allow keyboard navigation"}}},r=e=>{const[R,j]=C.useState(e.value||0);return n.jsx(a,{...e,value:R,onChange:o=>{var t;j(o),(t=e.onChange)==null||t.call(e,o)}})},s={render:e=>n.jsx(r,{...e}),args:{value:5,min:0,max:10,step:1}},i={render:e=>n.jsx(r,{...e}),args:{value:5,min:0,max:100,step:1,label:"Cigarettes",icon:"🚬"}},p={render:e=>n.jsx(r,{...e}),args:{value:1,min:1,max:99,step:1,label:"Quantity",icon:"📦",showPlusMinus:!0}},l={render:e=>n.jsx(r,{...e}),args:{value:20,min:16,max:30,step:.5,label:"Temperature",icon:"🌡️",variant:"filled"}},d={render:e=>n.jsx(r,{...e}),args:{value:3,min:0,max:10,step:1,size:"small",label:"Small"}},c={render:e=>n.jsx(r,{...e}),args:{value:50,min:0,max:100,step:10,size:"large",label:"Large",icon:"🎯"}},u={render:e=>n.jsx(r,{...e}),args:{value:25,min:0,max:100,step:5,variant:"outlined",label:"Progress",icon:"📊"}},m={render:e=>n.jsx(r,{...e}),args:{value:7,min:1,max:10,step:1,variant:"filled",label:"Rating",icon:"⭐"}},b={render:e=>n.jsx(r,{...e}),args:{value:5,min:0,max:10,step:1,disabled:!0,label:"Disabled"}},g={render:e=>n.jsx(r,{...e}),args:{value:0,step:1,label:"Unlimited",icon:"♾️"}},x={render:e=>n.jsx(r,{...e}),args:{value:1.5,min:0,max:5,step:.1,label:"Decimal",icon:"🔢"}},f={render:()=>{const[e,R]=C.useState(0),[j,o]=C.useState(0),[t,Me]=C.useState(7);return n.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[n.jsx(a,{value:e,onChange:R,min:0,max:10,step:1,label:"Glasses of Water",icon:"💧",variant:"filled"}),n.jsx(a,{value:j,onChange:o,min:0,max:120,step:15,label:"Exercise (minutes)",icon:"🏃",variant:"outlined"}),n.jsx(a,{value:t,onChange:Me,min:0,max:12,step:.5,label:"Hours of Sleep",icon:"😴"})]})}},S={render:e=>n.jsx(r,{...e}),args:{value:42,min:0,max:100,step:1,variant:"minimal",label:"Minimal Style"}},h={render:e=>n.jsx(r,{...e}),args:{value:5,min:0,max:10,step:1,label:"Custom Styled",icon:"🎨",customStyles:{container:{background:"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",padding:"20px",borderRadius:"16px",boxShadow:"0 10px 30px rgba(0,0,0,0.2)"},label:{color:"white",fontSize:"18px",fontWeight:"bold"},icon:{fontSize:"24px"},button:{background:"rgba(255,255,255,0.2)",color:"white",border:"1px solid rgba(255,255,255,0.3)",borderRadius:"8px"},buttonHover:{background:"rgba(255,255,255,0.3)",transform:"scale(1.1)"},value:{color:"white",fontSize:"24px",fontWeight:"bold",background:"transparent"},valueContainer:{background:"rgba(255,255,255,0.1)",borderRadius:"8px"}}}},v={render:e=>n.jsx(r,{...e}),args:{value:100,min:0,max:999,step:1,label:"Health Points",icon:"❤️",showPlusMinus:!0,customStyles:{container:{background:"#1a1a2e",border:"2px solid #16213e",borderRadius:"12px",padding:"16px"},header:{marginBottom:"12px"},label:{color:"#eaeaea",fontSize:"14px",textTransform:"uppercase",letterSpacing:"1px"},icon:{filter:"drop-shadow(0 0 10px rgba(255, 0, 0, 0.5))"},stepper:{background:"#0f3460",borderRadius:"8px",padding:"8px"},button:{background:"#e94560",color:"white",border:"none",borderRadius:"6px",transition:"all 0.3s ease"},buttonHover:{background:"#ff4666",boxShadow:"0 0 20px rgba(233, 69, 96, 0.5)"},value:{color:"#00ff00",fontSize:"28px",fontFamily:"monospace",fontWeight:"bold",textShadow:"0 0 10px rgba(0, 255, 0, 0.5)"}}}},y={render:e=>n.jsx(r,{...e}),args:{value:75,min:0,max:100,step:5,label:"Volume",icon:"🔊",customStyles:{container:{background:"#0a0a0a",border:"2px solid #00ffff",borderRadius:"20px",padding:"24px",boxShadow:"0 0 30px rgba(0, 255, 255, 0.3)"},label:{color:"#00ffff",fontSize:"16px",textTransform:"uppercase",textShadow:"0 0 10px rgba(0, 255, 255, 0.8)"},icon:{fontSize:"28px",filter:"drop-shadow(0 0 10px rgba(0, 255, 255, 0.5))"},button:{background:"transparent",color:"#ff00ff",border:"2px solid #ff00ff",borderRadius:"50%",width:"40px",height:"40px"},buttonHover:{background:"rgba(255, 0, 255, 0.2)",boxShadow:"0 0 20px rgba(255, 0, 255, 0.8)"},buttonIcon:{filter:"drop-shadow(0 0 5px currentColor)"},value:{color:"#ffff00",fontSize:"32px",fontWeight:"bold",textShadow:"0 0 15px rgba(255, 255, 0, 0.8)",background:"transparent"},valueContainer:{background:"rgba(255, 255, 255, 0.05)",border:"1px solid rgba(255, 255, 255, 0.2)",borderRadius:"10px"}}}},w={render:e=>n.jsx(r,{...e}),args:{value:5,min:0,max:10,step:1,label:"Vertical Layout",icon:"↕️",layout:"vertical",customStyles:{container:{background:"#f0f4f8",padding:"20px",borderRadius:"12px",minWidth:"200px"},header:{textAlign:"center",marginBottom:"16px"},stepper:{flexDirection:"column",gap:"12px"},button:{width:"100%",height:"40px"},valueContainer:{width:"100%",padding:"12px",background:"white",borderRadius:"8px"}}}},k={render:e=>n.jsx(r,{...e}),args:{value:3,min:1,max:5,step:1,label:"Star Rating",customButtons:{decrement:n.jsx("span",{style:{fontSize:"20px"},children:"👎"}),increment:n.jsx("span",{style:{fontSize:"20px"},children:"👍"})},customStyles:{button:{background:"transparent",border:"2px solid #ffd700",borderRadius:"50%",width:"50px",height:"50px"},buttonHover:{background:"rgba(255, 215, 0, 0.2)"},value:{fontSize:"24px",fontWeight:"bold",color:"#ffd700"}}}},W={render:e=>n.jsx(r,{...e}),args:{value:50,min:0,max:100,step:10,label:"Progress",icon:"📈",hideLimits:!1,customStyles:{limits:{display:"flex",justifyContent:"space-between",marginTop:"8px",fontSize:"12px",color:"#666"}}}},z={render:e=>n.jsx(r,{...e}),args:{value:25,min:0,max:100,step:5,label:"Discount %",icon:"🏷️",variant:"custom",customStyles:{container:{display:"flex",alignItems:"center",gap:"16px",background:"#fff3e0",padding:"12px 20px",borderRadius:"30px",border:"2px solid #ff9800"},header:{flex:1,marginBottom:0,display:"flex",alignItems:"center",gap:"8px"},label:{color:"#e65100",fontWeight:"bold"},stepper:{background:"white",borderRadius:"20px",padding:"4px",border:"1px solid #ffcc80"},button:{background:"#ff9800",color:"white",borderRadius:"50%",width:"32px",height:"32px",border:"none"},value:{color:"#e65100",fontWeight:"bold",fontSize:"18px"}}}};var N,D,L;s.parameters={...s.parameters,docs:{...(N=s.parameters)==null?void 0:N.docs,source:{originalSource:`{
1
+ import{j as n,r as C}from"./iframe-LZvJb0BS.js";import{N as a}from"./NumberStepper-BaK5ZScA.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Dc8S51xy.js";import"./proxy-94dt0K2Y.js";import"./MotionConfigContext-D_4LMwJ5.js";import"./index-vc18hLoj.js";const Qe={title:"Atoms/NumberStepper",component:a,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{value:{control:{type:"number"},description:"Current value of the stepper"},onChange:{action:"changed",description:"Callback when value changes"},min:{control:{type:"number"},description:"Minimum allowed value"},max:{control:{type:"number"},description:"Maximum allowed value"},step:{control:{type:"number"},description:"Step increment/decrement amount"},label:{control:"text",description:"Label text for the stepper"},icon:{control:"text",description:"Icon or emoji to display"},disabled:{control:"boolean",description:"Whether the stepper is disabled"},size:{control:{type:"select"},options:["small","medium","large"],description:"Size variant of the stepper"},variant:{control:{type:"select"},options:["default","outlined","filled","minimal","custom"],description:"Visual variant of the stepper"},showPlusMinus:{control:"boolean",description:"Show plus/minus icons instead of arrows"},allowKeyboard:{control:"boolean",description:"Allow keyboard navigation"}}},r=e=>{const[R,j]=C.useState(e.value||0);return n.jsx(a,{...e,value:R,onChange:o=>{var t;j(o),(t=e.onChange)==null||t.call(e,o)}})},s={render:e=>n.jsx(r,{...e}),args:{value:5,min:0,max:10,step:1}},i={render:e=>n.jsx(r,{...e}),args:{value:5,min:0,max:100,step:1,label:"Cigarettes",icon:"🚬"}},p={render:e=>n.jsx(r,{...e}),args:{value:1,min:1,max:99,step:1,label:"Quantity",icon:"📦",showPlusMinus:!0}},l={render:e=>n.jsx(r,{...e}),args:{value:20,min:16,max:30,step:.5,label:"Temperature",icon:"🌡️",variant:"filled"}},d={render:e=>n.jsx(r,{...e}),args:{value:3,min:0,max:10,step:1,size:"small",label:"Small"}},c={render:e=>n.jsx(r,{...e}),args:{value:50,min:0,max:100,step:10,size:"large",label:"Large",icon:"🎯"}},u={render:e=>n.jsx(r,{...e}),args:{value:25,min:0,max:100,step:5,variant:"outlined",label:"Progress",icon:"📊"}},m={render:e=>n.jsx(r,{...e}),args:{value:7,min:1,max:10,step:1,variant:"filled",label:"Rating",icon:"⭐"}},b={render:e=>n.jsx(r,{...e}),args:{value:5,min:0,max:10,step:1,disabled:!0,label:"Disabled"}},g={render:e=>n.jsx(r,{...e}),args:{value:0,step:1,label:"Unlimited",icon:"♾️"}},x={render:e=>n.jsx(r,{...e}),args:{value:1.5,min:0,max:5,step:.1,label:"Decimal",icon:"🔢"}},f={render:()=>{const[e,R]=C.useState(0),[j,o]=C.useState(0),[t,Me]=C.useState(7);return n.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[n.jsx(a,{value:e,onChange:R,min:0,max:10,step:1,label:"Glasses of Water",icon:"💧",variant:"filled"}),n.jsx(a,{value:j,onChange:o,min:0,max:120,step:15,label:"Exercise (minutes)",icon:"🏃",variant:"outlined"}),n.jsx(a,{value:t,onChange:Me,min:0,max:12,step:.5,label:"Hours of Sleep",icon:"😴"})]})}},S={render:e=>n.jsx(r,{...e}),args:{value:42,min:0,max:100,step:1,variant:"minimal",label:"Minimal Style"}},h={render:e=>n.jsx(r,{...e}),args:{value:5,min:0,max:10,step:1,label:"Custom Styled",icon:"🎨",customStyles:{container:{background:"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",padding:"20px",borderRadius:"16px",boxShadow:"0 10px 30px rgba(0,0,0,0.2)"},label:{color:"white",fontSize:"18px",fontWeight:"bold"},icon:{fontSize:"24px"},button:{background:"rgba(255,255,255,0.2)",color:"white",border:"1px solid rgba(255,255,255,0.3)",borderRadius:"8px"},buttonHover:{background:"rgba(255,255,255,0.3)",transform:"scale(1.1)"},value:{color:"white",fontSize:"24px",fontWeight:"bold",background:"transparent"},valueContainer:{background:"rgba(255,255,255,0.1)",borderRadius:"8px"}}}},v={render:e=>n.jsx(r,{...e}),args:{value:100,min:0,max:999,step:1,label:"Health Points",icon:"❤️",showPlusMinus:!0,customStyles:{container:{background:"#1a1a2e",border:"2px solid #16213e",borderRadius:"12px",padding:"16px"},header:{marginBottom:"12px"},label:{color:"#eaeaea",fontSize:"14px",textTransform:"uppercase",letterSpacing:"1px"},icon:{filter:"drop-shadow(0 0 10px rgba(255, 0, 0, 0.5))"},stepper:{background:"#0f3460",borderRadius:"8px",padding:"8px"},button:{background:"#e94560",color:"white",border:"none",borderRadius:"6px",transition:"all 0.3s ease"},buttonHover:{background:"#ff4666",boxShadow:"0 0 20px rgba(233, 69, 96, 0.5)"},value:{color:"#00ff00",fontSize:"28px",fontFamily:"monospace",fontWeight:"bold",textShadow:"0 0 10px rgba(0, 255, 0, 0.5)"}}}},y={render:e=>n.jsx(r,{...e}),args:{value:75,min:0,max:100,step:5,label:"Volume",icon:"🔊",customStyles:{container:{background:"#0a0a0a",border:"2px solid #00ffff",borderRadius:"20px",padding:"24px",boxShadow:"0 0 30px rgba(0, 255, 255, 0.3)"},label:{color:"#00ffff",fontSize:"16px",textTransform:"uppercase",textShadow:"0 0 10px rgba(0, 255, 255, 0.8)"},icon:{fontSize:"28px",filter:"drop-shadow(0 0 10px rgba(0, 255, 255, 0.5))"},button:{background:"transparent",color:"#ff00ff",border:"2px solid #ff00ff",borderRadius:"50%",width:"40px",height:"40px"},buttonHover:{background:"rgba(255, 0, 255, 0.2)",boxShadow:"0 0 20px rgba(255, 0, 255, 0.8)"},buttonIcon:{filter:"drop-shadow(0 0 5px currentColor)"},value:{color:"#ffff00",fontSize:"32px",fontWeight:"bold",textShadow:"0 0 15px rgba(255, 255, 0, 0.8)",background:"transparent"},valueContainer:{background:"rgba(255, 255, 255, 0.05)",border:"1px solid rgba(255, 255, 255, 0.2)",borderRadius:"10px"}}}},w={render:e=>n.jsx(r,{...e}),args:{value:5,min:0,max:10,step:1,label:"Vertical Layout",icon:"↕️",layout:"vertical",customStyles:{container:{background:"#f0f4f8",padding:"20px",borderRadius:"12px",minWidth:"200px"},header:{textAlign:"center",marginBottom:"16px"},stepper:{flexDirection:"column",gap:"12px"},button:{width:"100%",height:"40px"},valueContainer:{width:"100%",padding:"12px",background:"white",borderRadius:"8px"}}}},k={render:e=>n.jsx(r,{...e}),args:{value:3,min:1,max:5,step:1,label:"Star Rating",customButtons:{decrement:n.jsx("span",{style:{fontSize:"20px"},children:"👎"}),increment:n.jsx("span",{style:{fontSize:"20px"},children:"👍"})},customStyles:{button:{background:"transparent",border:"2px solid #ffd700",borderRadius:"50%",width:"50px",height:"50px"},buttonHover:{background:"rgba(255, 215, 0, 0.2)"},value:{fontSize:"24px",fontWeight:"bold",color:"#ffd700"}}}},W={render:e=>n.jsx(r,{...e}),args:{value:50,min:0,max:100,step:10,label:"Progress",icon:"📈",hideLimits:!1,customStyles:{limits:{display:"flex",justifyContent:"space-between",marginTop:"8px",fontSize:"12px",color:"#666"}}}},z={render:e=>n.jsx(r,{...e}),args:{value:25,min:0,max:100,step:5,label:"Discount %",icon:"🏷️",variant:"custom",customStyles:{container:{display:"flex",alignItems:"center",gap:"16px",background:"#fff3e0",padding:"12px 20px",borderRadius:"30px",border:"2px solid #ff9800"},header:{flex:1,marginBottom:0,display:"flex",alignItems:"center",gap:"8px"},label:{color:"#e65100",fontWeight:"bold"},stepper:{background:"white",borderRadius:"20px",padding:"4px",border:"1px solid #ffcc80"},button:{background:"#ff9800",color:"white",borderRadius:"50%",width:"32px",height:"32px",border:"none"},value:{color:"#e65100",fontWeight:"bold",fontSize:"18px"}}}};var N,D,L;s.parameters={...s.parameters,docs:{...(N=s.parameters)==null?void 0:N.docs,source:{originalSource:`{
2
2
  render: args => <NumberStepperWrapper {...args} />,
3
3
  args: {
4
4
  value: 5,
@@ -1,4 +1,4 @@
1
- import{r as E,j as D}from"./iframe-CvT6MryR.js";import{R as P,P as U,V as g,M as W}from"./Mesh-CwXV3WjE.js";import{T as X}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const Y={"orb-container":"_orb-container_r9fzx_1"};function j({hue:o=0,hoverIntensity:a=.2,rotateOnHover:n=!0,forceHoverState:c=!1,backgroundColor:i="#000000"}){const l=E.useRef(null),h=`
1
+ import{r as E,j as D}from"./iframe-LZvJb0BS.js";import{R as P,P as U,V as g,M as W}from"./Mesh-CwXV3WjE.js";import{T as X}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const Y={"orb-container":"_orb-container_r9fzx_1"};function j({hue:o=0,hoverIntensity:a=.2,rotateOnHover:n=!0,forceHoverState:c=!1,backgroundColor:i="#000000"}){const l=E.useRef(null),h=`
2
2
  precision highp float;
3
3
  attribute vec2 position;
4
4
  attribute vec2 uv;
@@ -1,4 +1,4 @@
1
- import{r as G,j as O}from"./iframe-CvT6MryR.js";import{u as me}from"./use-motion-value-DfJqnIZb.js";import{Y as he,H as de,K as ge,Q as oe,q as le,Z as $e,_ as ve,$ as be,s as Ve,N as ye,o as Ae,a0 as Se}from"./MotionConfigContext-BdSKNtzx.js";import{V as Me,c as je,a as Ee,b as _e,d as qe,S as Oe,H as Pe,v as Z,e as Ie,f as we,m as De}from"./proxy-0exJiild.js";import{u as Te}from"./use-transform-CATrWDJd.js";import"./preload-helper-C1FmrZbK.js";const Ce=(t,e,n)=>{const a=e-t;return((n-t)%a+a)%a+t};function ue(t,e){return he(t)?t[Ce(0,t.length,e)]:t}class Le{constructor(e){this.stop=()=>this.runAll("stop"),this.animations=e.filter(Boolean)}get finished(){return Promise.all(this.animations.map(e=>e.finished))}getAll(e){return this.animations[0][e]}setAll(e,n){for(let a=0;a<this.animations.length;a++)this.animations[a][e]=n}attachTimeline(e){const n=this.animations.map(a=>a.attachTimeline(e));return()=>{n.forEach((a,s)=>{a&&a(),this.animations[s].stop()})}}get time(){return this.getAll("time")}set time(e){this.setAll("time",e)}get speed(){return this.getAll("speed")}set speed(e){this.setAll("speed",e)}get state(){return this.getAll("state")}get startTime(){return this.getAll("startTime")}get duration(){return x(this.animations,"duration")}get iterationDuration(){return x(this.animations,"iterationDuration")}runAll(e){this.animations.forEach(n=>n[e]())}play(){this.runAll("play")}pause(){this.runAll("pause")}cancel(){this.runAll("cancel")}complete(){this.runAll("complete")}}function x(t,e){let n=0;for(let a=0;a<t.length;a++){const s=t[a][e];s!==null&&s>n&&(n=s)}return n}class Ne extends Le{then(e,n){return this.finished.finally(e).then(()=>{})}}function Re(t,e){return t in e}class Ge extends Me{constructor(){super(...arguments),this.type="object"}readValueFromInstance(e,n){if(Re(n,e)){const a=e[n];if(typeof a=="string"||typeof a=="number")return a}}getBaseTargetFromProps(){}removeValueFromRenderState(e,n){delete n.output[e]}measureInstanceViewportBox(){return je()}build(e,n){Object.assign(e.output,n)}renderInstance(e,{output:n}){Object.assign(e,n)}sortInstanceNodePosition(){return 0}}function Q(t){return typeof t=="object"&&!Array.isArray(t)}function fe(t,e,n,a){return t==null?[]:typeof t=="string"&&Q(e)?de(t,n,a):t instanceof NodeList?Array.from(t):Array.isArray(t)?t.filter(s=>s!=null):[t]}function Ke(t,e,n){return t*(e+1)}function ee(t,e,n,a){return typeof e=="number"?e:e.startsWith("-")||e.startsWith("+")?Math.max(0,t+parseFloat(e)):e==="<"?n:e.startsWith("<")?Math.max(0,n+parseFloat(e.slice(1))):a.get(e)??t}function Be(t,e,n){for(let a=0;a<t.length;a++){const s=t[a];s.at>e&&s.at<n&&(oe(t,s),a--)}}function Fe(t,e,n,a,s,i){Be(t,s,i);for(let r=0;r<e.length;r++)t.push({value:e[r],at:ge(s,i,a[r]),easing:ue(n,r)})}function We(t,e){for(let n=0;n<t.length;n++)t[n]=t[n]/(e+1)}function Ze(t,e){return t.at===e.at?t.value===null?1:e.value===null?-1:0:t.at-e.at}const He="easeInOut";function ze(t,{defaultTransition:e={},...n}={},a,s){const i=e.duration||.3,r=new Map,l=new Map,o={},f=new Map;let c=0,u=0,C=0;for(let P=0;P<t.length;P++){const b=t[P];if(typeof b=="string"){f.set(b,u);continue}else if(!Array.isArray(b)){f.set(b.name,ee(u,b.at,c,f));continue}let[V,$,g={}]=b;g.at!==void 0&&(u=ee(u,g.at,c,f));let v=0;const w=(S,I,M,E=0,d=0)=>{const p=ke(S),{delay:D=0,times:j=$e(p),type:h=e.type||"keyframes",repeat:m,repeatType:H,repeatDelay:K=0,...z}=I;let{ease:_=e.ease||"easeOut",duration:y}=I;const A=typeof D=="function"?D(E,d):D,q=p.length,J=Ee(h)?h:s==null?void 0:s[h||"keyframes"];if(q<=2&&J){let L=100;if(q===2&&Ue(p)){const N=p[1]-p[0];L=Math.abs(N)}const B={...e,...z};y!==void 0&&(B.duration=Ve(y));const F=ve(B,L,J);_=F.ease,y=F.duration}y??(y=i);const U=u+A;j.length===1&&j[0]===0&&(j[1]=1);const Y=j.length-p.length;if(Y>0&&be(j,Y),p.length===1&&p.unshift(null),m){y=Ke(y,m);const L=[...p],B=[...j];_=Array.isArray(_)?[..._]:[_];const F=[..._];for(let N=0;N<m;N++){p.push(...L);for(let R=0;R<L.length;R++)j.push(B[R]+(N+1)),_.push(R===0?"linear":ue(F,R-1))}We(j,m)}const X=U+y;Fe(M,p,_,j,U,X),v=Math.max(A+y,v),C=Math.max(X,C)};if(le(V)){const S=te(V,l);w($,g,ne("default",S))}else{const S=fe(V,$,a,o),I=S.length;for(let M=0;M<I;M++){$=$,g=g;const E=S[M],d=te(E,l);for(const p in $)w($[p],Qe(g,p),ne(p,d),M,I)}}c=u,u+=v}return l.forEach((P,b)=>{for(const V in P){const $=P[V];$.sort(Ze);const g=[],v=[],w=[];for(let E=0;E<$.length;E++){const{at:d,value:p,easing:D}=$[E];g.push(p),v.push(ye(0,C,d)),w.push(D||"easeOut")}v[0]!==0&&(v.unshift(0),g.unshift(g[0]),w.unshift(He)),v[v.length-1]!==1&&(v.push(1),g.push(null)),r.has(b)||r.set(b,{keyframes:{},transition:{}});const S=r.get(b);S.keyframes[V]=g;const{type:I,...M}=e;S.transition[V]={...M,duration:C,ease:w,times:v,...n}}}),r}function te(t,e){return!e.has(t)&&e.set(t,{}),e.get(t)}function ne(t,e){return e[t]||(e[t]=[]),e[t]}function ke(t){return Array.isArray(t)?t:[t]}function Qe(t,e){return t&&t[e]?{...t,...t[e]}:{...t}}const Je=t=>typeof t=="number",Ue=t=>t.every(Je);function Ye(t){const e={presenceContext:null,props:{},visualState:{renderState:{transform:{},transformOrigin:{},style:{},vars:{},attrs:{}},latestValues:{}}},n=_e(t)&&!qe(t)?new Oe(e):new Pe(e);n.mount(t),Z.set(t,n)}function Xe(t){const e={presenceContext:null,props:{},visualState:{renderState:{output:{}},latestValues:{}}},n=new Ge(e);n.mount(t),Z.set(t,n)}function xe(t,e){return le(t)||typeof t=="number"||typeof t=="string"&&!Q(e)}function ce(t,e,n,a){const s=[];if(xe(t,e))s.push(Ie(t,Q(e)&&e.default||e,n&&(n.default||n)));else{if(t==null)return s;const i=fe(t,e,a),r=i.length;for(let l=0;l<r;l++){const o=i[l],f=o instanceof Element?Ye:Xe;Z.has(o)||f(o);const c=Z.get(o),u={...n};"delay"in u&&typeof u.delay=="function"&&(u.delay=u.delay(l,r)),s.push(...we(c,{...e,transition:u},{}))}}return s}function et(t,e,n){const a=[],s=t.map(r=>{if(Array.isArray(r)&&typeof r[0]=="function"){const l=r[0],o=Ae(0);return o.on("change",l),r.length===1?[o,[0,1]]:r.length===2?[o,[0,1],r[1]]:[o,r[1],r[2]]}return r});return ze(s,e,n,{spring:Se}).forEach(({keyframes:r,transition:l},o)=>{a.push(...ce(o,r,l))}),a}function tt(t){return Array.isArray(t)&&t.some(Array.isArray)}function nt(t={}){const{scope:e,reduceMotion:n}=t;function a(s,i,r){let l=[],o;if(tt(s)){const{onComplete:c,...u}=i||{};typeof c=="function"&&(o=c),l=et(s,n!==void 0?{reduceMotion:n,...u}:u,e)}else{const{onComplete:c,...u}=r||{};typeof c=="function"&&(o=c),l=ce(s,i,n!==void 0?{reduceMotion:n,...u}:u,e)}const f=new Ne(l);return o&&f.finished.then(o),e&&(e.animations.push(f),f.finished.then(()=>{oe(e.animations,f)})),f}return a}const at=nt(),T={"orbit-container":"_orbit-container_tujj3_1","orbit-scaling-container":"_orbit-scaling-container_tujj3_7","orbit-rotation-wrapper":"_orbit-rotation-wrapper_tujj3_20","orbit-path-svg":"_orbit-path-svg_tujj3_27","orbit-item":"_orbit-item_tujj3_33","orbit-center-content":"_orbit-center-content_tujj3_39","orbit-image":"_orbit-image_tujj3_48"};function k(t,e,n,a){return`M ${t-n} ${e} A ${n} ${a} 0 1 0 ${t+n} ${e} A ${n} ${a} 0 1 0 ${t-n} ${e}`}function ae(t,e,n){return k(t,e,n,n)}function st(t,e,n){const a=n/2;return`M ${t-a} ${e-a} L ${t+a} ${e-a} L ${t+a} ${e+a} L ${t-a} ${e+a} Z`}function rt(t,e,n,a){const s=n/2,i=a/2;return`M ${t-s} ${e-i} L ${t+s} ${e-i} L ${t+s} ${e+i} L ${t-s} ${e+i} Z`}function it(t,e,n){const a=n*Math.sqrt(3)/2,s=n/2;return`M ${t} ${e-a/1.5} L ${t+s} ${e+a/3} L ${t-s} ${e+a/3} Z`}function ot(t,e,n,a,s){const i=Math.PI/s;let r="";for(let l=0;l<2*s;l++){const o=l%2===0?n:a,f=l*i-Math.PI/2,c=t+o*Math.cos(f),u=e+o*Math.sin(f);r+=l===0?`M ${c} ${u}`:` L ${c} ${u}`}return r+" Z"}function lt(t,e,n){const a=n/30;return`M ${t} ${e+12*a} C ${t-20*a} ${e-5*a}, ${t-12*a} ${e-18*a}, ${t} ${e-8*a} C ${t+12*a} ${e-18*a}, ${t+20*a} ${e-5*a}, ${t} ${e+12*a}`}function ut(t,e,n,a){const s=n/2,i=a/2;return`M ${t} ${e} C ${t+s*.5} ${e-i}, ${t+s} ${e-i}, ${t+s} ${e} C ${t+s} ${e+i}, ${t+s*.5} ${e+i}, ${t} ${e} C ${t-s*.5} ${e+i}, ${t-s} ${e+i}, ${t-s} ${e} C ${t-s} ${e-i}, ${t-s*.5} ${e-i}, ${t} ${e}`}function ft(t,e,n,a,s){const i=[],r=s*20,l=n/2;for(let o=0;o<=r;o++){const f=t-l+n*o/r,c=e+Math.sin(o/r*s*2*Math.PI)*a;i.push(o===0?`M ${f} ${c}`:`L ${f} ${c}`)}for(let o=r;o>=0;o--){const f=t-l+n*o/r,c=e-Math.sin(o/r*s*2*Math.PI)*a;i.push(`L ${f} ${c}`)}return i.join(" ")+" Z"}function ct({item:t,index:e,totalItems:n,path:a,itemSize:s,rotation:i,progress:r,fill:l}){const o=l?e/n*100:0,f=Te(r,c=>`${((c+o)%100+100)%100}%`);return O.jsx(De.div,{className:`${T["orbit-item"]}`,style:{width:s,height:s,offsetPath:`path("${a}")`,offsetRotate:"0deg",offsetAnchor:"center center",offsetDistance:f},children:O.jsx("div",{style:{transform:`rotate(${-i}deg)`},children:t})})}function pe({images:t=[],altPrefix:e="Orbiting image",shape:n="ellipse",customPath:a,baseWidth:s=1400,radiusX:i=700,radiusY:r=170,radius:l=300,starPoints:o=5,starInnerRatio:f=.5,rotation:c=-8,duration:u=40,itemSize:C=64,direction:P="normal",fill:b=!0,width:V=100,height:$=100,className:g="",showPath:v=!1,pathColor:w="rgba(0,0,0,0.1)",pathWidth:S=2,easing:I="linear",paused:M=!1,centerContent:E,responsive:d=!1}){const p=G.useRef(null),[D,j]=G.useState(1),h=s/2,m=s/2,H=G.useMemo(()=>{switch(n){case"circle":return ae(h,m,l);case"ellipse":return k(h,m,i,r);case"square":return st(h,m,l*2);case"rectangle":return rt(h,m,i*2,r*2);case"triangle":return it(h,m,l*2);case"star":return ot(h,m,l,l*f,o);case"heart":return lt(h,m,l*2);case"infinity":return ut(h,m,i*2,r*2);case"wave":return ft(h,m,i*2,r,3);case"custom":return a||ae(h,m,l);default:return k(h,m,i,r)}},[n,a,h,m,i,r,l,o,f]);G.useEffect(()=>{if(!d||!p.current)return;const A=()=>{p.current&&j(p.current.clientWidth/s)};A();const q=new ResizeObserver(A);return q.observe(p.current),()=>q.disconnect()},[d,s]);const K=me(0);G.useEffect(()=>{if(M)return;const A=at(K,P==="reverse"?-100:100,{duration:u,ease:I,repeat:1/0,repeatType:"loop"});return()=>A.stop()},[K,u,I,P,M]);const z=d?"100%":typeof V=="number"?V:"100%",_=d?"auto":typeof $=="number"?$:typeof V=="number"?V:"auto",y=t.map((A,q)=>O.jsx("img",{src:A,alt:`${e} ${q+1}`,draggable:!1,className:`${T["orbit-image"]}`},A));return O.jsxs("div",{ref:p,className:`${T["orbit-container"]} ${g}`,style:{width:z,height:_,aspectRatio:d?"1 / 1":void 0},"aria-hidden":"true",children:[O.jsx("div",{className:d?"orbit-scaling-container orbit-scaling-container--responsive":T["orbit-scaling-container"],style:{width:d?s:"100%",height:d?s:"100%",transform:d?`translate(-50%, -50%) scale(${D})`:void 0},children:O.jsxs("div",{className:`${T["orbit-rotation-wrapper"]}`,style:{transform:`rotate(${c}deg)`},children:[v&&O.jsx("svg",{width:"100%",height:"100%",viewBox:`0 0 ${s} ${s}`,className:`${T["orbit-path-svg"]}`,children:O.jsx("path",{d:H,fill:"none",stroke:w,strokeWidth:S/D})}),y.map((A,q)=>O.jsx(ct,{item:A,index:q,totalItems:y.length,path:H,itemSize:C,rotation:c,progress:K,fill:b},q))]})}),E&&O.jsx("div",{className:`${T["orbit-center-content"]}`,children:E})]})}pe.__docgenInfo={description:"",methods:[],displayName:"OrbitImages",props:{images:{defaultValue:{value:"[]",computed:!1},required:!1},altPrefix:{defaultValue:{value:"'Orbiting image'",computed:!1},required:!1},shape:{defaultValue:{value:"'ellipse'",computed:!1},required:!1},baseWidth:{defaultValue:{value:"1400",computed:!1},required:!1},radiusX:{defaultValue:{value:"700",computed:!1},required:!1},radiusY:{defaultValue:{value:"170",computed:!1},required:!1},radius:{defaultValue:{value:"300",computed:!1},required:!1},starPoints:{defaultValue:{value:"5",computed:!1},required:!1},starInnerRatio:{defaultValue:{value:"0.5",computed:!1},required:!1},rotation:{defaultValue:{value:"-8",computed:!1},required:!1},duration:{defaultValue:{value:"40",computed:!1},required:!1},itemSize:{defaultValue:{value:"64",computed:!1},required:!1},direction:{defaultValue:{value:"'normal'",computed:!1},required:!1},fill:{defaultValue:{value:"true",computed:!1},required:!1},width:{defaultValue:{value:"100",computed:!1},required:!1},height:{defaultValue:{value:"100",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},showPath:{defaultValue:{value:"false",computed:!1},required:!1},pathColor:{defaultValue:{value:"'rgba(0,0,0,0.1)'",computed:!1},required:!1},pathWidth:{defaultValue:{value:"2",computed:!1},required:!1},easing:{defaultValue:{value:"'linear'",computed:!1},required:!1},paused:{defaultValue:{value:"false",computed:!1},required:!1},responsive:{defaultValue:{value:"false",computed:!1},required:!1}}};const vt={title:"ReactBits/Animations/OrbitImages",component:pe,parameters:{layout:"fullscreen"},tags:["autodocs"]},W={args:{images:["https://picsum.photos/seed/a/200/200","https://picsum.photos/seed/b/200/200","https://picsum.photos/seed/c/200/200","https://picsum.photos/seed/d/200/200","https://picsum.photos/seed/e/200/200","https://picsum.photos/seed/f/200/200"],altPrefix:"Orbiting image",shape:"ellipse",baseWidth:1400,radiusX:700,radiusY:170,radius:300,starPoints:5,starInnerRatio:.5,rotation:-8,duration:40,itemSize:64,direction:"normal",fill:!0,width:100,height:100,showPath:!1,pathColor:"rgba(0,0,0,0.1)",pathWidth:2,easing:"linear",paused:!1,responsive:!1}};var se,re,ie;W.parameters={...W.parameters,docs:{...(se=W.parameters)==null?void 0:se.docs,source:{originalSource:`{
1
+ import{r as G,j as O}from"./iframe-LZvJb0BS.js";import{u as me}from"./use-motion-value-Cic9xvrL.js";import{Y as he,H as de,K as ge,Q as oe,q as le,Z as $e,_ as ve,$ as be,s as Ve,N as ye,o as Ae,a0 as Se}from"./MotionConfigContext-D_4LMwJ5.js";import{V as Me,c as je,a as Ee,b as _e,d as qe,S as Oe,H as Pe,v as Z,e as Ie,f as we,m as De}from"./proxy-94dt0K2Y.js";import{u as Te}from"./use-transform-D1fwdMmS.js";import"./preload-helper-C1FmrZbK.js";const Ce=(t,e,n)=>{const a=e-t;return((n-t)%a+a)%a+t};function ue(t,e){return he(t)?t[Ce(0,t.length,e)]:t}class Le{constructor(e){this.stop=()=>this.runAll("stop"),this.animations=e.filter(Boolean)}get finished(){return Promise.all(this.animations.map(e=>e.finished))}getAll(e){return this.animations[0][e]}setAll(e,n){for(let a=0;a<this.animations.length;a++)this.animations[a][e]=n}attachTimeline(e){const n=this.animations.map(a=>a.attachTimeline(e));return()=>{n.forEach((a,s)=>{a&&a(),this.animations[s].stop()})}}get time(){return this.getAll("time")}set time(e){this.setAll("time",e)}get speed(){return this.getAll("speed")}set speed(e){this.setAll("speed",e)}get state(){return this.getAll("state")}get startTime(){return this.getAll("startTime")}get duration(){return x(this.animations,"duration")}get iterationDuration(){return x(this.animations,"iterationDuration")}runAll(e){this.animations.forEach(n=>n[e]())}play(){this.runAll("play")}pause(){this.runAll("pause")}cancel(){this.runAll("cancel")}complete(){this.runAll("complete")}}function x(t,e){let n=0;for(let a=0;a<t.length;a++){const s=t[a][e];s!==null&&s>n&&(n=s)}return n}class Ne extends Le{then(e,n){return this.finished.finally(e).then(()=>{})}}function Re(t,e){return t in e}class Ge extends Me{constructor(){super(...arguments),this.type="object"}readValueFromInstance(e,n){if(Re(n,e)){const a=e[n];if(typeof a=="string"||typeof a=="number")return a}}getBaseTargetFromProps(){}removeValueFromRenderState(e,n){delete n.output[e]}measureInstanceViewportBox(){return je()}build(e,n){Object.assign(e.output,n)}renderInstance(e,{output:n}){Object.assign(e,n)}sortInstanceNodePosition(){return 0}}function Q(t){return typeof t=="object"&&!Array.isArray(t)}function fe(t,e,n,a){return t==null?[]:typeof t=="string"&&Q(e)?de(t,n,a):t instanceof NodeList?Array.from(t):Array.isArray(t)?t.filter(s=>s!=null):[t]}function Ke(t,e,n){return t*(e+1)}function ee(t,e,n,a){return typeof e=="number"?e:e.startsWith("-")||e.startsWith("+")?Math.max(0,t+parseFloat(e)):e==="<"?n:e.startsWith("<")?Math.max(0,n+parseFloat(e.slice(1))):a.get(e)??t}function Be(t,e,n){for(let a=0;a<t.length;a++){const s=t[a];s.at>e&&s.at<n&&(oe(t,s),a--)}}function Fe(t,e,n,a,s,i){Be(t,s,i);for(let r=0;r<e.length;r++)t.push({value:e[r],at:ge(s,i,a[r]),easing:ue(n,r)})}function We(t,e){for(let n=0;n<t.length;n++)t[n]=t[n]/(e+1)}function Ze(t,e){return t.at===e.at?t.value===null?1:e.value===null?-1:0:t.at-e.at}const He="easeInOut";function ze(t,{defaultTransition:e={},...n}={},a,s){const i=e.duration||.3,r=new Map,l=new Map,o={},f=new Map;let c=0,u=0,C=0;for(let P=0;P<t.length;P++){const b=t[P];if(typeof b=="string"){f.set(b,u);continue}else if(!Array.isArray(b)){f.set(b.name,ee(u,b.at,c,f));continue}let[V,$,g={}]=b;g.at!==void 0&&(u=ee(u,g.at,c,f));let v=0;const w=(S,I,M,E=0,d=0)=>{const p=ke(S),{delay:D=0,times:j=$e(p),type:h=e.type||"keyframes",repeat:m,repeatType:H,repeatDelay:K=0,...z}=I;let{ease:_=e.ease||"easeOut",duration:y}=I;const A=typeof D=="function"?D(E,d):D,q=p.length,J=Ee(h)?h:s==null?void 0:s[h||"keyframes"];if(q<=2&&J){let L=100;if(q===2&&Ue(p)){const N=p[1]-p[0];L=Math.abs(N)}const B={...e,...z};y!==void 0&&(B.duration=Ve(y));const F=ve(B,L,J);_=F.ease,y=F.duration}y??(y=i);const U=u+A;j.length===1&&j[0]===0&&(j[1]=1);const Y=j.length-p.length;if(Y>0&&be(j,Y),p.length===1&&p.unshift(null),m){y=Ke(y,m);const L=[...p],B=[...j];_=Array.isArray(_)?[..._]:[_];const F=[..._];for(let N=0;N<m;N++){p.push(...L);for(let R=0;R<L.length;R++)j.push(B[R]+(N+1)),_.push(R===0?"linear":ue(F,R-1))}We(j,m)}const X=U+y;Fe(M,p,_,j,U,X),v=Math.max(A+y,v),C=Math.max(X,C)};if(le(V)){const S=te(V,l);w($,g,ne("default",S))}else{const S=fe(V,$,a,o),I=S.length;for(let M=0;M<I;M++){$=$,g=g;const E=S[M],d=te(E,l);for(const p in $)w($[p],Qe(g,p),ne(p,d),M,I)}}c=u,u+=v}return l.forEach((P,b)=>{for(const V in P){const $=P[V];$.sort(Ze);const g=[],v=[],w=[];for(let E=0;E<$.length;E++){const{at:d,value:p,easing:D}=$[E];g.push(p),v.push(ye(0,C,d)),w.push(D||"easeOut")}v[0]!==0&&(v.unshift(0),g.unshift(g[0]),w.unshift(He)),v[v.length-1]!==1&&(v.push(1),g.push(null)),r.has(b)||r.set(b,{keyframes:{},transition:{}});const S=r.get(b);S.keyframes[V]=g;const{type:I,...M}=e;S.transition[V]={...M,duration:C,ease:w,times:v,...n}}}),r}function te(t,e){return!e.has(t)&&e.set(t,{}),e.get(t)}function ne(t,e){return e[t]||(e[t]=[]),e[t]}function ke(t){return Array.isArray(t)?t:[t]}function Qe(t,e){return t&&t[e]?{...t,...t[e]}:{...t}}const Je=t=>typeof t=="number",Ue=t=>t.every(Je);function Ye(t){const e={presenceContext:null,props:{},visualState:{renderState:{transform:{},transformOrigin:{},style:{},vars:{},attrs:{}},latestValues:{}}},n=_e(t)&&!qe(t)?new Oe(e):new Pe(e);n.mount(t),Z.set(t,n)}function Xe(t){const e={presenceContext:null,props:{},visualState:{renderState:{output:{}},latestValues:{}}},n=new Ge(e);n.mount(t),Z.set(t,n)}function xe(t,e){return le(t)||typeof t=="number"||typeof t=="string"&&!Q(e)}function ce(t,e,n,a){const s=[];if(xe(t,e))s.push(Ie(t,Q(e)&&e.default||e,n&&(n.default||n)));else{if(t==null)return s;const i=fe(t,e,a),r=i.length;for(let l=0;l<r;l++){const o=i[l],f=o instanceof Element?Ye:Xe;Z.has(o)||f(o);const c=Z.get(o),u={...n};"delay"in u&&typeof u.delay=="function"&&(u.delay=u.delay(l,r)),s.push(...we(c,{...e,transition:u},{}))}}return s}function et(t,e,n){const a=[],s=t.map(r=>{if(Array.isArray(r)&&typeof r[0]=="function"){const l=r[0],o=Ae(0);return o.on("change",l),r.length===1?[o,[0,1]]:r.length===2?[o,[0,1],r[1]]:[o,r[1],r[2]]}return r});return ze(s,e,n,{spring:Se}).forEach(({keyframes:r,transition:l},o)=>{a.push(...ce(o,r,l))}),a}function tt(t){return Array.isArray(t)&&t.some(Array.isArray)}function nt(t={}){const{scope:e,reduceMotion:n}=t;function a(s,i,r){let l=[],o;if(tt(s)){const{onComplete:c,...u}=i||{};typeof c=="function"&&(o=c),l=et(s,n!==void 0?{reduceMotion:n,...u}:u,e)}else{const{onComplete:c,...u}=r||{};typeof c=="function"&&(o=c),l=ce(s,i,n!==void 0?{reduceMotion:n,...u}:u,e)}const f=new Ne(l);return o&&f.finished.then(o),e&&(e.animations.push(f),f.finished.then(()=>{oe(e.animations,f)})),f}return a}const at=nt(),T={"orbit-container":"_orbit-container_tujj3_1","orbit-scaling-container":"_orbit-scaling-container_tujj3_7","orbit-rotation-wrapper":"_orbit-rotation-wrapper_tujj3_20","orbit-path-svg":"_orbit-path-svg_tujj3_27","orbit-item":"_orbit-item_tujj3_33","orbit-center-content":"_orbit-center-content_tujj3_39","orbit-image":"_orbit-image_tujj3_48"};function k(t,e,n,a){return`M ${t-n} ${e} A ${n} ${a} 0 1 0 ${t+n} ${e} A ${n} ${a} 0 1 0 ${t-n} ${e}`}function ae(t,e,n){return k(t,e,n,n)}function st(t,e,n){const a=n/2;return`M ${t-a} ${e-a} L ${t+a} ${e-a} L ${t+a} ${e+a} L ${t-a} ${e+a} Z`}function rt(t,e,n,a){const s=n/2,i=a/2;return`M ${t-s} ${e-i} L ${t+s} ${e-i} L ${t+s} ${e+i} L ${t-s} ${e+i} Z`}function it(t,e,n){const a=n*Math.sqrt(3)/2,s=n/2;return`M ${t} ${e-a/1.5} L ${t+s} ${e+a/3} L ${t-s} ${e+a/3} Z`}function ot(t,e,n,a,s){const i=Math.PI/s;let r="";for(let l=0;l<2*s;l++){const o=l%2===0?n:a,f=l*i-Math.PI/2,c=t+o*Math.cos(f),u=e+o*Math.sin(f);r+=l===0?`M ${c} ${u}`:` L ${c} ${u}`}return r+" Z"}function lt(t,e,n){const a=n/30;return`M ${t} ${e+12*a} C ${t-20*a} ${e-5*a}, ${t-12*a} ${e-18*a}, ${t} ${e-8*a} C ${t+12*a} ${e-18*a}, ${t+20*a} ${e-5*a}, ${t} ${e+12*a}`}function ut(t,e,n,a){const s=n/2,i=a/2;return`M ${t} ${e} C ${t+s*.5} ${e-i}, ${t+s} ${e-i}, ${t+s} ${e} C ${t+s} ${e+i}, ${t+s*.5} ${e+i}, ${t} ${e} C ${t-s*.5} ${e+i}, ${t-s} ${e+i}, ${t-s} ${e} C ${t-s} ${e-i}, ${t-s*.5} ${e-i}, ${t} ${e}`}function ft(t,e,n,a,s){const i=[],r=s*20,l=n/2;for(let o=0;o<=r;o++){const f=t-l+n*o/r,c=e+Math.sin(o/r*s*2*Math.PI)*a;i.push(o===0?`M ${f} ${c}`:`L ${f} ${c}`)}for(let o=r;o>=0;o--){const f=t-l+n*o/r,c=e-Math.sin(o/r*s*2*Math.PI)*a;i.push(`L ${f} ${c}`)}return i.join(" ")+" Z"}function ct({item:t,index:e,totalItems:n,path:a,itemSize:s,rotation:i,progress:r,fill:l}){const o=l?e/n*100:0,f=Te(r,c=>`${((c+o)%100+100)%100}%`);return O.jsx(De.div,{className:`${T["orbit-item"]}`,style:{width:s,height:s,offsetPath:`path("${a}")`,offsetRotate:"0deg",offsetAnchor:"center center",offsetDistance:f},children:O.jsx("div",{style:{transform:`rotate(${-i}deg)`},children:t})})}function pe({images:t=[],altPrefix:e="Orbiting image",shape:n="ellipse",customPath:a,baseWidth:s=1400,radiusX:i=700,radiusY:r=170,radius:l=300,starPoints:o=5,starInnerRatio:f=.5,rotation:c=-8,duration:u=40,itemSize:C=64,direction:P="normal",fill:b=!0,width:V=100,height:$=100,className:g="",showPath:v=!1,pathColor:w="rgba(0,0,0,0.1)",pathWidth:S=2,easing:I="linear",paused:M=!1,centerContent:E,responsive:d=!1}){const p=G.useRef(null),[D,j]=G.useState(1),h=s/2,m=s/2,H=G.useMemo(()=>{switch(n){case"circle":return ae(h,m,l);case"ellipse":return k(h,m,i,r);case"square":return st(h,m,l*2);case"rectangle":return rt(h,m,i*2,r*2);case"triangle":return it(h,m,l*2);case"star":return ot(h,m,l,l*f,o);case"heart":return lt(h,m,l*2);case"infinity":return ut(h,m,i*2,r*2);case"wave":return ft(h,m,i*2,r,3);case"custom":return a||ae(h,m,l);default:return k(h,m,i,r)}},[n,a,h,m,i,r,l,o,f]);G.useEffect(()=>{if(!d||!p.current)return;const A=()=>{p.current&&j(p.current.clientWidth/s)};A();const q=new ResizeObserver(A);return q.observe(p.current),()=>q.disconnect()},[d,s]);const K=me(0);G.useEffect(()=>{if(M)return;const A=at(K,P==="reverse"?-100:100,{duration:u,ease:I,repeat:1/0,repeatType:"loop"});return()=>A.stop()},[K,u,I,P,M]);const z=d?"100%":typeof V=="number"?V:"100%",_=d?"auto":typeof $=="number"?$:typeof V=="number"?V:"auto",y=t.map((A,q)=>O.jsx("img",{src:A,alt:`${e} ${q+1}`,draggable:!1,className:`${T["orbit-image"]}`},A));return O.jsxs("div",{ref:p,className:`${T["orbit-container"]} ${g}`,style:{width:z,height:_,aspectRatio:d?"1 / 1":void 0},"aria-hidden":"true",children:[O.jsx("div",{className:d?"orbit-scaling-container orbit-scaling-container--responsive":T["orbit-scaling-container"],style:{width:d?s:"100%",height:d?s:"100%",transform:d?`translate(-50%, -50%) scale(${D})`:void 0},children:O.jsxs("div",{className:`${T["orbit-rotation-wrapper"]}`,style:{transform:`rotate(${c}deg)`},children:[v&&O.jsx("svg",{width:"100%",height:"100%",viewBox:`0 0 ${s} ${s}`,className:`${T["orbit-path-svg"]}`,children:O.jsx("path",{d:H,fill:"none",stroke:w,strokeWidth:S/D})}),y.map((A,q)=>O.jsx(ct,{item:A,index:q,totalItems:y.length,path:H,itemSize:C,rotation:c,progress:K,fill:b},q))]})}),E&&O.jsx("div",{className:`${T["orbit-center-content"]}`,children:E})]})}pe.__docgenInfo={description:"",methods:[],displayName:"OrbitImages",props:{images:{defaultValue:{value:"[]",computed:!1},required:!1},altPrefix:{defaultValue:{value:"'Orbiting image'",computed:!1},required:!1},shape:{defaultValue:{value:"'ellipse'",computed:!1},required:!1},baseWidth:{defaultValue:{value:"1400",computed:!1},required:!1},radiusX:{defaultValue:{value:"700",computed:!1},required:!1},radiusY:{defaultValue:{value:"170",computed:!1},required:!1},radius:{defaultValue:{value:"300",computed:!1},required:!1},starPoints:{defaultValue:{value:"5",computed:!1},required:!1},starInnerRatio:{defaultValue:{value:"0.5",computed:!1},required:!1},rotation:{defaultValue:{value:"-8",computed:!1},required:!1},duration:{defaultValue:{value:"40",computed:!1},required:!1},itemSize:{defaultValue:{value:"64",computed:!1},required:!1},direction:{defaultValue:{value:"'normal'",computed:!1},required:!1},fill:{defaultValue:{value:"true",computed:!1},required:!1},width:{defaultValue:{value:"100",computed:!1},required:!1},height:{defaultValue:{value:"100",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},showPath:{defaultValue:{value:"false",computed:!1},required:!1},pathColor:{defaultValue:{value:"'rgba(0,0,0,0.1)'",computed:!1},required:!1},pathWidth:{defaultValue:{value:"2",computed:!1},required:!1},easing:{defaultValue:{value:"'linear'",computed:!1},required:!1},paused:{defaultValue:{value:"false",computed:!1},required:!1},responsive:{defaultValue:{value:"false",computed:!1},required:!1}}};const vt={title:"ReactBits/Animations/OrbitImages",component:pe,parameters:{layout:"fullscreen"},tags:["autodocs"]},W={args:{images:["https://picsum.photos/seed/a/200/200","https://picsum.photos/seed/b/200/200","https://picsum.photos/seed/c/200/200","https://picsum.photos/seed/d/200/200","https://picsum.photos/seed/e/200/200","https://picsum.photos/seed/f/200/200"],altPrefix:"Orbiting image",shape:"ellipse",baseWidth:1400,radiusX:700,radiusY:170,radius:300,starPoints:5,starInnerRatio:.5,rotation:-8,duration:40,itemSize:64,direction:"normal",fill:!0,width:100,height:100,showPath:!1,pathColor:"rgba(0,0,0,0.1)",pathWidth:2,easing:"linear",paused:!1,responsive:!1}};var se,re,ie;W.parameters={...W.parameters,docs:{...(se=W.parameters)==null?void 0:se.docs,source:{originalSource:`{
2
2
  args: {
3
3
  images: ['https://picsum.photos/seed/a/200/200', 'https://picsum.photos/seed/b/200/200', 'https://picsum.photos/seed/c/200/200', 'https://picsum.photos/seed/d/200/200', 'https://picsum.photos/seed/e/200/200', 'https://picsum.photos/seed/f/200/200'],
4
4
  altPrefix: 'Orbiting image',
@@ -1,4 +1,4 @@
1
- import{r as F,j as v}from"./iframe-CvT6MryR.js";import{s as R,i as ue,c as me}from"./transform-BKmuZieF.js";import{a as de}from"./array-BKyUJesY.js";import{c as x}from"./path-CbwjOpE9.js";import{t as $,a as Q}from"./arc-DgcIQOLP.js";import"./preload-helper-C1FmrZbK.js";function pe(t,a){let l=0;if(a===void 0)for(let c of t)(c=+c)&&(l+=c);else{let c=-1;for(let f of t)(f=+a(f,++c,t))&&(l+=f)}return l}function ge(t,a){return a<t?-1:a>t?1:a>=t?0:NaN}function fe(t){return t}function ve(){var t=fe,a=ge,l=null,c=x(0),f=x($),w=x(0);function s(e){var r,i=(e=de(e)).length,d,T,C=0,S=new Array(i),u=new Array(i),_=+c.apply(this,arguments),h=Math.min($,Math.max(-$,f.apply(this,arguments)-_)),L,b=Math.min(Math.abs(h)/i,w.apply(this,arguments)),A=b*(h<0?-1:1),m;for(r=0;r<i;++r)(m=u[S[r]=r]=+t(e[r],r,e))>0&&(C+=m);for(a!=null?S.sort(function(n,o){return a(u[n],u[o])}):l!=null&&S.sort(function(n,o){return l(e[n],e[o])}),r=0,T=C?(h-i*A)/C:0;r<i;++r,_=L)d=S[r],m=u[d],L=_+(m>0?m*T:0)+A,u[d]={data:e[d],index:r,value:m,startAngle:_,endAngle:L,padAngle:b};return u}return s.value=function(e){return arguments.length?(t=typeof e=="function"?e:x(+e),s):t},s.sortValues=function(e){return arguments.length?(a=e,l=null,s):a},s.sort=function(e){return arguments.length?(l=e,a=null,s):l},s.startAngle=function(e){return arguments.length?(c=typeof e=="function"?e:x(+e),s):c},s.endAngle=function(e){return arguments.length?(f=typeof e=="function"?e:x(+e),s):f},s.padAngle=function(e){return arguments.length?(w=typeof e=="function"?e:x(+e),s):w},s}const he="_container_10542_1",be="_title_10542_7",ye="_chartContainer_10542_15",xe="_chart_10542_15",we="_legend_10542_26",Ce="_legendItem_10542_31",Se="_legendColor_10542_45",_e="_legendLabel_10542_52",Le="_legendValue_10542_59",Te="_tooltip_10542_65",p={container:he,title:be,chartContainer:ye,chart:xe,legend:we,legendItem:Ce,legendColor:Se,legendLabel:_e,legendValue:Le,tooltip:Te},g=["#6366f1","#8b5cf6","#06b6d4","#10b981","#f59e0b","#ef4444","#ec4899","#84cc16","#f97316","#3b82f6","#8b5cf6","#14b8a6","#f59e0b","#ef4444","#06b6d4","#10b981"],V=t=>{const a=me(t);if(!a)return"#ffffff";const l=a.rgb();return(.299*l.r+.587*l.g+.114*l.b)/255>.5?"#000000":"#ffffff"},ce=({data:t,width:a=400,height:l=400,title:c="Distribution",showLegend:f=!0,unit:w="items",centerLabel:s})=>{const e=F.useRef(null),r=Math.min(a,l)/2-20;return F.useEffect(()=>{if(!e.current||!t.length)return;const i=R(e.current);i.selectAll("*").remove();const d=i.append("g").attr("transform",`translate(${a/2},${l/2})`),T=ve().value(n=>n.value).sort(null),C=Q().innerRadius(r*.4).outerRadius(r).cornerRadius(4),S=Q().innerRadius(r*.7).outerRadius(r*.7),u=R("body").append("div").attr("class",p.tooltip).style("opacity",0).style("position","absolute"),_=T(t),h=pe(t,n=>n.value),L=d.selectAll(".arc").data(_).enter().append("g").attr("class","arc");L.append("path").attr("d",n=>C(n)).attr("fill",(n,o)=>n.data.color||g[o%g.length]).attr("stroke","var(--bg-primary)").attr("stroke-width",3).style("cursor","pointer").style("filter","drop-shadow(0 2px 8px rgba(0,0,0,0.15))").on("mouseover",function(n,o){const y=Q().innerRadius(r*.4).outerRadius(r*1.05).cornerRadius(4);R(this).transition().duration(200).attr("d",q=>y(q)).style("filter","drop-shadow(0 4px 12px rgba(0,0,0,0.25))"),u.transition().duration(200).style("opacity",1);const B=(o.data.value/h*100).toFixed(1);u.html(`
1
+ import{r as F,j as v}from"./iframe-LZvJb0BS.js";import{s as R,i as ue,c as me}from"./transform-BKmuZieF.js";import{a as de}from"./array-BKyUJesY.js";import{c as x}from"./path-CbwjOpE9.js";import{t as $,a as Q}from"./arc-DgcIQOLP.js";import"./preload-helper-C1FmrZbK.js";function pe(t,a){let l=0;if(a===void 0)for(let c of t)(c=+c)&&(l+=c);else{let c=-1;for(let f of t)(f=+a(f,++c,t))&&(l+=f)}return l}function ge(t,a){return a<t?-1:a>t?1:a>=t?0:NaN}function fe(t){return t}function ve(){var t=fe,a=ge,l=null,c=x(0),f=x($),w=x(0);function s(e){var r,i=(e=de(e)).length,d,T,C=0,S=new Array(i),u=new Array(i),_=+c.apply(this,arguments),h=Math.min($,Math.max(-$,f.apply(this,arguments)-_)),L,b=Math.min(Math.abs(h)/i,w.apply(this,arguments)),A=b*(h<0?-1:1),m;for(r=0;r<i;++r)(m=u[S[r]=r]=+t(e[r],r,e))>0&&(C+=m);for(a!=null?S.sort(function(n,o){return a(u[n],u[o])}):l!=null&&S.sort(function(n,o){return l(e[n],e[o])}),r=0,T=C?(h-i*A)/C:0;r<i;++r,_=L)d=S[r],m=u[d],L=_+(m>0?m*T:0)+A,u[d]={data:e[d],index:r,value:m,startAngle:_,endAngle:L,padAngle:b};return u}return s.value=function(e){return arguments.length?(t=typeof e=="function"?e:x(+e),s):t},s.sortValues=function(e){return arguments.length?(a=e,l=null,s):a},s.sort=function(e){return arguments.length?(l=e,a=null,s):l},s.startAngle=function(e){return arguments.length?(c=typeof e=="function"?e:x(+e),s):c},s.endAngle=function(e){return arguments.length?(f=typeof e=="function"?e:x(+e),s):f},s.padAngle=function(e){return arguments.length?(w=typeof e=="function"?e:x(+e),s):w},s}const he="_container_10542_1",be="_title_10542_7",ye="_chartContainer_10542_15",xe="_chart_10542_15",we="_legend_10542_26",Ce="_legendItem_10542_31",Se="_legendColor_10542_45",_e="_legendLabel_10542_52",Le="_legendValue_10542_59",Te="_tooltip_10542_65",p={container:he,title:be,chartContainer:ye,chart:xe,legend:we,legendItem:Ce,legendColor:Se,legendLabel:_e,legendValue:Le,tooltip:Te},g=["#6366f1","#8b5cf6","#06b6d4","#10b981","#f59e0b","#ef4444","#ec4899","#84cc16","#f97316","#3b82f6","#8b5cf6","#14b8a6","#f59e0b","#ef4444","#06b6d4","#10b981"],V=t=>{const a=me(t);if(!a)return"#ffffff";const l=a.rgb();return(.299*l.r+.587*l.g+.114*l.b)/255>.5?"#000000":"#ffffff"},ce=({data:t,width:a=400,height:l=400,title:c="Distribution",showLegend:f=!0,unit:w="items",centerLabel:s})=>{const e=F.useRef(null),r=Math.min(a,l)/2-20;return F.useEffect(()=>{if(!e.current||!t.length)return;const i=R(e.current);i.selectAll("*").remove();const d=i.append("g").attr("transform",`translate(${a/2},${l/2})`),T=ve().value(n=>n.value).sort(null),C=Q().innerRadius(r*.4).outerRadius(r).cornerRadius(4),S=Q().innerRadius(r*.7).outerRadius(r*.7),u=R("body").append("div").attr("class",p.tooltip).style("opacity",0).style("position","absolute"),_=T(t),h=pe(t,n=>n.value),L=d.selectAll(".arc").data(_).enter().append("g").attr("class","arc");L.append("path").attr("d",n=>C(n)).attr("fill",(n,o)=>n.data.color||g[o%g.length]).attr("stroke","var(--bg-primary)").attr("stroke-width",3).style("cursor","pointer").style("filter","drop-shadow(0 2px 8px rgba(0,0,0,0.15))").on("mouseover",function(n,o){const y=Q().innerRadius(r*.4).outerRadius(r*1.05).cornerRadius(4);R(this).transition().duration(200).attr("d",q=>y(q)).style("filter","drop-shadow(0 4px 12px rgba(0,0,0,0.25))"),u.transition().duration(200).style("opacity",1);const B=(o.data.value/h*100).toFixed(1);u.html(`
2
2
  <div><strong>${o.data.name}</strong></div>
3
3
  <div>Value: ${o.data.value.toLocaleString()}</div>
4
4
  <div>${B}% of total</div>