@stfrigerio/sito-template 0.1.56 → 0.1.57

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 (198) hide show
  1. package/dist/components/molecules/Tabs/Tabs.stories.d.ts +1 -3
  2. package/dist/components/molecules/Tabs/Tabs.stories.d.ts.map +1 -1
  3. package/dist/components/organisms/Calendar/Calendar.d.ts.map +1 -1
  4. package/dist/components/organisms/Calendar/Calendar.stories.d.ts +16 -16
  5. package/dist/components/organisms/Calendar/Calendar.stories.d.ts.map +1 -1
  6. package/dist/index.esm.js +1 -1
  7. package/dist/index.esm.js.map +1 -1
  8. package/dist/index.js +1 -1
  9. package/dist/index.js.map +1 -1
  10. package/dist/styles.css +1 -1
  11. package/dist/styles.css.map +1 -1
  12. package/package.json +1 -1
  13. package/storybook-static/assets/{ASCIIText.stories-Cb8HvABR.js → ASCIIText.stories-LbmvFzzv.js} +1 -1
  14. package/storybook-static/assets/{AllAtoms.stories-Disxvghm.js → AllAtoms.stories-CLunFOjI.js} +1 -1
  15. package/storybook-static/assets/{AnimatedContent.stories-jVAgBFE2.js → AnimatedContent.stories-B8hBaVkK.js} +1 -1
  16. package/storybook-static/assets/{AnimatedList.stories-Di-vE601.js → AnimatedList.stories-D8a9eYqH.js} +1 -1
  17. package/storybook-static/assets/{Antigravity.stories-CE90HCpY.js → Antigravity.stories-D_mJbWK0.js} +1 -1
  18. package/storybook-static/assets/{ArrayInput.stories-DgSsXJly.js → ArrayInput.stories-Cshz2s-a.js} +1 -1
  19. package/storybook-static/assets/{Aurora.stories-DrVAkdjt.js → Aurora.stories-BN4MataE.js} +1 -1
  20. package/storybook-static/assets/{Beams.stories-BSVIpqQ0.js → Beams.stories-CCtZOw8G.js} +1 -1
  21. package/storybook-static/assets/{BlobCursor.stories-C3EgjAh2.js → BlobCursor.stories-CdB55R5G.js} +1 -1
  22. package/storybook-static/assets/{BlurText.stories-DJVDRdFo.js → BlurText.stories-Bg2Ih2Je.js} +1 -1
  23. package/storybook-static/assets/{BooleansHeatmap.stories-B_9cPYMM.js → BooleansHeatmap.stories-CpNxqSED.js} +1 -1
  24. package/storybook-static/assets/{BorderGlow.stories-B_wdQUgw.js → BorderGlow.stories-CUxbrsvW.js} +1 -1
  25. package/storybook-static/assets/{BubbleMenu.stories-DpLYYw_z.js → BubbleMenu.stories-DuVDLBsV.js} +1 -1
  26. package/storybook-static/assets/{Button-DK4vPDdE.js → Button-CQGdvhpN.js} +1 -1
  27. package/storybook-static/assets/Button.stories-D8Xx3I9p.js +88 -0
  28. package/storybook-static/assets/Calendar-tbpzwSIm.css +1 -0
  29. package/storybook-static/assets/Calendar.stories-Cx2JEddO.js +229 -0
  30. package/storybook-static/assets/{Card--7bShmQv.js → Card-DNp-cUnt.js} +1 -1
  31. package/storybook-static/assets/{Card.stories-C9cPoCVI.js → Card.stories-D1f1NTVU.js} +1 -1
  32. package/storybook-static/assets/{CardNav.stories-1WFeombk.js → CardNav.stories-Cd4zEw8p.js} +1 -1
  33. package/storybook-static/assets/{Carousel.stories-CPp1bcnx.js → Carousel.stories-BxbGwXE5.js} +1 -1
  34. package/storybook-static/assets/{Checkbox-BZ4OK19r.js → Checkbox-Dw8W2w74.js} +1 -1
  35. package/storybook-static/assets/{Checkbox.stories-pzFmZn7E.js → Checkbox.stories-BwsnN3CP.js} +1 -1
  36. package/storybook-static/assets/{ChromaGrid.stories-Nunq8QCK.js → ChromaGrid.stories-DBHYiDPV.js} +1 -1
  37. package/storybook-static/assets/{CircularGallery.stories-C6B3QdGe.js → CircularGallery.stories-TJN6o_RG.js} +1 -1
  38. package/storybook-static/assets/{CircularText.stories-x-CZkrWE.js → CircularText.stories-rNjRUNn2.js} +1 -1
  39. package/storybook-static/assets/{ClickSpark.stories-BgEy72nd.js → ClickSpark.stories-BfqByoGe.js} +1 -1
  40. package/storybook-static/assets/{Color-AVL7NMMY-BH2T5gYv.js → Color-AVL7NMMY-CoWQkAiP.js} +1 -1
  41. package/storybook-static/assets/{ColorBends.stories-l5hP9mw3.js → ColorBends.stories-IEMOWAyf.js} +1 -1
  42. package/storybook-static/assets/{CountUp.stories-f4Xo5-1D.js → CountUp.stories-DXPrKAQb.js} +1 -1
  43. package/storybook-static/assets/{Counter.stories-Cq0esRYp.js → Counter.stories-DMdecsw_.js} +1 -1
  44. package/storybook-static/assets/{Crosshair.stories-cmjX8jB1.js → Crosshair.stories-CYzDxRSn.js} +1 -1
  45. package/storybook-static/assets/{Cubes.stories-Deum-zPK.js → Cubes.stories-Drq4ULo3.js} +1 -1
  46. package/storybook-static/assets/{CurvedLoop.stories-CaRb6vtE.js → CurvedLoop.stories-C9GMKnIw.js} +1 -1
  47. package/storybook-static/assets/{DarkVeil.stories-DtKNrEKT.js → DarkVeil.stories-BtLNfEH8.js} +1 -1
  48. package/storybook-static/assets/{DateInput-Dhe5jlzS.js → DateInput-CW4PsZAQ.js} +1 -1
  49. package/storybook-static/assets/{DateInput.stories-tMfHI-jT.js → DateInput.stories-d46zYiZA.js} +1 -1
  50. package/storybook-static/assets/{DecayCard.stories-DOejb79q.js → DecayCard.stories-CAU_wTc7.js} +1 -1
  51. package/storybook-static/assets/{DecryptedText.stories-ZJFOqvcs.js → DecryptedText.stories-Dvba9C1V.js} +1 -1
  52. package/storybook-static/assets/{Dither.stories-BteQ8qaz.js → Dither.stories-B5KfMprl.js} +1 -1
  53. package/storybook-static/assets/{Dock.stories-CjgGmbrT.js → Dock.stories-oyQGRzlM.js} +1 -1
  54. package/storybook-static/assets/{DocsRenderer-PQXLIZUC-CDqlUQhE.js → DocsRenderer-PQXLIZUC-C2AYT361.js} +4 -4
  55. package/storybook-static/assets/{EditFAB.stories-HiEYPWDM.js → EditFAB.stories-DvtpW34v.js} +1 -1
  56. package/storybook-static/assets/{EvilEye.stories-Dh40voJH.js → EvilEye.stories-C1820-DG.js} +1 -1
  57. package/storybook-static/assets/{FadeContent.stories-APJ9w9po.js → FadeContent.stories-B4z_JRy9.js} +1 -1
  58. package/storybook-static/assets/{FaultyTerminal.stories-B1QU0me7.js → FaultyTerminal.stories-DmkguJql.js} +1 -1
  59. package/storybook-static/assets/{Fbo-C7_12zi1.js → Fbo-CTQm-4Bw.js} +1 -1
  60. package/storybook-static/assets/{FloatingLines.stories-BoZu0Eil.js → FloatingLines.stories-CQvqKSpH.js} +1 -1
  61. package/storybook-static/assets/{FlowingMenu.stories-CIsIyO9J.js → FlowingMenu.stories-DmOspv0B.js} +1 -1
  62. package/storybook-static/assets/{FluidGlass.stories-vH3qnmEk.js → FluidGlass.stories-CZSqxrNt.js} +1 -1
  63. package/storybook-static/assets/{Folder.stories-HkOOEOjb.js → Folder.stories-7vb52Lfi.js} +1 -1
  64. package/storybook-static/assets/{FuzzyText.stories-By8q6YQt.js → FuzzyText.stories-BdXN4VK1.js} +1 -1
  65. package/storybook-static/assets/{Galaxy.stories-07G7jp_6.js → Galaxy.stories-BhT1GZh5.js} +1 -1
  66. package/storybook-static/assets/{GhostCursor.stories-BC-trpJu.js → GhostCursor.stories-DkXqCjE9.js} +1 -1
  67. package/storybook-static/assets/{GlareHover.stories-B_MjE5aX.js → GlareHover.stories-CznX3yTV.js} +1 -1
  68. package/storybook-static/assets/{GlassSurface.stories-rPXwGZOW.js → GlassSurface.stories-BnwwYK95.js} +1 -1
  69. package/storybook-static/assets/{GlitchText.stories-BN308waP.js → GlitchText.stories-CVcTBUVS.js} +1 -1
  70. package/storybook-static/assets/{GooeyNav.stories-C5lqZx3I.js → GooeyNav.stories-C0abTHBc.js} +1 -1
  71. package/storybook-static/assets/{GradientBlinds.stories-D9l7Ayxs.js → GradientBlinds.stories-CpSguKtv.js} +1 -1
  72. package/storybook-static/assets/{GradientText.stories-BiDAn88F.js → GradientText.stories-B4hMx13h.js} +1 -1
  73. package/storybook-static/assets/{Grainient.stories-CSCcWH0M.js → Grainient.stories-5EakpvU2.js} +1 -1
  74. package/storybook-static/assets/{GridMotion.stories-heG3R9uG.js → GridMotion.stories-Bm3DD7cb.js} +1 -1
  75. package/storybook-static/assets/{ImageSlideshow.stories-RDcrjCte.js → ImageSlideshow.stories-BasuECRV.js} +1 -1
  76. package/storybook-static/assets/{Iridescence.stories-iJ26He9j.js → Iridescence.stories-Cykk3hHZ.js} +1 -1
  77. package/storybook-static/assets/{LaserFlow.stories-H_kwxAaY.js → LaserFlow.stories-CfiM4ZZ5.js} +1 -1
  78. package/storybook-static/assets/{LetterGlitch.stories-BY9P1wPN.js → LetterGlitch.stories-BXb7iSeX.js} +1 -1
  79. package/storybook-static/assets/{LightPillar.stories-Bb4DN5XV.js → LightPillar.stories-CwI-8_BF.js} +1 -1
  80. package/storybook-static/assets/{LightRays.stories-Cc6Y1X_k.js → LightRays.stories-BIIfv6Ky.js} +1 -1
  81. package/storybook-static/assets/{Lightning.stories-CpSHxlp7.js → Lightning.stories-B8GNkzSN.js} +1 -1
  82. package/storybook-static/assets/{LineWaves.stories-COm5OuGf.js → LineWaves.stories-CjxdD_yt.js} +1 -1
  83. package/storybook-static/assets/{LiquidChrome.stories-C88ONVOT.js → LiquidChrome.stories-G7bVFJM9.js} +1 -1
  84. package/storybook-static/assets/{LiquidEther.stories-CPSMWSN9.js → LiquidEther.stories-C8n27zuA.js} +1 -1
  85. package/storybook-static/assets/{LoadingSpinner-C4MXlRnC.js → LoadingSpinner-Br8TYFlF.js} +1 -1
  86. package/storybook-static/assets/{LoadingSpinner.stories-CCyN9n1T.js → LoadingSpinner.stories-Dj0bMFhR.js} +1 -1
  87. package/storybook-static/assets/{MagicRings.stories-NQSwG8Yn.js → MagicRings.stories-D50m_2UF.js} +1 -1
  88. package/storybook-static/assets/{Magnet.stories-BAwXSJEW.js → Magnet.stories-BP9fjpzP.js} +1 -1
  89. package/storybook-static/assets/{MagnetLines.stories-CJqMXg51.js → MagnetLines.stories-DvbytV0Y.js} +1 -1
  90. package/storybook-static/assets/{Masonry.stories-DAl8CRm6.js → Masonry.stories-xXYQw2uD.js} +1 -1
  91. package/storybook-static/assets/{MetaBalls.stories-BY7Ilvw5.js → MetaBalls.stories-DKD3gVUH.js} +1 -1
  92. package/storybook-static/assets/{MetallicPaint.stories-iuclFGy4.js → MetallicPaint.stories-Bz-uS-L_.js} +1 -1
  93. package/storybook-static/assets/{MoodChart.stories-T8Td91vu.js → MoodChart.stories-Bk0jtB4g.js} +1 -1
  94. package/storybook-static/assets/{MotionConfigContext-D_4LMwJ5.js → MotionConfigContext-D5hZdVGx.js} +1 -1
  95. package/storybook-static/assets/{Navbar.stories-SRGoJhYx.js → Navbar.stories-Dos3kovt.js} +14 -19
  96. package/storybook-static/assets/{Noise.stories-B5_Jt1t3.js → Noise.stories-D6C6-k8-.js} +1 -1
  97. package/storybook-static/assets/{NumberStepper-BaK5ZScA.js → NumberStepper--0cJcLNZ.js} +1 -1
  98. package/storybook-static/assets/{NumberStepper.stories-BZIrFbrQ.js → NumberStepper.stories-BvFwBEjt.js} +1 -1
  99. package/storybook-static/assets/{Orb.stories-Ci1HMLUW.js → Orb.stories-CS__2PJW.js} +1 -1
  100. package/storybook-static/assets/OrbitImages.stories-CcaelcY5.js +26 -0
  101. package/storybook-static/assets/{PieChart.stories-ByRTgKp3.js → PieChart.stories-XZqxh_GW.js} +1 -1
  102. package/storybook-static/assets/{PixelBlast.stories-C83D_GSk.js → PixelBlast.stories-CyK8BxPq.js} +1 -1
  103. package/storybook-static/assets/{PixelCard.stories-B8DdUCQe.js → PixelCard.stories-D_Og1Eve.js} +1 -1
  104. package/storybook-static/assets/{PixelSnow.stories-BOHNVU80.js → PixelSnow.stories-CoCZucVV.js} +1 -1
  105. package/storybook-static/assets/{PixelTransition.stories-D8VH3ukb.js → PixelTransition.stories-DmVJ4jdu.js} +1 -1
  106. package/storybook-static/assets/{Plasma.stories-CatIdRAD.js → Plasma.stories-DUqrW-qq.js} +1 -1
  107. package/storybook-static/assets/{Prism.stories-Bg6GLExD.js → Prism.stories-DWdVDcBG.js} +1 -1
  108. package/storybook-static/assets/{PrismaticBurst.stories-BNdrAv89.js → PrismaticBurst.stories-BEVYTjXo.js} +1 -1
  109. package/storybook-static/assets/{ProfileCard.stories-CyaTrCeK.js → ProfileCard.stories-CAoKQpAZ.js} +1 -1
  110. package/storybook-static/assets/{QuantifiableHabitsChart.stories-C86yjHJm.js → QuantifiableHabitsChart.stories-CMexb5Ij.js} +1 -1
  111. package/storybook-static/assets/{Radar.stories-CvzRcw-C.js → Radar.stories-Dcjnm9Bu.js} +1 -1
  112. package/storybook-static/assets/{Ribbons.stories-BRX9ZoeY.js → Ribbons.stories-Cs3Eg2Gz.js} +1 -1
  113. package/storybook-static/assets/{RippleGrid.stories-vnV8CCtp.js → RippleGrid.stories-QV9Doq9P.js} +1 -1
  114. package/storybook-static/assets/{RotatingText.stories-B8GsJWaC.js → RotatingText.stories-DkntoAXJ.js} +1 -1
  115. package/storybook-static/assets/{ScrollFloat.stories-DOlmhv7e.js → ScrollFloat.stories-BaX43Ike.js} +1 -1
  116. package/storybook-static/assets/{ScrollReveal.stories-Bm9KxbWm.js → ScrollReveal.stories-C2IWpLpI.js} +1 -1
  117. package/storybook-static/assets/ScrollVelocity.stories-LaYJ5WQN.js +9 -0
  118. package/storybook-static/assets/{SearchBar.stories-CfIOeCyX.js → SearchBar.stories-CGaj__zF.js} +1 -1
  119. package/storybook-static/assets/{SearchableDropdown--EWJF18v.js → SearchableDropdown-4HgWY0Ck.js} +1 -1
  120. package/storybook-static/assets/{SearchableDropdown.stories-B9KNxfZm.js → SearchableDropdown.stories-CfeFR5Rk.js} +1 -1
  121. package/storybook-static/assets/{SelectInput-CFM_N8VG.js → SelectInput-DvSeeIw5.js} +1 -1
  122. package/storybook-static/assets/{SelectInput.stories-D_5G5-0N.js → SelectInput.stories-DByYKCGI.js} +1 -1
  123. package/storybook-static/assets/{ShapeBlur.stories-DNg_BI9n.js → ShapeBlur.stories-ZQV0yHkn.js} +1 -1
  124. package/storybook-static/assets/{ShapeGrid.stories-D6mhsKbm.js → ShapeGrid.stories-G_tZAcp9.js} +1 -1
  125. package/storybook-static/assets/{ShinyText.stories-NtVkUqNB.js → ShinyText.stories-C6BrLI0x.js} +1 -1
  126. package/storybook-static/assets/{Silk.stories-BACMGa6I.js → Silk.stories-BpsR4txJ.js} +1 -1
  127. package/storybook-static/assets/{SleepChart.stories-S6pSldWo.js → SleepChart.stories-DcoBwiEm.js} +1 -1
  128. package/storybook-static/assets/{Slider-dqb2UNTZ.js → Slider-3iog5_du.js} +1 -1
  129. package/storybook-static/assets/{Slider.stories-4UkeTwoz.js → Slider.stories-C8eUZ7Ne.js} +1 -1
  130. package/storybook-static/assets/{SoftAurora.stories-DH8d39VG.js → SoftAurora.stories--Rcyqxiu.js} +1 -1
  131. package/storybook-static/assets/{SoundDemo.stories-Ci_Q1qDO.js → SoundDemo.stories-DvhKS2Fi.js} +1 -1
  132. package/storybook-static/assets/{SplashCursor.stories-BMBbSrDn.js → SplashCursor.stories-FzRIUaX9.js} +1 -1
  133. package/storybook-static/assets/{SpotlightCard.stories-Cy3mgAFZ.js → SpotlightCard.stories-CifqsSUc.js} +1 -1
  134. package/storybook-static/assets/{Stack.stories-C_qFRAvS.js → Stack.stories-Dq82x0TG.js} +1 -1
  135. package/storybook-static/assets/{StaggeredMenu.stories-BeqjTXCs.js → StaggeredMenu.stories-CsiTDJGG.js} +1 -1
  136. package/storybook-static/assets/{StarBorder.stories-BeLKjLZu.js → StarBorder.stories-Ba14_TPk.js} +1 -1
  137. package/storybook-static/assets/{SunburstChart.stories-DN8EQLMh.js → SunburstChart.stories-fREzDXM9.js} +1 -1
  138. package/storybook-static/assets/{Table.stories-BJ6FcfdD.js → Table.stories-CXsQAQrR.js} +1 -1
  139. package/storybook-static/assets/Tabs-D5ZPN7MM.css +1 -0
  140. package/storybook-static/assets/Tabs.stories-HeiG8gYN.js +37 -0
  141. package/storybook-static/assets/{TargetCursor.stories-CfxWRalc.js → TargetCursor.stories-B16pWZaP.js} +1 -1
  142. package/storybook-static/assets/{TextArea-DGywTJLt.js → TextArea-DKx3k6hV.js} +1 -1
  143. package/storybook-static/assets/{TextArea.stories-B-uYOZs4.js → TextArea.stories-Bpqlv7j5.js} +1 -1
  144. package/storybook-static/assets/{TextCursor.stories-61sj2bl9.js → TextCursor.stories-CY2eIn6Z.js} +1 -1
  145. package/storybook-static/assets/{TextInput-CiI38oLt.js → TextInput-CLyTHgK9.js} +1 -1
  146. package/storybook-static/assets/{TextInput.stories-DtG6MQod.js → TextInput.stories-BP1LSkLG.js} +1 -1
  147. package/storybook-static/assets/{TextPressure.stories-C1h8GiS8.js → TextPressure.stories-sH-cgdL2.js} +1 -1
  148. package/storybook-static/assets/{TextType.stories-BfUDVoY_.js → TextType.stories-B7Oy3P9u.js} +1 -1
  149. package/storybook-static/assets/{ThemeSwitcher.stories-gBLrYosz.js → ThemeSwitcher.stories-Bj0YQKM5.js} +1 -1
  150. package/storybook-static/assets/{Threads.stories-sZxNqPXX.js → Threads.stories-e52ErKbM.js} +1 -1
  151. package/storybook-static/assets/{TimeInput.stories-CjvGCAgd.js → TimeInput.stories-Cd28zwwR.js} +1 -1
  152. package/storybook-static/assets/{Toggle-DwTHl9Fm.js → Toggle-BntWdyUe.js} +1 -1
  153. package/storybook-static/assets/{Toggle.stories-DU0Scugu.js → Toggle.stories-DtqFmh3E.js} +1 -1
  154. package/storybook-static/assets/{ToggleButton-s2aFLlgS.js → ToggleButton-BQqJdlB_.js} +1 -1
  155. package/storybook-static/assets/{ToggleButton.stories-DgSqo96g.js → ToggleButton.stories-DkN_4qpp.js} +1 -1
  156. package/storybook-static/assets/{TrueFocus.stories-CuqOvqGj.js → TrueFocus.stories-wm4VXWCk.js} +1 -1
  157. package/storybook-static/assets/{VariableProximity.stories-CWLeFmxb.js → VariableProximity.stories-BNSYs_rC.js} +1 -1
  158. package/storybook-static/assets/{Waves.stories-zeyoHm5S.js → Waves.stories-Ce2ZJFsV.js} +1 -1
  159. package/storybook-static/assets/{check-7O6ar4SG.js → check-Cty-Z1Ib.js} +1 -1
  160. package/storybook-static/assets/{chevron-down-BC5Z9HYA.js → chevron-down-OhqRl4eJ.js} +1 -1
  161. package/storybook-static/assets/{chevron-right-CDwij0IV.js → chevron-right-CZm4bArI.js} +1 -1
  162. package/storybook-static/assets/client-0pKYCVHx.js +1 -0
  163. package/storybook-static/assets/{createLucideIcon-yjHXhSOm.js → createLucideIcon-BNUG5osq.js} +1 -1
  164. package/storybook-static/assets/{folder-CATSGh42.js → folder-BjriMpXc.js} +1 -1
  165. package/storybook-static/assets/{iconBase-D_x0Veg_.js → iconBase-DmcmY1l-.js} +1 -1
  166. package/storybook-static/assets/{iframe-LZvJb0BS.js → iframe-B8pH-Lvr.js} +5 -5
  167. package/storybook-static/assets/index-BN99WpBo.js +1 -0
  168. package/storybook-static/assets/{index-vc18hLoj.js → index-DBfrIdYd.js} +1 -1
  169. package/storybook-static/assets/{index-D9mC-cEf.js → index-PY_vM88c.js} +1 -1
  170. package/storybook-static/assets/{index-DSYnL-zq.js → index-bi5z6E3I.js} +1 -1
  171. package/storybook-static/assets/{layout-grid-Dyvnjtf9.js → layout-grid-TssXYNzv.js} +1 -1
  172. package/storybook-static/assets/{proxy-94dt0K2Y.js → proxy-BA3VZtN5.js} +1 -1
  173. package/storybook-static/assets/{react-18-C-ERT8YQ.js → react-18-7dGub68c.js} +1 -1
  174. package/storybook-static/assets/{react-three-fiber.esm-D_o7ZgN9.js → react-three-fiber.esm-DI-wNJmP.js} +1 -1
  175. package/storybook-static/assets/{search-BVmOcKZi.js → search-2YqBkJlG.js} +1 -1
  176. package/storybook-static/assets/settings-DvzICcFU.js +6 -0
  177. package/storybook-static/assets/{sun-s1P_-p6e.js → sun-DgDhCM_S.js} +1 -1
  178. package/storybook-static/assets/trash-2-BwI5jvsn.js +6 -0
  179. package/storybook-static/assets/{use-animation-frame-04H3dRpD.js → use-animation-frame-CF42h0i5.js} +1 -1
  180. package/storybook-static/assets/{use-in-view--MCxH20O.js → use-in-view-Zn8evg3J.js} +1 -1
  181. package/storybook-static/assets/{use-motion-value-Cic9xvrL.js → use-motion-value--XhiA2Gt.js} +1 -1
  182. package/storybook-static/assets/{use-spring-D4LsSJyy.js → use-spring-CrWzlBMd.js} +1 -1
  183. package/storybook-static/assets/use-transform-vyDqMhf-.js +1 -0
  184. package/storybook-static/assets/{useSound-Dc8S51xy.js → useSound-Bk2W5gkV.js} +1 -1
  185. package/storybook-static/assets/{users-DmRtN79P.js → users-aNPxMiig.js} +1 -1
  186. package/storybook-static/assets/{x-C7Ulr4p2.js → x-BC8LCdn9.js} +1 -1
  187. package/storybook-static/iframe.html +1 -1
  188. package/storybook-static/index.json +1 -1
  189. package/storybook-static/project.json +1 -1
  190. package/storybook-static/assets/Button.stories-dpSafIdz.js +0 -93
  191. package/storybook-static/assets/Calendar-CreieAui.css +0 -1
  192. package/storybook-static/assets/Calendar.stories-lRbXwh4f.js +0 -470
  193. package/storybook-static/assets/OrbitImages.stories-Bzf1HUks.js +0 -26
  194. package/storybook-static/assets/ScrollVelocity.stories-De4s_pOX.js +0 -9
  195. package/storybook-static/assets/Tabs-CLXu7F99.css +0 -1
  196. package/storybook-static/assets/Tabs.stories-7-b1PtWp.js +0 -64
  197. package/storybook-static/assets/client-C--dgtnn.js +0 -1
  198. package/storybook-static/assets/use-transform-D1fwdMmS.js +0 -1
@@ -1 +1 @@
1
- import{d as ce,x as M,Y as U,g as he,i as fe,Z as de,M as ge,_ as be,a as q}from"./DocsRenderer-PQXLIZUC-CDqlUQhE.js";import{r as p,R as v}from"./iframe-LZvJb0BS.js";import"./preload-helper-C1FmrZbK.js";import"./react-18-C-ERT8YQ.js";import"./client-C--dgtnn.js";import"./index-D9mC-cEf.js";var ve=q({"../../node_modules/color-name/index.js"(r,l){l.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),Z=q({"../../node_modules/color-convert/conversions.js"(r,l){var s=ve(),h={};for(let e of Object.keys(s))h[s[e]]=e;var u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};l.exports=u;for(let e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:n,labels:t}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:n}),Object.defineProperty(u[e],"labels",{value:t})}u.rgb.hsl=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.min(n,t,a),i=Math.max(n,t,a),c=i-o,f,g;i===o?f=0:n===i?f=(t-a)/c:t===i?f=2+(a-n)/c:a===i&&(f=4+(n-t)/c),f=Math.min(f*60,360),f<0&&(f+=360);let b=(o+i)/2;return i===o?g=0:b<=.5?g=c/(i+o):g=c/(2-i-o),[f,g*100,b*100]},u.rgb.hsv=function(e){let n,t,a,o,i,c=e[0]/255,f=e[1]/255,g=e[2]/255,b=Math.max(c,f,g),y=b-Math.min(c,f,g),m=function(k){return(b-k)/6/y+1/2};return y===0?(o=0,i=0):(i=y/b,n=m(c),t=m(f),a=m(g),c===b?o=a-t:f===b?o=1/3+n-a:g===b&&(o=2/3+t-n),o<0?o+=1:o>1&&(o-=1)),[o*360,i*100,b*100]},u.rgb.hwb=function(e){let n=e[0],t=e[1],a=e[2],o=u.rgb.hsl(e)[0],i=1/255*Math.min(n,Math.min(t,a));return a=1-1/255*Math.max(n,Math.max(t,a)),[o,i*100,a*100]},u.rgb.cmyk=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.min(1-n,1-t,1-a),i=(1-n-o)/(1-o)||0,c=(1-t-o)/(1-o)||0,f=(1-a-o)/(1-o)||0;return[i*100,c*100,f*100,o*100]};function d(e,n){return(e[0]-n[0])**2+(e[1]-n[1])**2+(e[2]-n[2])**2}u.rgb.keyword=function(e){let n=h[e];if(n)return n;let t=1/0,a;for(let o of Object.keys(s)){let i=s[o],c=d(e,i);c<t&&(t=c,a=o)}return a},u.keyword.rgb=function(e){return s[e]},u.rgb.xyz=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255;n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92;let o=n*.4124+t*.3576+a*.1805,i=n*.2126+t*.7152+a*.0722,c=n*.0193+t*.1192+a*.9505;return[o*100,i*100,c*100]},u.rgb.lab=function(e){let n=u.rgb.xyz(e),t=n[0],a=n[1],o=n[2];t/=95.047,a/=100,o/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;let i=116*a-16,c=500*(t-a),f=200*(a-o);return[i,c,f]},u.hsl.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,o,i,c;if(t===0)return c=a*255,[c,c,c];a<.5?o=a*(1+t):o=a+t-a*t;let f=2*a-o,g=[0,0,0];for(let b=0;b<3;b++)i=n+1/3*-(b-1),i<0&&i++,i>1&&i--,6*i<1?c=f+(o-f)*6*i:2*i<1?c=o:3*i<2?c=f+(o-f)*(2/3-i)*6:c=f,g[b]=c*255;return g},u.hsl.hsv=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,o=t,i=Math.max(a,.01);a*=2,t*=a<=1?a:2-a,o*=i<=1?i:2-i;let c=(a+t)/2,f=a===0?2*o/(i+o):2*t/(a+t);return[n,f*100,c*100]},u.hsv.rgb=function(e){let n=e[0]/60,t=e[1]/100,a=e[2]/100,o=Math.floor(n)%6,i=n-Math.floor(n),c=255*a*(1-t),f=255*a*(1-t*i),g=255*a*(1-t*(1-i));switch(a*=255,o){case 0:return[a,g,c];case 1:return[f,a,c];case 2:return[c,a,g];case 3:return[c,f,a];case 4:return[g,c,a];case 5:return[a,c,f]}},u.hsv.hsl=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,o=Math.max(a,.01),i,c;c=(2-t)*a;let f=(2-t)*o;return i=t*o,i/=f<=1?f:2-f,i=i||0,c/=2,[n,i*100,c*100]},u.hwb.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,o=t+a,i;o>1&&(t/=o,a/=o);let c=Math.floor(6*n),f=1-a;i=6*n-c,c&1&&(i=1-i);let g=t+i*(f-t),b,y,m;switch(c){default:case 6:case 0:b=f,y=g,m=t;break;case 1:b=g,y=f,m=t;break;case 2:b=t,y=f,m=g;break;case 3:b=t,y=g,m=f;break;case 4:b=g,y=t,m=f;break;case 5:b=f,y=t,m=g;break}return[b*255,y*255,m*255]},u.cmyk.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,o=e[3]/100,i=1-Math.min(1,n*(1-o)+o),c=1-Math.min(1,t*(1-o)+o),f=1-Math.min(1,a*(1-o)+o);return[i*255,c*255,f*255]},u.xyz.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,o,i,c;return o=n*3.2406+t*-1.5372+a*-.4986,i=n*-.9689+t*1.8758+a*.0415,c=n*.0557+t*-.204+a*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,c=c>.0031308?1.055*c**(1/2.4)-.055:c*12.92,o=Math.min(Math.max(0,o),1),i=Math.min(Math.max(0,i),1),c=Math.min(Math.max(0,c),1),[o*255,i*255,c*255]},u.xyz.lab=function(e){let n=e[0],t=e[1],a=e[2];n/=95.047,t/=100,a/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116;let o=116*t-16,i=500*(n-t),c=200*(t-a);return[o,i,c]},u.lab.xyz=function(e){let n=e[0],t=e[1],a=e[2],o,i,c;i=(n+16)/116,o=t/500+i,c=i-a/200;let f=i**3,g=o**3,b=c**3;return i=f>.008856?f:(i-16/116)/7.787,o=g>.008856?g:(o-16/116)/7.787,c=b>.008856?b:(c-16/116)/7.787,o*=95.047,i*=100,c*=108.883,[o,i,c]},u.lab.lch=function(e){let n=e[0],t=e[1],a=e[2],o;o=Math.atan2(a,t)*360/2/Math.PI,o<0&&(o+=360);let i=Math.sqrt(t*t+a*a);return[n,i,o]},u.lch.lab=function(e){let n=e[0],t=e[1],a=e[2]/360*2*Math.PI,o=t*Math.cos(a),i=t*Math.sin(a);return[n,o,i]},u.rgb.ansi16=function(e,n=null){let[t,a,o]=e,i=n===null?u.rgb.hsv(e)[2]:n;if(i=Math.round(i/50),i===0)return 30;let c=30+(Math.round(o/255)<<2|Math.round(a/255)<<1|Math.round(t/255));return i===2&&(c+=60),c},u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])},u.rgb.ansi256=function(e){let n=e[0],t=e[1],a=e[2];return n===t&&t===a?n<8?16:n>248?231:Math.round((n-8)/247*24)+232:16+36*Math.round(n/255*5)+6*Math.round(t/255*5)+Math.round(a/255*5)},u.ansi16.rgb=function(e){let n=e%10;if(n===0||n===7)return e>50&&(n+=3.5),n=n/10.5*255,[n,n,n];let t=(~~(e>50)+1)*.5,a=(n&1)*t*255,o=(n>>1&1)*t*255,i=(n>>2&1)*t*255;return[a,o,i]},u.ansi256.rgb=function(e){if(e>=232){let i=(e-232)*10+8;return[i,i,i]}e-=16;let n,t=Math.floor(e/36)/5*255,a=Math.floor((n=e%36)/6)/5*255,o=n%6/5*255;return[t,a,o]},u.rgb.hex=function(e){let n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n},u.hex.rgb=function(e){let n=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!n)return[0,0,0];let t=n[0];n[0].length===3&&(t=t.split("").map(f=>f+f).join(""));let a=parseInt(t,16),o=a>>16&255,i=a>>8&255,c=a&255;return[o,i,c]},u.rgb.hcg=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.max(Math.max(n,t),a),i=Math.min(Math.min(n,t),a),c=o-i,f,g;return c<1?f=i/(1-c):f=0,c<=0?g=0:o===n?g=(t-a)/c%6:o===t?g=2+(a-n)/c:g=4+(n-t)/c,g/=6,g%=1,[g*360,c*100,f*100]},u.hsl.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=t<.5?2*n*t:2*n*(1-t),o=0;return a<1&&(o=(t-.5*a)/(1-a)),[e[0],a*100,o*100]},u.hsv.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=n*t,o=0;return a<1&&(o=(t-a)/(1-a)),[e[0],a*100,o*100]},u.hcg.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100;if(t===0)return[a*255,a*255,a*255];let o=[0,0,0],i=n%1*6,c=i%1,f=1-c,g=0;switch(Math.floor(i)){case 0:o[0]=1,o[1]=c,o[2]=0;break;case 1:o[0]=f,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=c;break;case 3:o[0]=0,o[1]=f,o[2]=1;break;case 4:o[0]=c,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=f}return g=(1-t)*a,[(t*o[0]+g)*255,(t*o[1]+g)*255,(t*o[2]+g)*255]},u.hcg.hsv=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n),o=0;return a>0&&(o=n/a),[e[0],o*100,a*100]},u.hcg.hsl=function(e){let n=e[1]/100,t=e[2]/100*(1-n)+.5*n,a=0;return t>0&&t<.5?a=n/(2*t):t>=.5&&t<1&&(a=n/(2*(1-t))),[e[0],a*100,t*100]},u.hcg.hwb=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n);return[e[0],(a-n)*100,(1-a)*100]},u.hwb.hcg=function(e){let n=e[1]/100,t=1-e[2]/100,a=t-n,o=0;return a<1&&(o=(t-a)/(1-a)),[e[0],a*100,o*100]},u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},u.gray.hsl=function(e){return[0,0,e[0]]},u.gray.hsv=u.gray.hsl,u.gray.hwb=function(e){return[0,100,e[0]]},u.gray.cmyk=function(e){return[0,0,0,e[0]]},u.gray.lab=function(e){return[e[0],0,0]},u.gray.hex=function(e){let n=Math.round(e[0]/100*255)&255,t=((n<<16)+(n<<8)+n).toString(16).toUpperCase();return"000000".substring(t.length)+t},u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),me=q({"../../node_modules/color-convert/route.js"(r,l){var s=Z();function h(){let n={},t=Object.keys(s);for(let a=t.length,o=0;o<a;o++)n[t[o]]={distance:-1,parent:null};return n}function u(n){let t=h(),a=[n];for(t[n].distance=0;a.length;){let o=a.pop(),i=Object.keys(s[o]);for(let c=i.length,f=0;f<c;f++){let g=i[f],b=t[g];b.distance===-1&&(b.distance=t[o].distance+1,b.parent=o,a.unshift(g))}}return t}function d(n,t){return function(a){return t(n(a))}}function e(n,t){let a=[t[n].parent,n],o=s[t[n].parent][n],i=t[n].parent;for(;t[i].parent;)a.unshift(t[i].parent),o=d(s[t[i].parent][i],o),i=t[i].parent;return o.conversion=a,o}l.exports=function(n){let t=u(n),a={},o=Object.keys(t);for(let i=o.length,c=0;c<i;c++){let f=o[c];t[f].parent!==null&&(a[f]=e(f,t))}return a}}}),pe=q({"../../node_modules/color-convert/index.js"(r,l){var s=Z(),h=me(),u={},d=Object.keys(s);function e(t){let a=function(...o){let i=o[0];return i==null?i:(i.length>1&&(o=i),t(o))};return"conversion"in t&&(a.conversion=t.conversion),a}function n(t){let a=function(...o){let i=o[0];if(i==null)return i;i.length>1&&(o=i);let c=t(o);if(typeof c=="object")for(let f=c.length,g=0;g<f;g++)c[g]=Math.round(c[g]);return c};return"conversion"in t&&(a.conversion=t.conversion),a}d.forEach(t=>{u[t]={},Object.defineProperty(u[t],"channels",{value:s[t].channels}),Object.defineProperty(u[t],"labels",{value:s[t].labels});let a=h(t);Object.keys(a).forEach(o=>{let i=a[o];u[t][o]=n(i),u[t][o].raw=e(i)})}),l.exports=u}}),_=be(pe());function C(){return(C=Object.assign||function(r){for(var l=1;l<arguments.length;l++){var s=arguments[l];for(var h in s)Object.prototype.hasOwnProperty.call(s,h)&&(r[h]=s[h])}return r}).apply(this,arguments)}function D(r,l){if(r==null)return{};var s,h,u={},d=Object.keys(r);for(h=0;h<d.length;h++)l.indexOf(s=d[h])>=0||(u[s]=r[s]);return u}function L(r){var l=p.useRef(r),s=p.useRef(function(h){l.current&&l.current(h)});return l.current=r,s.current}var O=function(r,l,s){return l===void 0&&(l=0),s===void 0&&(s=1),r>s?s:r<l?l:r},S=function(r){return"touches"in r},B=function(r){return r&&r.ownerDocument.defaultView||self},T=function(r,l,s){var h=r.getBoundingClientRect(),u=S(l)?function(d,e){for(var n=0;n<d.length;n++)if(d[n].identifier===e)return d[n];return d[0]}(l.touches,s):l;return{left:O((u.pageX-(h.left+B(r).pageXOffset))/h.width),top:O((u.pageY-(h.top+B(r).pageYOffset))/h.height)}},W=function(r){!S(r)&&r.preventDefault()},G=v.memo(function(r){var l=r.onMove,s=r.onKey,h=D(r,["onMove","onKey"]),u=p.useRef(null),d=L(l),e=L(s),n=p.useRef(null),t=p.useRef(!1),a=p.useMemo(function(){var f=function(y){W(y),(S(y)?y.touches.length>0:y.buttons>0)&&u.current?d(T(u.current,y,n.current)):b(!1)},g=function(){return b(!1)};function b(y){var m=t.current,k=B(u.current),E=y?k.addEventListener:k.removeEventListener;E(m?"touchmove":"mousemove",f),E(m?"touchend":"mouseup",g)}return[function(y){var m=y.nativeEvent,k=u.current;if(k&&(W(m),!function(x,R){return R&&!S(x)}(m,t.current)&&k)){if(S(m)){t.current=!0;var E=m.changedTouches||[];E.length&&(n.current=E[0].identifier)}k.focus(),d(T(k,m,n.current)),b(!0)}},function(y){var m=y.which||y.keyCode;m<37||m>40||(y.preventDefault(),e({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},b]},[e,d]),o=a[0],i=a[1],c=a[2];return p.useEffect(function(){return c},[c]),v.createElement("div",C({},h,{onTouchStart:o,onMouseDown:o,className:"react-colorful__interactive",ref:u,onKeyDown:i,tabIndex:0,role:"slider"}))}),N=function(r){return r.filter(Boolean).join(" ")},F=function(r){var l=r.color,s=r.left,h=r.top,u=h===void 0?.5:h,d=N(["react-colorful__pointer",r.className]);return v.createElement("div",{className:d,style:{top:100*u+"%",left:100*s+"%"}},v.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:l}}))},w=function(r,l,s){return l===void 0&&(l=0),s===void 0&&(s=Math.pow(10,l)),Math.round(s*r)/s},ye={grad:.9,turn:360,rad:360/(2*Math.PI)},xe=function(r){return ee(K(r))},K=function(r){return r[0]==="#"&&(r=r.substring(1)),r.length<6?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:r.length===4?w(parseInt(r[3]+r[3],16)/255,2):1}:{r:parseInt(r.substring(0,2),16),g:parseInt(r.substring(2,4),16),b:parseInt(r.substring(4,6),16),a:r.length===8?w(parseInt(r.substring(6,8),16)/255,2):1}},we=function(r,l){return l===void 0&&(l="deg"),Number(r)*(ye[l]||1)},ke=function(r){var l=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return l?_e({h:we(l[1],l[2]),s:Number(l[3]),l:Number(l[4]),a:l[5]===void 0?1:Number(l[5])/(l[6]?100:1)}):{h:0,s:0,v:0,a:1}},_e=function(r){var l=r.s,s=r.l;return{h:r.h,s:(l*=(s<50?s:100-s)/100)>0?2*l/(s+l)*100:0,v:s+l,a:r.a}},Ee=function(r){return Ce(Q(r))},J=function(r){var l=r.s,s=r.v,h=r.a,u=(200-l)*s/100;return{h:w(r.h),s:w(u>0&&u<200?l*s/100/(u<=100?u:200-u)*100:0),l:w(u/2),a:w(h,2)}},X=function(r){var l=J(r);return"hsl("+l.h+", "+l.s+"%, "+l.l+"%)"},H=function(r){var l=J(r);return"hsla("+l.h+", "+l.s+"%, "+l.l+"%, "+l.a+")"},Q=function(r){var l=r.h,s=r.s,h=r.v,u=r.a;l=l/360*6,s/=100,h/=100;var d=Math.floor(l),e=h*(1-s),n=h*(1-(l-d)*s),t=h*(1-(1-l+d)*s),a=d%6;return{r:w(255*[h,n,e,e,t,h][a]),g:w(255*[t,h,h,n,e,e][a]),b:w(255*[e,e,t,h,h,n][a]),a:w(u,2)}},Me=function(r){var l=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return l?ee({r:Number(l[1])/(l[2]?100/255:1),g:Number(l[3])/(l[4]?100/255:1),b:Number(l[5])/(l[6]?100/255:1),a:l[7]===void 0?1:Number(l[7])/(l[8]?100:1)}):{h:0,s:0,v:0,a:1}},j=function(r){var l=r.toString(16);return l.length<2?"0"+l:l},Ce=function(r){var l=r.r,s=r.g,h=r.b,u=r.a,d=u<1?j(w(255*u)):"";return"#"+j(l)+j(s)+j(h)+d},ee=function(r){var l=r.r,s=r.g,h=r.b,u=r.a,d=Math.max(l,s,h),e=d-Math.min(l,s,h),n=e?d===l?(s-h)/e:d===s?2+(h-l)/e:4+(l-s)/e:0;return{h:w(60*(n<0?n+6:n)),s:w(d?e/d*100:0),v:w(d/255*100),a:u}},re=v.memo(function(r){var l=r.hue,s=r.onChange,h=N(["react-colorful__hue",r.className]);return v.createElement("div",{className:h},v.createElement(G,{onMove:function(u){s({h:360*u.left})},onKey:function(u){s({h:O(l+360*u.left,0,360)})},"aria-label":"Hue","aria-valuenow":w(l),"aria-valuemax":"360","aria-valuemin":"0"},v.createElement(F,{className:"react-colorful__hue-pointer",left:l/360,color:X({h:l,s:100,v:100,a:1})})))}),te=v.memo(function(r){var l=r.hsva,s=r.onChange,h={backgroundColor:X({h:l.h,s:100,v:100,a:1})};return v.createElement("div",{className:"react-colorful__saturation",style:h},v.createElement(G,{onMove:function(u){s({s:100*u.left,v:100-100*u.top})},onKey:function(u){s({s:O(l.s+100*u.left,0,100),v:O(l.v-100*u.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+w(l.s)+"%, Brightness "+w(l.v)+"%"},v.createElement(F,{className:"react-colorful__saturation-pointer",top:1-l.v/100,left:l.s/100,color:X(l)})))}),ne=function(r,l){if(r===l)return!0;for(var s in r)if(r[s]!==l[s])return!1;return!0},ae=function(r,l){return r.replace(/\s/g,"")===l.replace(/\s/g,"")},$e=function(r,l){return r.toLowerCase()===l.toLowerCase()||ne(K(r),K(l))};function le(r,l,s){var h=L(s),u=p.useState(function(){return r.toHsva(l)}),d=u[0],e=u[1],n=p.useRef({color:l,hsva:d});p.useEffect(function(){if(!r.equal(l,n.current.color)){var a=r.toHsva(l);n.current={hsva:a,color:l},e(a)}},[l,r]),p.useEffect(function(){var a;ne(d,n.current.hsva)||r.equal(a=r.fromHsva(d),n.current.color)||(n.current={hsva:d,color:a},h(a))},[d,r,h]);var t=p.useCallback(function(a){e(function(o){return Object.assign({},o,a)})},[]);return[d,t]}var Oe=typeof window<"u"?p.useLayoutEffect:p.useEffect,Se=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},Y=new Map,oe=function(r){Oe(function(){var l=r.current?r.current.ownerDocument:document;if(l!==void 0&&!Y.has(l)){var s=l.createElement("style");s.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,Y.set(l,s);var h=Se();h&&s.setAttribute("nonce",h),l.head.appendChild(s)}},[])},Ne=function(r){var l=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,d=r.onChange,e=D(r,["className","colorModel","color","onChange"]),n=p.useRef(null);oe(n);var t=le(s,u,d),a=t[0],o=t[1],i=N(["react-colorful",l]);return v.createElement("div",C({},e,{ref:n,className:i}),v.createElement(te,{hsva:a,onChange:o}),v.createElement(re,{hue:a.h,onChange:o,className:"react-colorful__last-control"}))},Re={defaultColor:"000",toHsva:xe,fromHsva:function(r){return Ee({h:r.h,s:r.s,v:r.v,a:1})},equal:$e},je=function(r){return v.createElement(Ne,C({},r,{colorModel:Re}))},ze=function(r){var l=r.className,s=r.hsva,h=r.onChange,u={backgroundImage:"linear-gradient(90deg, "+H(Object.assign({},s,{a:0}))+", "+H(Object.assign({},s,{a:1}))+")"},d=N(["react-colorful__alpha",l]),e=w(100*s.a);return v.createElement("div",{className:d},v.createElement("div",{className:"react-colorful__alpha-gradient",style:u}),v.createElement(G,{onMove:function(n){h({a:n.left})},onKey:function(n){h({a:O(s.a+n.left)})},"aria-label":"Alpha","aria-valuetext":e+"%","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100"},v.createElement(F,{className:"react-colorful__alpha-pointer",left:s.a,color:H(s)})))},ue=function(r){var l=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,d=r.onChange,e=D(r,["className","colorModel","color","onChange"]),n=p.useRef(null);oe(n);var t=le(s,u,d),a=t[0],o=t[1],i=N(["react-colorful",l]);return v.createElement("div",C({},e,{ref:n,className:i}),v.createElement(te,{hsva:a,onChange:o}),v.createElement(re,{hue:a.h,onChange:o}),v.createElement(ze,{hsva:a,onChange:o,className:"react-colorful__last-control"}))},He={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ke,fromHsva:H,equal:ae},Ie=function(r){return v.createElement(ue,C({},r,{colorModel:He}))},qe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Me,fromHsva:function(r){var l=Q(r);return"rgba("+l.r+", "+l.g+", "+l.b+", "+l.a+")"},equal:ae},Pe=function(r){return v.createElement(ue,C({},r,{colorModel:qe}))},Le=M.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Be=M(U)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ke=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Xe=M(fe)(({theme:r})=>({fontFamily:r.typography.fonts.base})),Ve=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),De=M.div(({theme:r,active:l})=>({width:16,height:16,boxShadow:l?`${r.appBorderColor} 0 0 0 1px inset, ${r.textMutedColor}50 0 0 0 4px`:`${r.appBorderColor} 0 0 0 1px inset`,borderRadius:r.appBorderRadius})),Ge=`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,A=({value:r,style:l,...s})=>{let h=`linear-gradient(${r}, ${r}), ${Ge}, linear-gradient(#fff, #fff)`;return v.createElement(De,{...s,style:{...l,backgroundImage:h}})},Fe=M(de.Input)(({theme:r,readOnly:l})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:r.typography.fonts.base})),Te=M(ge)(({theme:r})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:r.input.color})),ie=(r=>(r.RGB="rgb",r.HSL="hsl",r.HEX="hex",r))(ie||{}),P=Object.values(ie),We=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ye=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ae=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,V=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Ue=/^\s*#?([0-9a-f]{3})\s*$/i,Ze={hex:je,rgb:Pe,hsl:Ie},z={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},se=r=>{let l=r==null?void 0:r.match(We);if(!l)return[0,0,0,1];let[,s,h,u,d=1]=l;return[s,h,u,d].map(Number)},Je=r=>{let[l,s,h,u]=se(r),[d,e,n]=_.default.rgb.hsl([l,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.rgb.keyword([l,s,h]),colorSpace:"rgb",rgb:r,hsl:`hsla(${d}, ${e}%, ${n}%, ${u})`,hex:`#${_.default.rgb.hex([l,s,h]).toLowerCase()}`}},Qe=r=>{let[l,s,h,u]=se(r),[d,e,n]=_.default.hsl.rgb([l,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.hsl.keyword([l,s,h]),colorSpace:"hsl",rgb:`rgba(${d}, ${e}, ${n}, ${u})`,hsl:r,hex:`#${_.default.hsl.hex([l,s,h]).toLowerCase()}`}},er=r=>{let l=r.replace("#",""),s=_.default.keyword.rgb(l)||_.default.hex.rgb(l),h=_.default.rgb.hsl(s),u=r;/[^#a-f0-9]/i.test(r)?u=l:V.test(r)&&(u=`#${l}`);let d=!0;if(u.startsWith("#"))d=V.test(u);else try{_.default.keyword.hex(u)}catch{d=!1}return{valid:d,value:u,keyword:_.default.rgb.keyword(s),colorSpace:"hex",rgb:`rgba(${s[0]}, ${s[1]}, ${s[2]}, 1)`,hsl:`hsla(${h[0]}, ${h[1]}%, ${h[2]}%, 1)`,hex:u}},$=r=>{if(r)return Ye.test(r)?Je(r):Ae.test(r)?Qe(r):er(r)},rr=(r,l,s)=>{if(!r||!(l!=null&&l.valid))return z[s];if(s!=="hex")return(l==null?void 0:l[s])||z[s];if(!l.hex.startsWith("#"))try{return`#${_.default.keyword.hex(l.hex)}`}catch{return z.hex}let h=l.hex.match(Ue);if(!h)return V.test(l.hex)?l.hex:z.hex;let[u,d,e]=h[1].split("");return`#${u}${u}${d}${d}${e}${e}`},tr=(r,l)=>{let[s,h]=p.useState(r||""),[u,d]=p.useState(()=>$(s)),[e,n]=p.useState((u==null?void 0:u.colorSpace)||"hex");p.useEffect(()=>{let i=r||"",c=$(i);h(i),d(c),n((c==null?void 0:c.colorSpace)||"hex")},[r]);let t=p.useMemo(()=>rr(s,u,e).toLowerCase(),[s,u,e]),a=p.useCallback(i=>{let c=$(i),f=(c==null?void 0:c.value)||i||"";h(f),f===""&&(d(void 0),l(void 0)),c&&(d(c),n(c.colorSpace),l(c.value))},[l]),o=p.useCallback(()=>{let i=(P.indexOf(e)+1)%P.length,c=P[i];n(c);let f=(u==null?void 0:u[c])||"";h(f),l(f)},[u,e,l]);return{value:s,realValue:t,updateValue:a,color:u,colorSpace:e,cycleColorSpace:o}},I=r=>r.replace(/\s*/,"").toLowerCase(),nr=(r,l,s)=>{let[h,u]=p.useState(l!=null&&l.valid?[l]:[]);p.useEffect(()=>{l===void 0&&u([])},[l]);let d=p.useMemo(()=>(r||[]).map(n=>typeof n=="string"?$(n):n.title?{...$(n.color),keyword:n.title}:$(n.color)).concat(h).filter(Boolean).slice(-27),[r,h]),e=p.useCallback(n=>{n!=null&&n.valid&&(d.some(t=>t&&t[s]&&I(t[s]||"")===I(n[s]||""))||u(t=>t.concat(n)))},[s,d]);return{presets:d,addPreset:e}},ar=({name:r,value:l,onChange:s,onFocus:h,onBlur:u,presetColors:d,startOpen:e=!1,argType:n})=>{var E;let t=p.useCallback(ce(s,200),[s]),{value:a,realValue:o,updateValue:i,color:c,colorSpace:f,cycleColorSpace:g}=tr(l,t),{presets:b,addPreset:y}=nr(d??[],c,f),m=Ze[f],k=!!((E=n==null?void 0:n.table)!=null&&E.readonly);return v.createElement(Le,{"aria-readonly":k},v.createElement(Be,{startOpen:e,trigger:k?null:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>c&&y(c),tooltip:v.createElement(Ke,null,v.createElement(m,{color:o==="transparent"?"#000000":o,onChange:i,onFocus:h,onBlur:u}),b.length>0&&v.createElement(Ve,null,b.map((x,R)=>v.createElement(U,{key:`${(x==null?void 0:x.value)||R}-${R}`,hasChrome:!1,tooltip:v.createElement(Xe,{note:(x==null?void 0:x.keyword)||(x==null?void 0:x.value)||""})},v.createElement(A,{value:(x==null?void 0:x[f])||"",active:!!(c&&x&&x[f]&&I(x[f]||"")===I(c[f])),onClick:()=>x&&i(x.value||"")})))))},v.createElement(A,{value:o,style:{margin:4}})),v.createElement(Fe,{id:he(r),value:a,onChange:x=>i(x.target.value),onFocus:x=>x.target.select(),readOnly:k,placeholder:"Choose color..."}),a?v.createElement(Te,{onClick:g}):null)},hr=ar;export{ar as ColorControl,hr as default};
1
+ import{d as ce,x as M,Y as U,g as he,i as fe,Z as de,M as ge,_ as be,a as q}from"./DocsRenderer-PQXLIZUC-C2AYT361.js";import{r as p,R as v}from"./iframe-B8pH-Lvr.js";import"./preload-helper-C1FmrZbK.js";import"./react-18-7dGub68c.js";import"./client-0pKYCVHx.js";import"./index-PY_vM88c.js";var ve=q({"../../node_modules/color-name/index.js"(r,l){l.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),Z=q({"../../node_modules/color-convert/conversions.js"(r,l){var s=ve(),h={};for(let e of Object.keys(s))h[s[e]]=e;var u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};l.exports=u;for(let e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:n,labels:t}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:n}),Object.defineProperty(u[e],"labels",{value:t})}u.rgb.hsl=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.min(n,t,a),i=Math.max(n,t,a),c=i-o,f,g;i===o?f=0:n===i?f=(t-a)/c:t===i?f=2+(a-n)/c:a===i&&(f=4+(n-t)/c),f=Math.min(f*60,360),f<0&&(f+=360);let b=(o+i)/2;return i===o?g=0:b<=.5?g=c/(i+o):g=c/(2-i-o),[f,g*100,b*100]},u.rgb.hsv=function(e){let n,t,a,o,i,c=e[0]/255,f=e[1]/255,g=e[2]/255,b=Math.max(c,f,g),y=b-Math.min(c,f,g),m=function(k){return(b-k)/6/y+1/2};return y===0?(o=0,i=0):(i=y/b,n=m(c),t=m(f),a=m(g),c===b?o=a-t:f===b?o=1/3+n-a:g===b&&(o=2/3+t-n),o<0?o+=1:o>1&&(o-=1)),[o*360,i*100,b*100]},u.rgb.hwb=function(e){let n=e[0],t=e[1],a=e[2],o=u.rgb.hsl(e)[0],i=1/255*Math.min(n,Math.min(t,a));return a=1-1/255*Math.max(n,Math.max(t,a)),[o,i*100,a*100]},u.rgb.cmyk=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.min(1-n,1-t,1-a),i=(1-n-o)/(1-o)||0,c=(1-t-o)/(1-o)||0,f=(1-a-o)/(1-o)||0;return[i*100,c*100,f*100,o*100]};function d(e,n){return(e[0]-n[0])**2+(e[1]-n[1])**2+(e[2]-n[2])**2}u.rgb.keyword=function(e){let n=h[e];if(n)return n;let t=1/0,a;for(let o of Object.keys(s)){let i=s[o],c=d(e,i);c<t&&(t=c,a=o)}return a},u.keyword.rgb=function(e){return s[e]},u.rgb.xyz=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255;n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92;let o=n*.4124+t*.3576+a*.1805,i=n*.2126+t*.7152+a*.0722,c=n*.0193+t*.1192+a*.9505;return[o*100,i*100,c*100]},u.rgb.lab=function(e){let n=u.rgb.xyz(e),t=n[0],a=n[1],o=n[2];t/=95.047,a/=100,o/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;let i=116*a-16,c=500*(t-a),f=200*(a-o);return[i,c,f]},u.hsl.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,o,i,c;if(t===0)return c=a*255,[c,c,c];a<.5?o=a*(1+t):o=a+t-a*t;let f=2*a-o,g=[0,0,0];for(let b=0;b<3;b++)i=n+1/3*-(b-1),i<0&&i++,i>1&&i--,6*i<1?c=f+(o-f)*6*i:2*i<1?c=o:3*i<2?c=f+(o-f)*(2/3-i)*6:c=f,g[b]=c*255;return g},u.hsl.hsv=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,o=t,i=Math.max(a,.01);a*=2,t*=a<=1?a:2-a,o*=i<=1?i:2-i;let c=(a+t)/2,f=a===0?2*o/(i+o):2*t/(a+t);return[n,f*100,c*100]},u.hsv.rgb=function(e){let n=e[0]/60,t=e[1]/100,a=e[2]/100,o=Math.floor(n)%6,i=n-Math.floor(n),c=255*a*(1-t),f=255*a*(1-t*i),g=255*a*(1-t*(1-i));switch(a*=255,o){case 0:return[a,g,c];case 1:return[f,a,c];case 2:return[c,a,g];case 3:return[c,f,a];case 4:return[g,c,a];case 5:return[a,c,f]}},u.hsv.hsl=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,o=Math.max(a,.01),i,c;c=(2-t)*a;let f=(2-t)*o;return i=t*o,i/=f<=1?f:2-f,i=i||0,c/=2,[n,i*100,c*100]},u.hwb.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,o=t+a,i;o>1&&(t/=o,a/=o);let c=Math.floor(6*n),f=1-a;i=6*n-c,c&1&&(i=1-i);let g=t+i*(f-t),b,y,m;switch(c){default:case 6:case 0:b=f,y=g,m=t;break;case 1:b=g,y=f,m=t;break;case 2:b=t,y=f,m=g;break;case 3:b=t,y=g,m=f;break;case 4:b=g,y=t,m=f;break;case 5:b=f,y=t,m=g;break}return[b*255,y*255,m*255]},u.cmyk.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,o=e[3]/100,i=1-Math.min(1,n*(1-o)+o),c=1-Math.min(1,t*(1-o)+o),f=1-Math.min(1,a*(1-o)+o);return[i*255,c*255,f*255]},u.xyz.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,o,i,c;return o=n*3.2406+t*-1.5372+a*-.4986,i=n*-.9689+t*1.8758+a*.0415,c=n*.0557+t*-.204+a*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,c=c>.0031308?1.055*c**(1/2.4)-.055:c*12.92,o=Math.min(Math.max(0,o),1),i=Math.min(Math.max(0,i),1),c=Math.min(Math.max(0,c),1),[o*255,i*255,c*255]},u.xyz.lab=function(e){let n=e[0],t=e[1],a=e[2];n/=95.047,t/=100,a/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116;let o=116*t-16,i=500*(n-t),c=200*(t-a);return[o,i,c]},u.lab.xyz=function(e){let n=e[0],t=e[1],a=e[2],o,i,c;i=(n+16)/116,o=t/500+i,c=i-a/200;let f=i**3,g=o**3,b=c**3;return i=f>.008856?f:(i-16/116)/7.787,o=g>.008856?g:(o-16/116)/7.787,c=b>.008856?b:(c-16/116)/7.787,o*=95.047,i*=100,c*=108.883,[o,i,c]},u.lab.lch=function(e){let n=e[0],t=e[1],a=e[2],o;o=Math.atan2(a,t)*360/2/Math.PI,o<0&&(o+=360);let i=Math.sqrt(t*t+a*a);return[n,i,o]},u.lch.lab=function(e){let n=e[0],t=e[1],a=e[2]/360*2*Math.PI,o=t*Math.cos(a),i=t*Math.sin(a);return[n,o,i]},u.rgb.ansi16=function(e,n=null){let[t,a,o]=e,i=n===null?u.rgb.hsv(e)[2]:n;if(i=Math.round(i/50),i===0)return 30;let c=30+(Math.round(o/255)<<2|Math.round(a/255)<<1|Math.round(t/255));return i===2&&(c+=60),c},u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])},u.rgb.ansi256=function(e){let n=e[0],t=e[1],a=e[2];return n===t&&t===a?n<8?16:n>248?231:Math.round((n-8)/247*24)+232:16+36*Math.round(n/255*5)+6*Math.round(t/255*5)+Math.round(a/255*5)},u.ansi16.rgb=function(e){let n=e%10;if(n===0||n===7)return e>50&&(n+=3.5),n=n/10.5*255,[n,n,n];let t=(~~(e>50)+1)*.5,a=(n&1)*t*255,o=(n>>1&1)*t*255,i=(n>>2&1)*t*255;return[a,o,i]},u.ansi256.rgb=function(e){if(e>=232){let i=(e-232)*10+8;return[i,i,i]}e-=16;let n,t=Math.floor(e/36)/5*255,a=Math.floor((n=e%36)/6)/5*255,o=n%6/5*255;return[t,a,o]},u.rgb.hex=function(e){let n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n},u.hex.rgb=function(e){let n=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!n)return[0,0,0];let t=n[0];n[0].length===3&&(t=t.split("").map(f=>f+f).join(""));let a=parseInt(t,16),o=a>>16&255,i=a>>8&255,c=a&255;return[o,i,c]},u.rgb.hcg=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.max(Math.max(n,t),a),i=Math.min(Math.min(n,t),a),c=o-i,f,g;return c<1?f=i/(1-c):f=0,c<=0?g=0:o===n?g=(t-a)/c%6:o===t?g=2+(a-n)/c:g=4+(n-t)/c,g/=6,g%=1,[g*360,c*100,f*100]},u.hsl.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=t<.5?2*n*t:2*n*(1-t),o=0;return a<1&&(o=(t-.5*a)/(1-a)),[e[0],a*100,o*100]},u.hsv.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=n*t,o=0;return a<1&&(o=(t-a)/(1-a)),[e[0],a*100,o*100]},u.hcg.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100;if(t===0)return[a*255,a*255,a*255];let o=[0,0,0],i=n%1*6,c=i%1,f=1-c,g=0;switch(Math.floor(i)){case 0:o[0]=1,o[1]=c,o[2]=0;break;case 1:o[0]=f,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=c;break;case 3:o[0]=0,o[1]=f,o[2]=1;break;case 4:o[0]=c,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=f}return g=(1-t)*a,[(t*o[0]+g)*255,(t*o[1]+g)*255,(t*o[2]+g)*255]},u.hcg.hsv=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n),o=0;return a>0&&(o=n/a),[e[0],o*100,a*100]},u.hcg.hsl=function(e){let n=e[1]/100,t=e[2]/100*(1-n)+.5*n,a=0;return t>0&&t<.5?a=n/(2*t):t>=.5&&t<1&&(a=n/(2*(1-t))),[e[0],a*100,t*100]},u.hcg.hwb=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n);return[e[0],(a-n)*100,(1-a)*100]},u.hwb.hcg=function(e){let n=e[1]/100,t=1-e[2]/100,a=t-n,o=0;return a<1&&(o=(t-a)/(1-a)),[e[0],a*100,o*100]},u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},u.gray.hsl=function(e){return[0,0,e[0]]},u.gray.hsv=u.gray.hsl,u.gray.hwb=function(e){return[0,100,e[0]]},u.gray.cmyk=function(e){return[0,0,0,e[0]]},u.gray.lab=function(e){return[e[0],0,0]},u.gray.hex=function(e){let n=Math.round(e[0]/100*255)&255,t=((n<<16)+(n<<8)+n).toString(16).toUpperCase();return"000000".substring(t.length)+t},u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),me=q({"../../node_modules/color-convert/route.js"(r,l){var s=Z();function h(){let n={},t=Object.keys(s);for(let a=t.length,o=0;o<a;o++)n[t[o]]={distance:-1,parent:null};return n}function u(n){let t=h(),a=[n];for(t[n].distance=0;a.length;){let o=a.pop(),i=Object.keys(s[o]);for(let c=i.length,f=0;f<c;f++){let g=i[f],b=t[g];b.distance===-1&&(b.distance=t[o].distance+1,b.parent=o,a.unshift(g))}}return t}function d(n,t){return function(a){return t(n(a))}}function e(n,t){let a=[t[n].parent,n],o=s[t[n].parent][n],i=t[n].parent;for(;t[i].parent;)a.unshift(t[i].parent),o=d(s[t[i].parent][i],o),i=t[i].parent;return o.conversion=a,o}l.exports=function(n){let t=u(n),a={},o=Object.keys(t);for(let i=o.length,c=0;c<i;c++){let f=o[c];t[f].parent!==null&&(a[f]=e(f,t))}return a}}}),pe=q({"../../node_modules/color-convert/index.js"(r,l){var s=Z(),h=me(),u={},d=Object.keys(s);function e(t){let a=function(...o){let i=o[0];return i==null?i:(i.length>1&&(o=i),t(o))};return"conversion"in t&&(a.conversion=t.conversion),a}function n(t){let a=function(...o){let i=o[0];if(i==null)return i;i.length>1&&(o=i);let c=t(o);if(typeof c=="object")for(let f=c.length,g=0;g<f;g++)c[g]=Math.round(c[g]);return c};return"conversion"in t&&(a.conversion=t.conversion),a}d.forEach(t=>{u[t]={},Object.defineProperty(u[t],"channels",{value:s[t].channels}),Object.defineProperty(u[t],"labels",{value:s[t].labels});let a=h(t);Object.keys(a).forEach(o=>{let i=a[o];u[t][o]=n(i),u[t][o].raw=e(i)})}),l.exports=u}}),_=be(pe());function C(){return(C=Object.assign||function(r){for(var l=1;l<arguments.length;l++){var s=arguments[l];for(var h in s)Object.prototype.hasOwnProperty.call(s,h)&&(r[h]=s[h])}return r}).apply(this,arguments)}function D(r,l){if(r==null)return{};var s,h,u={},d=Object.keys(r);for(h=0;h<d.length;h++)l.indexOf(s=d[h])>=0||(u[s]=r[s]);return u}function L(r){var l=p.useRef(r),s=p.useRef(function(h){l.current&&l.current(h)});return l.current=r,s.current}var O=function(r,l,s){return l===void 0&&(l=0),s===void 0&&(s=1),r>s?s:r<l?l:r},S=function(r){return"touches"in r},B=function(r){return r&&r.ownerDocument.defaultView||self},T=function(r,l,s){var h=r.getBoundingClientRect(),u=S(l)?function(d,e){for(var n=0;n<d.length;n++)if(d[n].identifier===e)return d[n];return d[0]}(l.touches,s):l;return{left:O((u.pageX-(h.left+B(r).pageXOffset))/h.width),top:O((u.pageY-(h.top+B(r).pageYOffset))/h.height)}},W=function(r){!S(r)&&r.preventDefault()},G=v.memo(function(r){var l=r.onMove,s=r.onKey,h=D(r,["onMove","onKey"]),u=p.useRef(null),d=L(l),e=L(s),n=p.useRef(null),t=p.useRef(!1),a=p.useMemo(function(){var f=function(y){W(y),(S(y)?y.touches.length>0:y.buttons>0)&&u.current?d(T(u.current,y,n.current)):b(!1)},g=function(){return b(!1)};function b(y){var m=t.current,k=B(u.current),E=y?k.addEventListener:k.removeEventListener;E(m?"touchmove":"mousemove",f),E(m?"touchend":"mouseup",g)}return[function(y){var m=y.nativeEvent,k=u.current;if(k&&(W(m),!function(x,R){return R&&!S(x)}(m,t.current)&&k)){if(S(m)){t.current=!0;var E=m.changedTouches||[];E.length&&(n.current=E[0].identifier)}k.focus(),d(T(k,m,n.current)),b(!0)}},function(y){var m=y.which||y.keyCode;m<37||m>40||(y.preventDefault(),e({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},b]},[e,d]),o=a[0],i=a[1],c=a[2];return p.useEffect(function(){return c},[c]),v.createElement("div",C({},h,{onTouchStart:o,onMouseDown:o,className:"react-colorful__interactive",ref:u,onKeyDown:i,tabIndex:0,role:"slider"}))}),N=function(r){return r.filter(Boolean).join(" ")},F=function(r){var l=r.color,s=r.left,h=r.top,u=h===void 0?.5:h,d=N(["react-colorful__pointer",r.className]);return v.createElement("div",{className:d,style:{top:100*u+"%",left:100*s+"%"}},v.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:l}}))},w=function(r,l,s){return l===void 0&&(l=0),s===void 0&&(s=Math.pow(10,l)),Math.round(s*r)/s},ye={grad:.9,turn:360,rad:360/(2*Math.PI)},xe=function(r){return ee(K(r))},K=function(r){return r[0]==="#"&&(r=r.substring(1)),r.length<6?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:r.length===4?w(parseInt(r[3]+r[3],16)/255,2):1}:{r:parseInt(r.substring(0,2),16),g:parseInt(r.substring(2,4),16),b:parseInt(r.substring(4,6),16),a:r.length===8?w(parseInt(r.substring(6,8),16)/255,2):1}},we=function(r,l){return l===void 0&&(l="deg"),Number(r)*(ye[l]||1)},ke=function(r){var l=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return l?_e({h:we(l[1],l[2]),s:Number(l[3]),l:Number(l[4]),a:l[5]===void 0?1:Number(l[5])/(l[6]?100:1)}):{h:0,s:0,v:0,a:1}},_e=function(r){var l=r.s,s=r.l;return{h:r.h,s:(l*=(s<50?s:100-s)/100)>0?2*l/(s+l)*100:0,v:s+l,a:r.a}},Ee=function(r){return Ce(Q(r))},J=function(r){var l=r.s,s=r.v,h=r.a,u=(200-l)*s/100;return{h:w(r.h),s:w(u>0&&u<200?l*s/100/(u<=100?u:200-u)*100:0),l:w(u/2),a:w(h,2)}},X=function(r){var l=J(r);return"hsl("+l.h+", "+l.s+"%, "+l.l+"%)"},H=function(r){var l=J(r);return"hsla("+l.h+", "+l.s+"%, "+l.l+"%, "+l.a+")"},Q=function(r){var l=r.h,s=r.s,h=r.v,u=r.a;l=l/360*6,s/=100,h/=100;var d=Math.floor(l),e=h*(1-s),n=h*(1-(l-d)*s),t=h*(1-(1-l+d)*s),a=d%6;return{r:w(255*[h,n,e,e,t,h][a]),g:w(255*[t,h,h,n,e,e][a]),b:w(255*[e,e,t,h,h,n][a]),a:w(u,2)}},Me=function(r){var l=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return l?ee({r:Number(l[1])/(l[2]?100/255:1),g:Number(l[3])/(l[4]?100/255:1),b:Number(l[5])/(l[6]?100/255:1),a:l[7]===void 0?1:Number(l[7])/(l[8]?100:1)}):{h:0,s:0,v:0,a:1}},j=function(r){var l=r.toString(16);return l.length<2?"0"+l:l},Ce=function(r){var l=r.r,s=r.g,h=r.b,u=r.a,d=u<1?j(w(255*u)):"";return"#"+j(l)+j(s)+j(h)+d},ee=function(r){var l=r.r,s=r.g,h=r.b,u=r.a,d=Math.max(l,s,h),e=d-Math.min(l,s,h),n=e?d===l?(s-h)/e:d===s?2+(h-l)/e:4+(l-s)/e:0;return{h:w(60*(n<0?n+6:n)),s:w(d?e/d*100:0),v:w(d/255*100),a:u}},re=v.memo(function(r){var l=r.hue,s=r.onChange,h=N(["react-colorful__hue",r.className]);return v.createElement("div",{className:h},v.createElement(G,{onMove:function(u){s({h:360*u.left})},onKey:function(u){s({h:O(l+360*u.left,0,360)})},"aria-label":"Hue","aria-valuenow":w(l),"aria-valuemax":"360","aria-valuemin":"0"},v.createElement(F,{className:"react-colorful__hue-pointer",left:l/360,color:X({h:l,s:100,v:100,a:1})})))}),te=v.memo(function(r){var l=r.hsva,s=r.onChange,h={backgroundColor:X({h:l.h,s:100,v:100,a:1})};return v.createElement("div",{className:"react-colorful__saturation",style:h},v.createElement(G,{onMove:function(u){s({s:100*u.left,v:100-100*u.top})},onKey:function(u){s({s:O(l.s+100*u.left,0,100),v:O(l.v-100*u.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+w(l.s)+"%, Brightness "+w(l.v)+"%"},v.createElement(F,{className:"react-colorful__saturation-pointer",top:1-l.v/100,left:l.s/100,color:X(l)})))}),ne=function(r,l){if(r===l)return!0;for(var s in r)if(r[s]!==l[s])return!1;return!0},ae=function(r,l){return r.replace(/\s/g,"")===l.replace(/\s/g,"")},$e=function(r,l){return r.toLowerCase()===l.toLowerCase()||ne(K(r),K(l))};function le(r,l,s){var h=L(s),u=p.useState(function(){return r.toHsva(l)}),d=u[0],e=u[1],n=p.useRef({color:l,hsva:d});p.useEffect(function(){if(!r.equal(l,n.current.color)){var a=r.toHsva(l);n.current={hsva:a,color:l},e(a)}},[l,r]),p.useEffect(function(){var a;ne(d,n.current.hsva)||r.equal(a=r.fromHsva(d),n.current.color)||(n.current={hsva:d,color:a},h(a))},[d,r,h]);var t=p.useCallback(function(a){e(function(o){return Object.assign({},o,a)})},[]);return[d,t]}var Oe=typeof window<"u"?p.useLayoutEffect:p.useEffect,Se=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},Y=new Map,oe=function(r){Oe(function(){var l=r.current?r.current.ownerDocument:document;if(l!==void 0&&!Y.has(l)){var s=l.createElement("style");s.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,Y.set(l,s);var h=Se();h&&s.setAttribute("nonce",h),l.head.appendChild(s)}},[])},Ne=function(r){var l=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,d=r.onChange,e=D(r,["className","colorModel","color","onChange"]),n=p.useRef(null);oe(n);var t=le(s,u,d),a=t[0],o=t[1],i=N(["react-colorful",l]);return v.createElement("div",C({},e,{ref:n,className:i}),v.createElement(te,{hsva:a,onChange:o}),v.createElement(re,{hue:a.h,onChange:o,className:"react-colorful__last-control"}))},Re={defaultColor:"000",toHsva:xe,fromHsva:function(r){return Ee({h:r.h,s:r.s,v:r.v,a:1})},equal:$e},je=function(r){return v.createElement(Ne,C({},r,{colorModel:Re}))},ze=function(r){var l=r.className,s=r.hsva,h=r.onChange,u={backgroundImage:"linear-gradient(90deg, "+H(Object.assign({},s,{a:0}))+", "+H(Object.assign({},s,{a:1}))+")"},d=N(["react-colorful__alpha",l]),e=w(100*s.a);return v.createElement("div",{className:d},v.createElement("div",{className:"react-colorful__alpha-gradient",style:u}),v.createElement(G,{onMove:function(n){h({a:n.left})},onKey:function(n){h({a:O(s.a+n.left)})},"aria-label":"Alpha","aria-valuetext":e+"%","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100"},v.createElement(F,{className:"react-colorful__alpha-pointer",left:s.a,color:H(s)})))},ue=function(r){var l=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,d=r.onChange,e=D(r,["className","colorModel","color","onChange"]),n=p.useRef(null);oe(n);var t=le(s,u,d),a=t[0],o=t[1],i=N(["react-colorful",l]);return v.createElement("div",C({},e,{ref:n,className:i}),v.createElement(te,{hsva:a,onChange:o}),v.createElement(re,{hue:a.h,onChange:o}),v.createElement(ze,{hsva:a,onChange:o,className:"react-colorful__last-control"}))},He={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ke,fromHsva:H,equal:ae},Ie=function(r){return v.createElement(ue,C({},r,{colorModel:He}))},qe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Me,fromHsva:function(r){var l=Q(r);return"rgba("+l.r+", "+l.g+", "+l.b+", "+l.a+")"},equal:ae},Pe=function(r){return v.createElement(ue,C({},r,{colorModel:qe}))},Le=M.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Be=M(U)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ke=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Xe=M(fe)(({theme:r})=>({fontFamily:r.typography.fonts.base})),Ve=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),De=M.div(({theme:r,active:l})=>({width:16,height:16,boxShadow:l?`${r.appBorderColor} 0 0 0 1px inset, ${r.textMutedColor}50 0 0 0 4px`:`${r.appBorderColor} 0 0 0 1px inset`,borderRadius:r.appBorderRadius})),Ge=`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,A=({value:r,style:l,...s})=>{let h=`linear-gradient(${r}, ${r}), ${Ge}, linear-gradient(#fff, #fff)`;return v.createElement(De,{...s,style:{...l,backgroundImage:h}})},Fe=M(de.Input)(({theme:r,readOnly:l})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:r.typography.fonts.base})),Te=M(ge)(({theme:r})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:r.input.color})),ie=(r=>(r.RGB="rgb",r.HSL="hsl",r.HEX="hex",r))(ie||{}),P=Object.values(ie),We=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ye=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ae=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,V=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Ue=/^\s*#?([0-9a-f]{3})\s*$/i,Ze={hex:je,rgb:Pe,hsl:Ie},z={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},se=r=>{let l=r==null?void 0:r.match(We);if(!l)return[0,0,0,1];let[,s,h,u,d=1]=l;return[s,h,u,d].map(Number)},Je=r=>{let[l,s,h,u]=se(r),[d,e,n]=_.default.rgb.hsl([l,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.rgb.keyword([l,s,h]),colorSpace:"rgb",rgb:r,hsl:`hsla(${d}, ${e}%, ${n}%, ${u})`,hex:`#${_.default.rgb.hex([l,s,h]).toLowerCase()}`}},Qe=r=>{let[l,s,h,u]=se(r),[d,e,n]=_.default.hsl.rgb([l,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.hsl.keyword([l,s,h]),colorSpace:"hsl",rgb:`rgba(${d}, ${e}, ${n}, ${u})`,hsl:r,hex:`#${_.default.hsl.hex([l,s,h]).toLowerCase()}`}},er=r=>{let l=r.replace("#",""),s=_.default.keyword.rgb(l)||_.default.hex.rgb(l),h=_.default.rgb.hsl(s),u=r;/[^#a-f0-9]/i.test(r)?u=l:V.test(r)&&(u=`#${l}`);let d=!0;if(u.startsWith("#"))d=V.test(u);else try{_.default.keyword.hex(u)}catch{d=!1}return{valid:d,value:u,keyword:_.default.rgb.keyword(s),colorSpace:"hex",rgb:`rgba(${s[0]}, ${s[1]}, ${s[2]}, 1)`,hsl:`hsla(${h[0]}, ${h[1]}%, ${h[2]}%, 1)`,hex:u}},$=r=>{if(r)return Ye.test(r)?Je(r):Ae.test(r)?Qe(r):er(r)},rr=(r,l,s)=>{if(!r||!(l!=null&&l.valid))return z[s];if(s!=="hex")return(l==null?void 0:l[s])||z[s];if(!l.hex.startsWith("#"))try{return`#${_.default.keyword.hex(l.hex)}`}catch{return z.hex}let h=l.hex.match(Ue);if(!h)return V.test(l.hex)?l.hex:z.hex;let[u,d,e]=h[1].split("");return`#${u}${u}${d}${d}${e}${e}`},tr=(r,l)=>{let[s,h]=p.useState(r||""),[u,d]=p.useState(()=>$(s)),[e,n]=p.useState((u==null?void 0:u.colorSpace)||"hex");p.useEffect(()=>{let i=r||"",c=$(i);h(i),d(c),n((c==null?void 0:c.colorSpace)||"hex")},[r]);let t=p.useMemo(()=>rr(s,u,e).toLowerCase(),[s,u,e]),a=p.useCallback(i=>{let c=$(i),f=(c==null?void 0:c.value)||i||"";h(f),f===""&&(d(void 0),l(void 0)),c&&(d(c),n(c.colorSpace),l(c.value))},[l]),o=p.useCallback(()=>{let i=(P.indexOf(e)+1)%P.length,c=P[i];n(c);let f=(u==null?void 0:u[c])||"";h(f),l(f)},[u,e,l]);return{value:s,realValue:t,updateValue:a,color:u,colorSpace:e,cycleColorSpace:o}},I=r=>r.replace(/\s*/,"").toLowerCase(),nr=(r,l,s)=>{let[h,u]=p.useState(l!=null&&l.valid?[l]:[]);p.useEffect(()=>{l===void 0&&u([])},[l]);let d=p.useMemo(()=>(r||[]).map(n=>typeof n=="string"?$(n):n.title?{...$(n.color),keyword:n.title}:$(n.color)).concat(h).filter(Boolean).slice(-27),[r,h]),e=p.useCallback(n=>{n!=null&&n.valid&&(d.some(t=>t&&t[s]&&I(t[s]||"")===I(n[s]||""))||u(t=>t.concat(n)))},[s,d]);return{presets:d,addPreset:e}},ar=({name:r,value:l,onChange:s,onFocus:h,onBlur:u,presetColors:d,startOpen:e=!1,argType:n})=>{var E;let t=p.useCallback(ce(s,200),[s]),{value:a,realValue:o,updateValue:i,color:c,colorSpace:f,cycleColorSpace:g}=tr(l,t),{presets:b,addPreset:y}=nr(d??[],c,f),m=Ze[f],k=!!((E=n==null?void 0:n.table)!=null&&E.readonly);return v.createElement(Le,{"aria-readonly":k},v.createElement(Be,{startOpen:e,trigger:k?null:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>c&&y(c),tooltip:v.createElement(Ke,null,v.createElement(m,{color:o==="transparent"?"#000000":o,onChange:i,onFocus:h,onBlur:u}),b.length>0&&v.createElement(Ve,null,b.map((x,R)=>v.createElement(U,{key:`${(x==null?void 0:x.value)||R}-${R}`,hasChrome:!1,tooltip:v.createElement(Xe,{note:(x==null?void 0:x.keyword)||(x==null?void 0:x.value)||""})},v.createElement(A,{value:(x==null?void 0:x[f])||"",active:!!(c&&x&&x[f]&&I(x[f]||"")===I(c[f])),onClick:()=>x&&i(x.value||"")})))))},v.createElement(A,{value:o,style:{margin:4}})),v.createElement(Fe,{id:he(r),value:a,onChange:x=>i(x.target.value),onFocus:x=>x.target.select(),readOnly:k,placeholder:"Choose color..."}),a?v.createElement(Te,{onClick:g}):null)},hr=ar;export{ar as ColorControl,hr as default};
@@ -1,4 +1,4 @@
1
- import{r as n,j as K}from"./iframe-LZvJb0BS.js";import{d as m,S as Q,a as Z,q as ee,e as L,i as re,M as te,W as oe,s as ne,f as ae}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const ue={"color-bends-container":"_color-bends-container_1e02y_1"},q=8,se=`
1
+ import{r as n,j as K}from"./iframe-B8pH-Lvr.js";import{d as m,S as Q,a as Z,q as ee,e as L,i as re,M as te,W as oe,s as ne,f as ae}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const ue={"color-bends-container":"_color-bends-container_1e02y_1"},q=8,se=`
2
2
  #define MAX_COLORS ${q}
3
3
  uniform vec2 uCanvas;
4
4
  uniform float uTime;
@@ -1,4 +1,4 @@
1
- import{r as n,j as N}from"./iframe-LZvJb0BS.js";import{u as U}from"./use-motion-value-Cic9xvrL.js";import{u as _}from"./use-spring-D4LsSJyy.js";import{u as j}from"./use-in-view--MCxH20O.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.js";import"./use-transform-D1fwdMmS.js";function b({to:s,from:u=0,direction:r="up",delay:p=0,duration:o=2,className:w="",startWhen:V=!0,separator:i="",onStart:d,onEnd:g}){const a=n.useRef(null),x=U(r==="down"?s:u),y=20+40*(1/o),E=100*(1/o),h=_(x,{damping:y,stiffness:E}),q=j(a,{once:!0,margin:"0px"}),v=t=>{const e=t.toString();if(e.includes(".")){const m=e.split(".")[1];if(parseInt(m)!==0)return m.length}return 0},l=Math.max(v(u),v(s)),c=n.useCallback(t=>{const e=l>0,m={useGrouping:!!i,minimumFractionDigits:e?l:0,maximumFractionDigits:e?l:0},D=Intl.NumberFormat("en-US",m).format(t);return i?D.replace(/,/g,i):D},[l,i]);return n.useEffect(()=>{a.current&&(a.current.textContent=c(r==="down"?s:u))},[u,s,r,c]),n.useEffect(()=>{if(q&&V){typeof d=="function"&&d();const t=setTimeout(()=>{x.set(r==="down"?u:s)},p*1e3),e=setTimeout(()=>{typeof g=="function"&&g()},p*1e3+o*1e3);return()=>{clearTimeout(t),clearTimeout(e)}}},[q,V,x,r,u,s,p,d,g,o]),n.useEffect(()=>{const t=h.on("change",e=>{a.current&&(a.current.textContent=c(e))});return()=>t()},[h,c]),N.jsx("span",{className:w,ref:a})}b.__docgenInfo={description:"",methods:[],displayName:"CountUp",props:{from:{defaultValue:{value:"0",computed:!1},required:!1},direction:{defaultValue:{value:"'up'",computed:!1},required:!1},delay:{defaultValue:{value:"0",computed:!1},required:!1},duration:{defaultValue:{value:"2",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},startWhen:{defaultValue:{value:"true",computed:!1},required:!1},separator:{defaultValue:{value:"''",computed:!1},required:!1}}};const B={title:"ReactBits/TextAnimations/CountUp",component:b,parameters:{layout:"fullscreen"},tags:["autodocs"]},f={args:{from:0,to:500,direction:"up",delay:0,duration:2,startWhen:!0,separator:""}};var I,C,T;f.parameters={...f.parameters,docs:{...(I=f.parameters)==null?void 0:I.docs,source:{originalSource:`{
1
+ import{r as n,j as N}from"./iframe-B8pH-Lvr.js";import{u as U}from"./use-motion-value--XhiA2Gt.js";import{u as _}from"./use-spring-CrWzlBMd.js";import{u as j}from"./use-in-view-Zn8evg3J.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D5hZdVGx.js";import"./use-transform-vyDqMhf-.js";function b({to:s,from:u=0,direction:r="up",delay:p=0,duration:o=2,className:w="",startWhen:V=!0,separator:i="",onStart:d,onEnd:g}){const a=n.useRef(null),x=U(r==="down"?s:u),y=20+40*(1/o),E=100*(1/o),h=_(x,{damping:y,stiffness:E}),q=j(a,{once:!0,margin:"0px"}),v=t=>{const e=t.toString();if(e.includes(".")){const m=e.split(".")[1];if(parseInt(m)!==0)return m.length}return 0},l=Math.max(v(u),v(s)),c=n.useCallback(t=>{const e=l>0,m={useGrouping:!!i,minimumFractionDigits:e?l:0,maximumFractionDigits:e?l:0},D=Intl.NumberFormat("en-US",m).format(t);return i?D.replace(/,/g,i):D},[l,i]);return n.useEffect(()=>{a.current&&(a.current.textContent=c(r==="down"?s:u))},[u,s,r,c]),n.useEffect(()=>{if(q&&V){typeof d=="function"&&d();const t=setTimeout(()=>{x.set(r==="down"?u:s)},p*1e3),e=setTimeout(()=>{typeof g=="function"&&g()},p*1e3+o*1e3);return()=>{clearTimeout(t),clearTimeout(e)}}},[q,V,x,r,u,s,p,d,g,o]),n.useEffect(()=>{const t=h.on("change",e=>{a.current&&(a.current.textContent=c(e))});return()=>t()},[h,c]),N.jsx("span",{className:w,ref:a})}b.__docgenInfo={description:"",methods:[],displayName:"CountUp",props:{from:{defaultValue:{value:"0",computed:!1},required:!1},direction:{defaultValue:{value:"'up'",computed:!1},required:!1},delay:{defaultValue:{value:"0",computed:!1},required:!1},duration:{defaultValue:{value:"2",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},startWhen:{defaultValue:{value:"true",computed:!1},required:!1},separator:{defaultValue:{value:"''",computed:!1},required:!1}}};const B={title:"ReactBits/TextAnimations/CountUp",component:b,parameters:{layout:"fullscreen"},tags:["autodocs"]},f={args:{from:0,to:500,direction:"up",delay:0,duration:2,startWhen:!0,separator:""}};var I,C,T;f.parameters={...f.parameters,docs:{...(I=f.parameters)==null?void 0:I.docs,source:{originalSource:`{
2
2
  args: {
3
3
  from: 0,
4
4
  to: 500,
@@ -1,4 +1,4 @@
1
- import{j as r,r as R}from"./iframe-LZvJb0BS.js";import{u as M}from"./use-spring-D4LsSJyy.js";import{u as k}from"./use-transform-D1fwdMmS.js";import{m as D}from"./proxy-94dt0K2Y.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.js";import"./use-motion-value-Cic9xvrL.js";const l={"counter-container":"_counter-container_1x3ml_1","counter-counter":"_counter-counter_1x3ml_6","counter-digit":"_counter-digit_1x3ml_12","counter-number":"_counter-number_1x3ml_18","gradient-container":"_gradient-container_1x3ml_29","bottom-gradient":"_bottom-gradient_1x3ml_38"};function E({mv:e,number:t,height:a}){let i=k(e,o=>{let s=o%10,n=(10+t-s)%10,d=n*a;return n>5&&(d-=10*a),d});return r.jsx(D.span,{className:`${l["counter-number"]}`,style:{y:i},children:t})}function S(e){const t=Math.round(e),a=1e-9*Math.max(1,Math.abs(e));return Math.abs(e-t)<a?t:e}function T(e,t){const a=e/t;return Math.floor(S(a))}function B({place:e,value:t,height:a,digitStyle:i}){const o=e===".",s=o?0:T(t,e),n=M(s);return R.useEffect(()=>{o||n.set(s)},[n,s,o]),o?r.jsx("span",{className:`${l["counter-digit"]}`,style:{height:a,...i,width:"fit-content"},children:"."}):r.jsx("span",{className:`${l["counter-digit"]}`,style:{height:a,...i},children:Array.from({length:10},(d,f)=>r.jsx(E,{mv:n,number:f,height:a},f))})}function q({value:e,fontSize:t=100,padding:a=0,places:i=[...e.toString()].map((p,c,u)=>p==="."?".":10**(u.indexOf(".")===-1?u.length-c-1:c<u.indexOf(".")?u.indexOf(".")-c-1:-(c-u.indexOf(".")))),gap:o=8,borderRadius:s=4,horizontalPadding:n=8,textColor:d="inherit",fontWeight:f="inherit",containerStyle:N,counterStyle:$,digitStyle:O,gradientHeight:g=16,gradientFrom:x="black",gradientTo:h="transparent",topGradientStyle:_,bottomGradientStyle:v}){const p=t+a,c={fontSize:t,gap:o,borderRadius:s,paddingLeft:n,paddingRight:n,color:d,fontWeight:f},u={height:g,background:`linear-gradient(to bottom, ${x}, ${h})`},C={height:g,background:`linear-gradient(to top, ${x}, ${h})`};return r.jsxs("span",{className:`${l["counter-container"]}`,style:N,children:[r.jsx("span",{className:`${l["counter-counter"]}`,style:{...c,...$},children:i.map(b=>r.jsx(B,{place:b,value:e,height:p,digitStyle:O},b))}),r.jsxs("span",{className:`${l["gradient-container"]}`,children:[r.jsx("span",{className:"top-gradient",style:_||u}),r.jsx("span",{className:`${l["bottom-gradient"]}`,style:v||C})]})]})}q.__docgenInfo={description:"",methods:[],displayName:"Counter",props:{fontSize:{defaultValue:{value:"100",computed:!1},required:!1},padding:{defaultValue:{value:"0",computed:!1},required:!1},places:{defaultValue:{value:`[...value.toString()].map((ch, i, a) => {
1
+ import{j as r,r as R}from"./iframe-B8pH-Lvr.js";import{u as M}from"./use-spring-CrWzlBMd.js";import{u as k}from"./use-transform-vyDqMhf-.js";import{m as D}from"./proxy-BA3VZtN5.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D5hZdVGx.js";import"./use-motion-value--XhiA2Gt.js";const l={"counter-container":"_counter-container_1x3ml_1","counter-counter":"_counter-counter_1x3ml_6","counter-digit":"_counter-digit_1x3ml_12","counter-number":"_counter-number_1x3ml_18","gradient-container":"_gradient-container_1x3ml_29","bottom-gradient":"_bottom-gradient_1x3ml_38"};function E({mv:e,number:t,height:a}){let i=k(e,o=>{let s=o%10,n=(10+t-s)%10,d=n*a;return n>5&&(d-=10*a),d});return r.jsx(D.span,{className:`${l["counter-number"]}`,style:{y:i},children:t})}function S(e){const t=Math.round(e),a=1e-9*Math.max(1,Math.abs(e));return Math.abs(e-t)<a?t:e}function T(e,t){const a=e/t;return Math.floor(S(a))}function B({place:e,value:t,height:a,digitStyle:i}){const o=e===".",s=o?0:T(t,e),n=M(s);return R.useEffect(()=>{o||n.set(s)},[n,s,o]),o?r.jsx("span",{className:`${l["counter-digit"]}`,style:{height:a,...i,width:"fit-content"},children:"."}):r.jsx("span",{className:`${l["counter-digit"]}`,style:{height:a,...i},children:Array.from({length:10},(d,f)=>r.jsx(E,{mv:n,number:f,height:a},f))})}function q({value:e,fontSize:t=100,padding:a=0,places:i=[...e.toString()].map((p,c,u)=>p==="."?".":10**(u.indexOf(".")===-1?u.length-c-1:c<u.indexOf(".")?u.indexOf(".")-c-1:-(c-u.indexOf(".")))),gap:o=8,borderRadius:s=4,horizontalPadding:n=8,textColor:d="inherit",fontWeight:f="inherit",containerStyle:N,counterStyle:$,digitStyle:O,gradientHeight:g=16,gradientFrom:x="black",gradientTo:h="transparent",topGradientStyle:_,bottomGradientStyle:v}){const p=t+a,c={fontSize:t,gap:o,borderRadius:s,paddingLeft:n,paddingRight:n,color:d,fontWeight:f},u={height:g,background:`linear-gradient(to bottom, ${x}, ${h})`},C={height:g,background:`linear-gradient(to top, ${x}, ${h})`};return r.jsxs("span",{className:`${l["counter-container"]}`,style:N,children:[r.jsx("span",{className:`${l["counter-counter"]}`,style:{...c,...$},children:i.map(b=>r.jsx(B,{place:b,value:e,height:p,digitStyle:O},b))}),r.jsxs("span",{className:`${l["gradient-container"]}`,children:[r.jsx("span",{className:"top-gradient",style:_||u}),r.jsx("span",{className:`${l["bottom-gradient"]}`,style:v||C})]})]})}q.__docgenInfo={description:"",methods:[],displayName:"Counter",props:{fontSize:{defaultValue:{value:"100",computed:!1},required:!1},padding:{defaultValue:{value:"0",computed:!1},required:!1},places:{defaultValue:{value:`[...value.toString()].map((ch, i, a) => {
2
2
  ch == '.';
3
3
  if (ch === '.') {
4
4
  return '.';
@@ -1,4 +1,4 @@
1
- import{r as c,j as n}from"./iframe-LZvJb0BS.js";import{g as i}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const C=(o,e,l)=>(1-l)*o+l*e,M=(o,e)=>{if(e){const l=e.getBoundingClientRect();return{x:o.clientX-l.left,y:o.clientY-l.top}}return{x:o.clientX,y:o.clientY}},A=({color:o="white",containerRef:e=null})=>{const l=c.useRef(null),s=c.useRef(null),u=c.useRef(null),f=c.useRef(null),v=c.useRef(null);let a={x:0,y:0};return c.useEffect(()=>{const h=t=>{if(a=M(t,e==null?void 0:e.current),e!=null&&e.current){const d=e.current.getBoundingClientRect();t.clientX<d.left||t.clientX>d.right||t.clientY<d.top||t.clientY>d.bottom?i.to([s.current,u.current],{opacity:0}):i.to([s.current,u.current],{opacity:1})}},p=(e==null?void 0:e.current)||window;p.addEventListener("mousemove",h);const r={tx:{previous:0,current:0,amt:.15},ty:{previous:0,current:0,amt:.15}};i.set([s.current,u.current],{opacity:0});const y=()=>{r.tx.previous=r.tx.current=a.x,r.ty.previous=r.ty.current=a.y,i.to([s.current,u.current],{duration:.9,ease:"Power3.easeOut",opacity:1}),requestAnimationFrame(j),p.removeEventListener("mousemove",y)};p.addEventListener("mousemove",y);const x={turbulence:0},b=i.timeline({paused:!0,onStart:()=>{s.current.style.filter="url(#filter-noise-x)",u.current.style.filter="url(#filter-noise-y)"},onUpdate:()=>{f.current&&v.current&&(f.current.setAttribute("baseFrequency",x.turbulence),v.current.setAttribute("baseFrequency",x.turbulence))},onComplete:()=>{s.current&&u.current&&(s.current.style.filter=u.current.style.filter="none")}}).to(x,{duration:.5,ease:"power1",startAt:{turbulence:1},turbulence:0}),g=()=>b.restart(),E=()=>b.progress(1).kill(),j=()=>{r.tx.current=a.x,r.ty.current=a.y;for(const t in r)r[t].previous=C(r[t].previous,r[t].current,r[t].amt);s.current&&s.current&&(i.set(u.current,{x:r.tx.previous}),i.set(s.current,{y:r.ty.previous})),requestAnimationFrame(j)},w=e!=null&&e.current?e.current.querySelectorAll("a"):document.querySelectorAll("a");return w.forEach(t=>{t.addEventListener("mouseenter",g),t.addEventListener("mouseleave",E)}),()=>{p.removeEventListener("mousemove",h),p.removeEventListener("mousemove",y),w.forEach(t=>{t.removeEventListener("mouseenter",g),t.removeEventListener("mouseleave",E)})}},[e]),n.jsxs("div",{ref:l,className:"cursor",style:{position:e?"absolute":"fixed",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:1e4},children:[n.jsx("svg",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%"},children:n.jsxs("defs",{children:[n.jsxs("filter",{id:"filter-noise-x",children:[n.jsx("feTurbulence",{type:"fractalNoise",baseFrequency:"0.000001",numOctaves:"1",ref:f}),n.jsx("feDisplacementMap",{in:"SourceGraphic",scale:"40"})]}),n.jsxs("filter",{id:"filter-noise-y",children:[n.jsx("feTurbulence",{type:"fractalNoise",baseFrequency:"0.000001",numOctaves:"1",ref:v}),n.jsx("feDisplacementMap",{in:"SourceGraphic",scale:"40"})]})]})}),n.jsx("div",{ref:s,style:{position:"absolute",width:"100%",height:"1px",background:o,pointerEvents:"none",transform:"translateY(50%)",opacity:0}}),n.jsx("div",{ref:u,style:{position:"absolute",height:"100%",width:"1px",background:o,pointerEvents:"none",transform:"translateX(50%)",opacity:0}})]})};A.__docgenInfo={description:"",methods:[],displayName:"Crosshair",props:{color:{defaultValue:{value:"'white'",computed:!1},required:!1},containerRef:{defaultValue:{value:"null",computed:!1},required:!1}}};const D={title:"ReactBits/Animations/Crosshair",component:A,parameters:{layout:"fullscreen"},tags:["autodocs"]},m={args:{color:"white",containerRef:null}};var q,L,S;m.parameters={...m.parameters,docs:{...(q=m.parameters)==null?void 0:q.docs,source:{originalSource:`{
1
+ import{r as c,j as n}from"./iframe-B8pH-Lvr.js";import{g as i}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const C=(o,e,l)=>(1-l)*o+l*e,M=(o,e)=>{if(e){const l=e.getBoundingClientRect();return{x:o.clientX-l.left,y:o.clientY-l.top}}return{x:o.clientX,y:o.clientY}},A=({color:o="white",containerRef:e=null})=>{const l=c.useRef(null),s=c.useRef(null),u=c.useRef(null),f=c.useRef(null),v=c.useRef(null);let a={x:0,y:0};return c.useEffect(()=>{const h=t=>{if(a=M(t,e==null?void 0:e.current),e!=null&&e.current){const d=e.current.getBoundingClientRect();t.clientX<d.left||t.clientX>d.right||t.clientY<d.top||t.clientY>d.bottom?i.to([s.current,u.current],{opacity:0}):i.to([s.current,u.current],{opacity:1})}},p=(e==null?void 0:e.current)||window;p.addEventListener("mousemove",h);const r={tx:{previous:0,current:0,amt:.15},ty:{previous:0,current:0,amt:.15}};i.set([s.current,u.current],{opacity:0});const y=()=>{r.tx.previous=r.tx.current=a.x,r.ty.previous=r.ty.current=a.y,i.to([s.current,u.current],{duration:.9,ease:"Power3.easeOut",opacity:1}),requestAnimationFrame(j),p.removeEventListener("mousemove",y)};p.addEventListener("mousemove",y);const x={turbulence:0},b=i.timeline({paused:!0,onStart:()=>{s.current.style.filter="url(#filter-noise-x)",u.current.style.filter="url(#filter-noise-y)"},onUpdate:()=>{f.current&&v.current&&(f.current.setAttribute("baseFrequency",x.turbulence),v.current.setAttribute("baseFrequency",x.turbulence))},onComplete:()=>{s.current&&u.current&&(s.current.style.filter=u.current.style.filter="none")}}).to(x,{duration:.5,ease:"power1",startAt:{turbulence:1},turbulence:0}),g=()=>b.restart(),E=()=>b.progress(1).kill(),j=()=>{r.tx.current=a.x,r.ty.current=a.y;for(const t in r)r[t].previous=C(r[t].previous,r[t].current,r[t].amt);s.current&&s.current&&(i.set(u.current,{x:r.tx.previous}),i.set(s.current,{y:r.ty.previous})),requestAnimationFrame(j)},w=e!=null&&e.current?e.current.querySelectorAll("a"):document.querySelectorAll("a");return w.forEach(t=>{t.addEventListener("mouseenter",g),t.addEventListener("mouseleave",E)}),()=>{p.removeEventListener("mousemove",h),p.removeEventListener("mousemove",y),w.forEach(t=>{t.removeEventListener("mouseenter",g),t.removeEventListener("mouseleave",E)})}},[e]),n.jsxs("div",{ref:l,className:"cursor",style:{position:e?"absolute":"fixed",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:1e4},children:[n.jsx("svg",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%"},children:n.jsxs("defs",{children:[n.jsxs("filter",{id:"filter-noise-x",children:[n.jsx("feTurbulence",{type:"fractalNoise",baseFrequency:"0.000001",numOctaves:"1",ref:f}),n.jsx("feDisplacementMap",{in:"SourceGraphic",scale:"40"})]}),n.jsxs("filter",{id:"filter-noise-y",children:[n.jsx("feTurbulence",{type:"fractalNoise",baseFrequency:"0.000001",numOctaves:"1",ref:v}),n.jsx("feDisplacementMap",{in:"SourceGraphic",scale:"40"})]})]})}),n.jsx("div",{ref:s,style:{position:"absolute",width:"100%",height:"1px",background:o,pointerEvents:"none",transform:"translateY(50%)",opacity:0}}),n.jsx("div",{ref:u,style:{position:"absolute",height:"100%",width:"1px",background:o,pointerEvents:"none",transform:"translateX(50%)",opacity:0}})]})};A.__docgenInfo={description:"",methods:[],displayName:"Crosshair",props:{color:{defaultValue:{value:"'white'",computed:!1},required:!1},containerRef:{defaultValue:{value:"null",computed:!1},required:!1}}};const D={title:"ReactBits/Animations/Crosshair",component:A,parameters:{layout:"fullscreen"},tags:["autodocs"]},m={args:{color:"white",containerRef:null}};var q,L,S;m.parameters={...m.parameters,docs:{...(q=m.parameters)==null?void 0:q.docs,source:{originalSource:`{
2
2
  args: {
3
3
  color: 'white',
4
4
  containerRef: null
@@ -1 +1 @@
1
- import{r as c,j as l}from"./iframe-LZvJb0BS.js";import{g as $}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const fe="_cube_lig8l_26",n={"default-animation":"_default-animation_lig8l_9","default-animation--scene":"_default-animation--scene_lig8l_16",cube:fe,"cube-face":"_cube-face_lig8l_43","cube-face--top":"_cube-face--top_lig8l_55","cube-face--bottom":"_cube-face--bottom_lig8l_59","cube-face--left":"_cube-face--left_lig8l_63","cube-face--right":"_cube-face--right_lig8l_67","cube-face--back":"_cube-face--back_lig8l_71","cube-face--front":"_cube-face--front_lig8l_72"},z=({gridSize:t=10,cubeSize:b,maxAngle:H=45,radius:k=3,easing:B="power3.out",duration:W={enter:.3,leave:.6},cellGap:s,borderStyle:ee="1px solid #fff",faceColor:M="#060010",shadow:O=!1,autoAnimate:P=!0,rippleOnClick:I=!0,rippleColor:J="#fff",rippleSpeed:w=2})=>{const u=c.useRef(null),f=c.useRef(null),i=c.useRef(null),v=c.useRef(!1),K=c.useRef({x:0,y:0}),T=c.useRef({x:0,y:0}),E=c.useRef(null),te=typeof s=="number"?`${s}px`:(s==null?void 0:s.col)!==void 0?`${s.col}px`:"5%",ae=typeof s=="number"?`${s}px`:(s==null?void 0:s.row)!==void 0?`${s.row}px`:"5%",Q=W.enter,R=W.leave,h=c.useCallback((e,a)=>{u.current&&u.current.querySelectorAll("[data-cube]").forEach(r=>{const o=+r.dataset.row,d=+r.dataset.col,m=Math.hypot(o-e,d-a);if(m<=k){const q=(1-m/k)*H;$.to(r,{duration:Q,ease:B,overwrite:!0,rotateX:-q,rotateY:q})}else $.to(r,{duration:R,ease:"power3.out",overwrite:!0,rotateX:0,rotateY:0})})},[k,H,Q,R,B]),j=c.useCallback(e=>{v.current=!0,i.current&&clearTimeout(i.current);const a=u.current.getBoundingClientRect(),r=a.width/t,o=a.height/t,d=(e.clientX-a.left)/r,m=(e.clientY-a.top)/o;f.current&&cancelAnimationFrame(f.current),f.current=requestAnimationFrame(()=>h(m,d)),i.current=setTimeout(()=>{v.current=!1},3e3)},[t,h]),x=c.useCallback(()=>{u.current&&u.current.querySelectorAll("[data-cube]").forEach(e=>$.to(e,{duration:R,rotateX:0,rotateY:0,ease:"power3.out"}))},[R]),L=c.useCallback(e=>{e.preventDefault(),v.current=!0,i.current&&clearTimeout(i.current);const a=u.current.getBoundingClientRect(),r=a.width/t,o=a.height/t,d=e.touches[0],m=(d.clientX-a.left)/r,C=(d.clientY-a.top)/o;f.current&&cancelAnimationFrame(f.current),f.current=requestAnimationFrame(()=>h(C,m)),i.current=setTimeout(()=>{v.current=!1},3e3)},[t,h]),V=c.useCallback(()=>{v.current=!0},[]),N=c.useCallback(()=>{u.current&&x()},[x]),D=c.useCallback(e=>{if(!I||!u.current)return;const a=u.current.getBoundingClientRect(),r=a.width/t,o=a.height/t,d=e.clientX||e.touches&&e.touches[0].clientX,m=e.clientY||e.touches&&e.touches[0].clientY,C=Math.floor((d-a.left)/r),q=Math.floor((m-a.top)/o),oe=.15,ne=.3,ue=.6,se=oe/w,F=ne/w,le=ue/w,y={};u.current.querySelectorAll("[data-cube]").forEach(p=>{const _=+p.dataset.row,A=+p.dataset.col,X=Math.hypot(_-q,A-C),Y=Math.round(X);y[Y]||(y[Y]=[]),y[Y].push(p)}),Object.keys(y).map(Number).sort((p,_)=>p-_).forEach(p=>{const _=p*se,A=y[p].flatMap(X=>Array.from(X.querySelectorAll("[data-cube-face]")));$.to(A,{backgroundColor:J,duration:F,delay:_,ease:"power3.out"}),$.to(A,{backgroundColor:M,duration:F,delay:_+F+le,ease:"power3.out"})})},[I,t,M,J,w]);c.useEffect(()=>{if(!P||!u.current)return;K.current={x:Math.random()*t,y:Math.random()*t},T.current={x:Math.random()*t,y:Math.random()*t};const e=.02,a=()=>{if(!v.current){const r=K.current,o=T.current;r.x+=(o.x-r.x)*e,r.y+=(o.y-r.y)*e,h(r.y,r.x),Math.hypot(r.x-o.x,r.y-o.y)<.1&&(T.current={x:Math.random()*t,y:Math.random()*t})}E.current=requestAnimationFrame(a)};return E.current=requestAnimationFrame(a),()=>{E.current!=null&&cancelAnimationFrame(E.current)}},[P,t,h]),c.useEffect(()=>{const e=u.current;if(e)return e.addEventListener("pointermove",j),e.addEventListener("pointerleave",x),e.addEventListener("click",D),e.addEventListener("touchmove",L,{passive:!1}),e.addEventListener("touchstart",V,{passive:!0}),e.addEventListener("touchend",N,{passive:!0}),()=>{e.removeEventListener("pointermove",j),e.removeEventListener("pointerleave",x),e.removeEventListener("click",D),e.removeEventListener("touchmove",L),e.removeEventListener("touchstart",V),e.removeEventListener("touchend",N),f.current!=null&&cancelAnimationFrame(f.current),i.current&&clearTimeout(i.current)}},[j,x,D,L,V,N]);const U=Array.from({length:t}),re={gridTemplateColumns:b?`repeat(${t}, ${b}px)`:`repeat(${t}, 1fr)`,gridTemplateRows:b?`repeat(${t}, ${b}px)`:`repeat(${t}, 1fr)`,columnGap:te,rowGap:ae},ce={"--cube-face-border":ee,"--cube-face-bg":M,"--cube-face-shadow":O===!0?"0 0 6px rgba(0,0,0,.5)":O||"none",...b?{width:`${t*b}px`,height:`${t*b}px`}:{}};return l.jsx("div",{className:`${n["default-animation"]}`,style:ce,children:l.jsx("div",{ref:u,className:`${n["default-animation--scene"]}`,style:re,children:U.map((e,a)=>U.map((r,o)=>l.jsxs("div",{className:`${n.cube}`,"data-cube":!0,"data-row":a,"data-col":o,children:[l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--top"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--bottom"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--left"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--right"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--front"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--back"]}`,"data-cube-face":!0})]},`${a}-${o}`)))})})};z.__docgenInfo={description:"",methods:[],displayName:"Cubes",props:{gridSize:{defaultValue:{value:"10",computed:!1},required:!1},maxAngle:{defaultValue:{value:"45",computed:!1},required:!1},radius:{defaultValue:{value:"3",computed:!1},required:!1},easing:{defaultValue:{value:"'power3.out'",computed:!1},required:!1},duration:{defaultValue:{value:"{ enter: 0.3, leave: 0.6 }",computed:!1},required:!1},borderStyle:{defaultValue:{value:"'1px solid #fff'",computed:!1},required:!1},faceColor:{defaultValue:{value:"'#060010'",computed:!1},required:!1},shadow:{defaultValue:{value:"false",computed:!1},required:!1},autoAnimate:{defaultValue:{value:"true",computed:!1},required:!1},rippleOnClick:{defaultValue:{value:"true",computed:!1},required:!1},rippleColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},rippleSpeed:{defaultValue:{value:"2",computed:!1},required:!1}}};const pe={title:"ReactBits/Animations/Cubes",component:z,parameters:{layout:"fullscreen"},tags:["autodocs"]},g={};var Z,G,S;g.parameters={...g.parameters,docs:{...(Z=g.parameters)==null?void 0:Z.docs,source:{originalSource:"{}",...(S=(G=g.parameters)==null?void 0:G.docs)==null?void 0:S.source}}};const be=["Default"];export{g as Default,be as __namedExportsOrder,pe as default};
1
+ import{r as c,j as l}from"./iframe-B8pH-Lvr.js";import{g as $}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const fe="_cube_lig8l_26",n={"default-animation":"_default-animation_lig8l_9","default-animation--scene":"_default-animation--scene_lig8l_16",cube:fe,"cube-face":"_cube-face_lig8l_43","cube-face--top":"_cube-face--top_lig8l_55","cube-face--bottom":"_cube-face--bottom_lig8l_59","cube-face--left":"_cube-face--left_lig8l_63","cube-face--right":"_cube-face--right_lig8l_67","cube-face--back":"_cube-face--back_lig8l_71","cube-face--front":"_cube-face--front_lig8l_72"},z=({gridSize:t=10,cubeSize:b,maxAngle:H=45,radius:k=3,easing:B="power3.out",duration:W={enter:.3,leave:.6},cellGap:s,borderStyle:ee="1px solid #fff",faceColor:M="#060010",shadow:O=!1,autoAnimate:P=!0,rippleOnClick:I=!0,rippleColor:J="#fff",rippleSpeed:w=2})=>{const u=c.useRef(null),f=c.useRef(null),i=c.useRef(null),v=c.useRef(!1),K=c.useRef({x:0,y:0}),T=c.useRef({x:0,y:0}),E=c.useRef(null),te=typeof s=="number"?`${s}px`:(s==null?void 0:s.col)!==void 0?`${s.col}px`:"5%",ae=typeof s=="number"?`${s}px`:(s==null?void 0:s.row)!==void 0?`${s.row}px`:"5%",Q=W.enter,R=W.leave,h=c.useCallback((e,a)=>{u.current&&u.current.querySelectorAll("[data-cube]").forEach(r=>{const o=+r.dataset.row,d=+r.dataset.col,m=Math.hypot(o-e,d-a);if(m<=k){const q=(1-m/k)*H;$.to(r,{duration:Q,ease:B,overwrite:!0,rotateX:-q,rotateY:q})}else $.to(r,{duration:R,ease:"power3.out",overwrite:!0,rotateX:0,rotateY:0})})},[k,H,Q,R,B]),j=c.useCallback(e=>{v.current=!0,i.current&&clearTimeout(i.current);const a=u.current.getBoundingClientRect(),r=a.width/t,o=a.height/t,d=(e.clientX-a.left)/r,m=(e.clientY-a.top)/o;f.current&&cancelAnimationFrame(f.current),f.current=requestAnimationFrame(()=>h(m,d)),i.current=setTimeout(()=>{v.current=!1},3e3)},[t,h]),x=c.useCallback(()=>{u.current&&u.current.querySelectorAll("[data-cube]").forEach(e=>$.to(e,{duration:R,rotateX:0,rotateY:0,ease:"power3.out"}))},[R]),L=c.useCallback(e=>{e.preventDefault(),v.current=!0,i.current&&clearTimeout(i.current);const a=u.current.getBoundingClientRect(),r=a.width/t,o=a.height/t,d=e.touches[0],m=(d.clientX-a.left)/r,C=(d.clientY-a.top)/o;f.current&&cancelAnimationFrame(f.current),f.current=requestAnimationFrame(()=>h(C,m)),i.current=setTimeout(()=>{v.current=!1},3e3)},[t,h]),V=c.useCallback(()=>{v.current=!0},[]),N=c.useCallback(()=>{u.current&&x()},[x]),D=c.useCallback(e=>{if(!I||!u.current)return;const a=u.current.getBoundingClientRect(),r=a.width/t,o=a.height/t,d=e.clientX||e.touches&&e.touches[0].clientX,m=e.clientY||e.touches&&e.touches[0].clientY,C=Math.floor((d-a.left)/r),q=Math.floor((m-a.top)/o),oe=.15,ne=.3,ue=.6,se=oe/w,F=ne/w,le=ue/w,y={};u.current.querySelectorAll("[data-cube]").forEach(p=>{const _=+p.dataset.row,A=+p.dataset.col,X=Math.hypot(_-q,A-C),Y=Math.round(X);y[Y]||(y[Y]=[]),y[Y].push(p)}),Object.keys(y).map(Number).sort((p,_)=>p-_).forEach(p=>{const _=p*se,A=y[p].flatMap(X=>Array.from(X.querySelectorAll("[data-cube-face]")));$.to(A,{backgroundColor:J,duration:F,delay:_,ease:"power3.out"}),$.to(A,{backgroundColor:M,duration:F,delay:_+F+le,ease:"power3.out"})})},[I,t,M,J,w]);c.useEffect(()=>{if(!P||!u.current)return;K.current={x:Math.random()*t,y:Math.random()*t},T.current={x:Math.random()*t,y:Math.random()*t};const e=.02,a=()=>{if(!v.current){const r=K.current,o=T.current;r.x+=(o.x-r.x)*e,r.y+=(o.y-r.y)*e,h(r.y,r.x),Math.hypot(r.x-o.x,r.y-o.y)<.1&&(T.current={x:Math.random()*t,y:Math.random()*t})}E.current=requestAnimationFrame(a)};return E.current=requestAnimationFrame(a),()=>{E.current!=null&&cancelAnimationFrame(E.current)}},[P,t,h]),c.useEffect(()=>{const e=u.current;if(e)return e.addEventListener("pointermove",j),e.addEventListener("pointerleave",x),e.addEventListener("click",D),e.addEventListener("touchmove",L,{passive:!1}),e.addEventListener("touchstart",V,{passive:!0}),e.addEventListener("touchend",N,{passive:!0}),()=>{e.removeEventListener("pointermove",j),e.removeEventListener("pointerleave",x),e.removeEventListener("click",D),e.removeEventListener("touchmove",L),e.removeEventListener("touchstart",V),e.removeEventListener("touchend",N),f.current!=null&&cancelAnimationFrame(f.current),i.current&&clearTimeout(i.current)}},[j,x,D,L,V,N]);const U=Array.from({length:t}),re={gridTemplateColumns:b?`repeat(${t}, ${b}px)`:`repeat(${t}, 1fr)`,gridTemplateRows:b?`repeat(${t}, ${b}px)`:`repeat(${t}, 1fr)`,columnGap:te,rowGap:ae},ce={"--cube-face-border":ee,"--cube-face-bg":M,"--cube-face-shadow":O===!0?"0 0 6px rgba(0,0,0,.5)":O||"none",...b?{width:`${t*b}px`,height:`${t*b}px`}:{}};return l.jsx("div",{className:`${n["default-animation"]}`,style:ce,children:l.jsx("div",{ref:u,className:`${n["default-animation--scene"]}`,style:re,children:U.map((e,a)=>U.map((r,o)=>l.jsxs("div",{className:`${n.cube}`,"data-cube":!0,"data-row":a,"data-col":o,children:[l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--top"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--bottom"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--left"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--right"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--front"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--back"]}`,"data-cube-face":!0})]},`${a}-${o}`)))})})};z.__docgenInfo={description:"",methods:[],displayName:"Cubes",props:{gridSize:{defaultValue:{value:"10",computed:!1},required:!1},maxAngle:{defaultValue:{value:"45",computed:!1},required:!1},radius:{defaultValue:{value:"3",computed:!1},required:!1},easing:{defaultValue:{value:"'power3.out'",computed:!1},required:!1},duration:{defaultValue:{value:"{ enter: 0.3, leave: 0.6 }",computed:!1},required:!1},borderStyle:{defaultValue:{value:"'1px solid #fff'",computed:!1},required:!1},faceColor:{defaultValue:{value:"'#060010'",computed:!1},required:!1},shadow:{defaultValue:{value:"false",computed:!1},required:!1},autoAnimate:{defaultValue:{value:"true",computed:!1},required:!1},rippleOnClick:{defaultValue:{value:"true",computed:!1},required:!1},rippleColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},rippleSpeed:{defaultValue:{value:"2",computed:!1},required:!1}}};const pe={title:"ReactBits/Animations/Cubes",component:z,parameters:{layout:"fullscreen"},tags:["autodocs"]},g={};var Z,G,S;g.parameters={...g.parameters,docs:{...(Z=g.parameters)==null?void 0:Z.docs,source:{originalSource:"{}",...(S=(G=g.parameters)==null?void 0:G.docs)==null?void 0:S.source}}};const be=["Default"];export{g as Default,be as __namedExportsOrder,pe as default};
@@ -1,4 +1,4 @@
1
- import{r as t,j as u}from"./iframe-LZvJb0BS.js";import"./preload-helper-C1FmrZbK.js";const P={"curved-loop-jacket":"_curved-loop-jacket_1xrkt_1","curved-loop-svg":"_curved-loop-svg_1xrkt_9"},C=({marqueeText:i="",speed:m=2,className:A,curveAmount:E=400,direction:T="left",interactive:f=!0})=>{const l=t.useMemo(()=>(/\s|\u00A0$/.test(i)?i.replace(/\s+$/,""):i)+" ",[i]),v=t.useRef(null),s=t.useRef(null),$=t.useRef(null),[n,k]=t.useState(0),[w,x]=t.useState(0),O=`curve-${t.useId()}`,D=`M-100,40 Q500,${40+E} 1540,40`,a=t.useRef(!1),g=t.useRef(0),j=t.useRef(T),h=t.useRef(0),b=n,F=b?Array(Math.ceil(1800/b)+2).fill(l).join(""):l,d=n>0;t.useEffect(()=>{v.current&&k(v.current.getComputedTextLength())},[l,A]),t.useEffect(()=>{if(n&&s.current){const e=-n;s.current.setAttribute("startOffset",e+"px"),x(e)}},[n]),t.useEffect(()=>{if(!n||!d)return;let e=0;const c=()=>{if(!a.current&&s.current){const _=j.current==="right"?m:-m;let r=parseFloat(s.current.getAttribute("startOffset")||"0")+_;const R=n;r<=-R&&(r+=R),r>0&&(r-=R),s.current.setAttribute("startOffset",r+"px"),x(r)}e=requestAnimationFrame(c)};return e=requestAnimationFrame(c),()=>cancelAnimationFrame(e)},[n,m,d]);const V=e=>{f&&(a.current=!0,g.current=e.clientX,h.current=0,e.target.setPointerCapture(e.pointerId))},B=e=>{if(!f||!a.current||!s.current)return;const c=e.clientX-g.current;g.current=e.clientX,h.current=c;let o=parseFloat(s.current.getAttribute("startOffset")||"0")+c;const r=n;o<=-r&&(o+=r),o>0&&(o-=r),s.current.setAttribute("startOffset",o+"px"),x(o)},y=()=>{f&&(a.current=!1,j.current=h.current>0?"right":"left")},I=f?a.current?"grabbing":"grab":"auto";return u.jsx("div",{className:`${P["curved-loop-jacket"]}`,style:{visibility:d?"visible":"hidden",cursor:I},onPointerDown:V,onPointerMove:B,onPointerUp:y,onPointerLeave:y,children:u.jsxs("svg",{className:`${P["curved-loop-svg"]}`,viewBox:"0 0 1440 120",children:[u.jsx("text",{ref:v,xmlSpace:"preserve",style:{visibility:"hidden",opacity:0,pointerEvents:"none"},children:l}),u.jsx("defs",{children:u.jsx("path",{ref:$,id:O,d:D,fill:"none",stroke:"transparent"})}),d&&u.jsx("text",{fontWeight:"bold",xmlSpace:"preserve",className:A,children:u.jsx("textPath",{ref:s,href:`#${O}`,startOffset:w+"px",xmlSpace:"preserve",children:F})})]})})};C.__docgenInfo={description:"",methods:[],displayName:"CurvedLoop",props:{marqueeText:{defaultValue:{value:"''",computed:!1},required:!1},speed:{defaultValue:{value:"2",computed:!1},required:!1},curveAmount:{defaultValue:{value:"400",computed:!1},required:!1},direction:{defaultValue:{value:"'left'",computed:!1},required:!1},interactive:{defaultValue:{value:"true",computed:!1},required:!1}}};const Q={title:"ReactBits/TextAnimations/CurvedLoop",component:C,parameters:{layout:"fullscreen"},tags:["autodocs"]},p={args:{marqueeText:"React Bits - Curved Loop Text Animation - ",speed:2,curveAmount:400,direction:"left",interactive:!0}};var L,S,q;p.parameters={...p.parameters,docs:{...(L=p.parameters)==null?void 0:L.docs,source:{originalSource:`{
1
+ import{r as t,j as u}from"./iframe-B8pH-Lvr.js";import"./preload-helper-C1FmrZbK.js";const P={"curved-loop-jacket":"_curved-loop-jacket_1xrkt_1","curved-loop-svg":"_curved-loop-svg_1xrkt_9"},C=({marqueeText:i="",speed:m=2,className:A,curveAmount:E=400,direction:T="left",interactive:f=!0})=>{const l=t.useMemo(()=>(/\s|\u00A0$/.test(i)?i.replace(/\s+$/,""):i)+" ",[i]),v=t.useRef(null),s=t.useRef(null),$=t.useRef(null),[n,k]=t.useState(0),[w,x]=t.useState(0),O=`curve-${t.useId()}`,D=`M-100,40 Q500,${40+E} 1540,40`,a=t.useRef(!1),g=t.useRef(0),j=t.useRef(T),h=t.useRef(0),b=n,F=b?Array(Math.ceil(1800/b)+2).fill(l).join(""):l,d=n>0;t.useEffect(()=>{v.current&&k(v.current.getComputedTextLength())},[l,A]),t.useEffect(()=>{if(n&&s.current){const e=-n;s.current.setAttribute("startOffset",e+"px"),x(e)}},[n]),t.useEffect(()=>{if(!n||!d)return;let e=0;const c=()=>{if(!a.current&&s.current){const _=j.current==="right"?m:-m;let r=parseFloat(s.current.getAttribute("startOffset")||"0")+_;const R=n;r<=-R&&(r+=R),r>0&&(r-=R),s.current.setAttribute("startOffset",r+"px"),x(r)}e=requestAnimationFrame(c)};return e=requestAnimationFrame(c),()=>cancelAnimationFrame(e)},[n,m,d]);const V=e=>{f&&(a.current=!0,g.current=e.clientX,h.current=0,e.target.setPointerCapture(e.pointerId))},B=e=>{if(!f||!a.current||!s.current)return;const c=e.clientX-g.current;g.current=e.clientX,h.current=c;let o=parseFloat(s.current.getAttribute("startOffset")||"0")+c;const r=n;o<=-r&&(o+=r),o>0&&(o-=r),s.current.setAttribute("startOffset",o+"px"),x(o)},y=()=>{f&&(a.current=!1,j.current=h.current>0?"right":"left")},I=f?a.current?"grabbing":"grab":"auto";return u.jsx("div",{className:`${P["curved-loop-jacket"]}`,style:{visibility:d?"visible":"hidden",cursor:I},onPointerDown:V,onPointerMove:B,onPointerUp:y,onPointerLeave:y,children:u.jsxs("svg",{className:`${P["curved-loop-svg"]}`,viewBox:"0 0 1440 120",children:[u.jsx("text",{ref:v,xmlSpace:"preserve",style:{visibility:"hidden",opacity:0,pointerEvents:"none"},children:l}),u.jsx("defs",{children:u.jsx("path",{ref:$,id:O,d:D,fill:"none",stroke:"transparent"})}),d&&u.jsx("text",{fontWeight:"bold",xmlSpace:"preserve",className:A,children:u.jsx("textPath",{ref:s,href:`#${O}`,startOffset:w+"px",xmlSpace:"preserve",children:F})})]})})};C.__docgenInfo={description:"",methods:[],displayName:"CurvedLoop",props:{marqueeText:{defaultValue:{value:"''",computed:!1},required:!1},speed:{defaultValue:{value:"2",computed:!1},required:!1},curveAmount:{defaultValue:{value:"400",computed:!1},required:!1},direction:{defaultValue:{value:"'left'",computed:!1},required:!1},interactive:{defaultValue:{value:"true",computed:!1},required:!1}}};const Q={title:"ReactBits/TextAnimations/CurvedLoop",component:C,parameters:{layout:"fullscreen"},tags:["autodocs"]},p={args:{marqueeText:"React Bits - Curved Loop Text Animation - ",speed:2,curveAmount:400,direction:"left",interactive:!0}};var L,S,q;p.parameters={...p.parameters,docs:{...(L=p.parameters)==null?void 0:L.docs,source:{originalSource:`{
2
2
  args: {
3
3
  marqueeText: 'React Bits - Curved Loop Text Animation - ',
4
4
  speed: 2,
@@ -1,4 +1,4 @@
1
- import{r as q,j as V}from"./iframe-LZvJb0BS.js";import{R as F,P as C,M as E}from"./Mesh-CwXV3WjE.js";import{T as k}from"./Triangle-64ffRKNB.js";import{V as z}from"./Vec2-Cf1C3GIc.js";import"./preload-helper-C1FmrZbK.js";const N={"darkveil-canvas":"_darkveil-canvas_1jcqg_1"},D=`
1
+ import{r as q,j as V}from"./iframe-B8pH-Lvr.js";import{R as F,P as C,M as E}from"./Mesh-CwXV3WjE.js";import{T as k}from"./Triangle-64ffRKNB.js";import{V as z}from"./Vec2-Cf1C3GIc.js";import"./preload-helper-C1FmrZbK.js";const N={"darkveil-canvas":"_darkveil-canvas_1jcqg_1"},D=`
2
2
  attribute vec2 position;
3
3
  void main(){gl_Position=vec4(position,0.0,1.0);}
4
4
  `,H=`
@@ -1,4 +1,4 @@
1
- import{r as k,j as o}from"./iframe-LZvJb0BS.js";import{u as N}from"./useSound-Dc8S51xy.js";import{c as C}from"./createLucideIcon-yjHXhSOm.js";/**
1
+ import{r as k,j as o}from"./iframe-B8pH-Lvr.js";import{u as N}from"./useSound-Bk2W5gkV.js";import{c as C}from"./createLucideIcon-BNUG5osq.js";/**
2
2
  * @license lucide-react v0.539.0 - ISC
3
3
  *
4
4
  * This source code is licensed under the ISC license.
@@ -1,4 +1,4 @@
1
- import{r as o,j as e}from"./iframe-LZvJb0BS.js";import{D as r}from"./DateInput-Dhe5jlzS.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Dc8S51xy.js";import"./createLucideIcon-yjHXhSOm.js";const T={title:"Atoms/DateInput",component:r,parameters:{layout:"centered",docs:{description:{component:"A date input component with European format (dd/mm/yyyy) and calendar picker support."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label for the date input"},value:{control:"text",description:"Current date value (ISO format or dd/mm/yyyy)"},placeholder:{control:"text",description:"Placeholder text"},onChange:{action:"changed"},onFocus:{action:"focused"},onBlur:{action:"blurred"}}},s={args:{label:"Select Date",value:"",placeholder:"25/12/2024",onChange:()=>{}}},l={args:{label:"Birth Date",value:"1990-05-15",onChange:()=>{}}},c={args:{label:"Event Date",value:"",placeholder:"01/01/2025",onChange:()=>{}}},d={args:{label:"Select a date",value:"",placeholder:"dd/mm/yyyy",onChange:()=>{}},render:()=>{const[t,n]=o.useState("");return e.jsxs("div",{children:[e.jsx(r,{label:"Select a date",value:t,onChange:n,placeholder:"dd/mm/yyyy"}),e.jsxs("p",{style:{marginTop:"1rem",fontSize:"0.875rem",color:"#666"},children:["Selected: ",t||"No date selected"]})]})}},i={args:{label:"Date Range",value:"2024-01-01",onChange:()=>{}},render:()=>{const[t,n]=o.useState("2024-01-01"),[a,m]=o.useState("2024-12-31");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsx(r,{label:"Start Date",value:t,onChange:n}),e.jsx(r,{label:"End Date",value:a,onChange:m}),e.jsx("div",{style:{padding:"1rem",background:"#f5f5f5",borderRadius:"4px"},children:e.jsxs("p",{style:{margin:0,fontSize:"0.875rem"},children:[e.jsx("strong",{children:"Period:"})," ",t||"Not set"," to ",a||"Not set"]})})]})},parameters:{controls:{disable:!0}}},u={args:{label:"Check-in",value:"",placeholder:"dd/mm/yyyy",onChange:()=>{}},render:()=>{const[t,n]=o.useState(""),[a,m]=o.useState("");return e.jsxs("div",{style:{padding:"1.5rem",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"8px",maxWidth:"400px"},children:[e.jsx("h3",{style:{marginTop:0,marginBottom:"1rem"},children:"Hotel Booking"}),e.jsxs("div",{style:{display:"flex",gap:"1rem",marginBottom:"1rem"},children:[e.jsx(r,{label:"Check-in",value:t,onChange:n,placeholder:"dd/mm/yyyy"}),e.jsx(r,{label:"Check-out",value:a,onChange:m,placeholder:"dd/mm/yyyy"})]}),t&&a&&e.jsxs("p",{style:{margin:0,fontSize:"0.875rem",color:"#666"},children:["Your stay: ",new Date(t).toLocaleDateString("en-GB")," - ",new Date(a).toLocaleDateString("en-GB")]})]})},parameters:{controls:{disable:!0}}};var p,h,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
1
+ import{r as o,j as e}from"./iframe-B8pH-Lvr.js";import{D as r}from"./DateInput-CW4PsZAQ.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Bk2W5gkV.js";import"./createLucideIcon-BNUG5osq.js";const T={title:"Atoms/DateInput",component:r,parameters:{layout:"centered",docs:{description:{component:"A date input component with European format (dd/mm/yyyy) and calendar picker support."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label for the date input"},value:{control:"text",description:"Current date value (ISO format or dd/mm/yyyy)"},placeholder:{control:"text",description:"Placeholder text"},onChange:{action:"changed"},onFocus:{action:"focused"},onBlur:{action:"blurred"}}},s={args:{label:"Select Date",value:"",placeholder:"25/12/2024",onChange:()=>{}}},l={args:{label:"Birth Date",value:"1990-05-15",onChange:()=>{}}},c={args:{label:"Event Date",value:"",placeholder:"01/01/2025",onChange:()=>{}}},d={args:{label:"Select a date",value:"",placeholder:"dd/mm/yyyy",onChange:()=>{}},render:()=>{const[t,n]=o.useState("");return e.jsxs("div",{children:[e.jsx(r,{label:"Select a date",value:t,onChange:n,placeholder:"dd/mm/yyyy"}),e.jsxs("p",{style:{marginTop:"1rem",fontSize:"0.875rem",color:"#666"},children:["Selected: ",t||"No date selected"]})]})}},i={args:{label:"Date Range",value:"2024-01-01",onChange:()=>{}},render:()=>{const[t,n]=o.useState("2024-01-01"),[a,m]=o.useState("2024-12-31");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsx(r,{label:"Start Date",value:t,onChange:n}),e.jsx(r,{label:"End Date",value:a,onChange:m}),e.jsx("div",{style:{padding:"1rem",background:"#f5f5f5",borderRadius:"4px"},children:e.jsxs("p",{style:{margin:0,fontSize:"0.875rem"},children:[e.jsx("strong",{children:"Period:"})," ",t||"Not set"," to ",a||"Not set"]})})]})},parameters:{controls:{disable:!0}}},u={args:{label:"Check-in",value:"",placeholder:"dd/mm/yyyy",onChange:()=>{}},render:()=>{const[t,n]=o.useState(""),[a,m]=o.useState("");return e.jsxs("div",{style:{padding:"1.5rem",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"8px",maxWidth:"400px"},children:[e.jsx("h3",{style:{marginTop:0,marginBottom:"1rem"},children:"Hotel Booking"}),e.jsxs("div",{style:{display:"flex",gap:"1rem",marginBottom:"1rem"},children:[e.jsx(r,{label:"Check-in",value:t,onChange:n,placeholder:"dd/mm/yyyy"}),e.jsx(r,{label:"Check-out",value:a,onChange:m,placeholder:"dd/mm/yyyy"})]}),t&&a&&e.jsxs("p",{style:{margin:0,fontSize:"0.875rem",color:"#666"},children:["Your stay: ",new Date(t).toLocaleDateString("en-GB")," - ",new Date(a).toLocaleDateString("en-GB")]})]})},parameters:{controls:{disable:!0}}};var p,h,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
2
2
  args: {
3
3
  label: 'Select Date',
4
4
  value: '',
@@ -1,4 +1,4 @@
1
- import{r as c,j as a}from"./iframe-LZvJb0BS.js";import{g as v}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const D="_content_deiue_1",W="_svg_deiue_5",f={content:D,svg:W,"card-text":"_card-text_deiue_13"},j=({width:M=300,height:S=400,image:z="https://picsum.photos/300/400?grayscale",children:C})=>{const h=c.useRef(null),p=c.useRef(null),n=c.useRef({x:window.innerWidth/2,y:window.innerHeight/2}),g=c.useRef({...n.current}),l=c.useRef({width:window.innerWidth,height:window.innerHeight});return c.useEffect(()=>{const d=(t,r,i)=>(1-i)*t+i*r,u=(t,r,i,e,o)=>(t-r)*(o-e)/(i-r)+e,E=(t,r,i,e)=>{const o=t-r,b=i-e;return Math.hypot(o,b)},x=()=>{l.current={width:window.innerWidth,height:window.innerHeight}},w=t=>{n.current={x:t.clientX,y:t.clientY}};window.addEventListener("resize",x),window.addEventListener("mousemove",w);const s={imgTransforms:{x:0,y:0,rz:0},displacementScale:0},y=()=>{let t=d(s.imgTransforms.x,u(n.current.x,0,l.current.width,-120,120),.1),r=d(s.imgTransforms.y,u(n.current.y,0,l.current.height,-120,120),.1),i=d(s.imgTransforms.rz,u(n.current.x,0,l.current.width,-10,10),.1);const e=50;t>e&&(t=e+(t-e)*.2),t<-e&&(t=-e+(t+e)*.2),r>e&&(r=e+(r-e)*.2),r<-e&&(r=-e+(r+e)*.2),s.imgTransforms.x=t,s.imgTransforms.y=r,s.imgTransforms.rz=i,h.current&&v.set(h.current,{x:s.imgTransforms.x,y:s.imgTransforms.y,rotateZ:s.imgTransforms.rz});const o=E(g.current.x,n.current.x,g.current.y,n.current.y);s.displacementScale=d(s.displacementScale,u(o,0,200,0,400),.06),p.current&&v.set(p.current,{attr:{scale:s.displacementScale}}),g.current={...n.current},requestAnimationFrame(y)};return y(),()=>{window.removeEventListener("resize",x),window.removeEventListener("mousemove",w)}},[]),a.jsxs("div",{className:`${f.content}`,style:{width:`${M}px`,height:`${S}px`},ref:h,children:[a.jsxs("svg",{viewBox:"-60 -75 720 900",preserveAspectRatio:"xMidYMid slice",className:`${f.svg}`,children:[a.jsxs("filter",{id:"imgFilter",children:[a.jsx("feTurbulence",{type:"turbulence",baseFrequency:"0.015",numOctaves:"5",seed:"4",stitchTiles:"stitch",x:"0%",y:"0%",width:"100%",height:"100%",result:"turbulence1"}),a.jsx("feDisplacementMap",{ref:p,in:"SourceGraphic",in2:"turbulence1",scale:"0",xChannelSelector:"R",yChannelSelector:"B",x:"0%",y:"0%",width:"100%",height:"100%",result:"displacementMap3"})]}),a.jsx("g",{children:a.jsx("image",{href:z,x:"0",y:"0",width:"600",height:"750",filter:"url(#imgFilter)",preserveAspectRatio:"xMidYMid slice"})})]}),a.jsx("div",{className:`${f["card-text"]}`,children:C})]})};j.__docgenInfo={description:"",methods:[],displayName:"DecayCard",props:{width:{defaultValue:{value:"300",computed:!1},required:!1},height:{defaultValue:{value:"400",computed:!1},required:!1},image:{defaultValue:{value:"'https://picsum.photos/300/400?grayscale'",computed:!1},required:!1}}};const F={title:"ReactBits/Components/DecayCard",component:j,parameters:{layout:"fullscreen"},tags:["autodocs"]},m={args:{width:300,height:400,image:"https://picsum.photos/300/400?grayscale",children:"Hello World"}};var R,T,_;m.parameters={...m.parameters,docs:{...(R=m.parameters)==null?void 0:R.docs,source:{originalSource:`{
1
+ import{r as c,j as a}from"./iframe-B8pH-Lvr.js";import{g as v}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const D="_content_deiue_1",W="_svg_deiue_5",f={content:D,svg:W,"card-text":"_card-text_deiue_13"},j=({width:M=300,height:S=400,image:z="https://picsum.photos/300/400?grayscale",children:C})=>{const h=c.useRef(null),p=c.useRef(null),n=c.useRef({x:window.innerWidth/2,y:window.innerHeight/2}),g=c.useRef({...n.current}),l=c.useRef({width:window.innerWidth,height:window.innerHeight});return c.useEffect(()=>{const d=(t,r,i)=>(1-i)*t+i*r,u=(t,r,i,e,o)=>(t-r)*(o-e)/(i-r)+e,E=(t,r,i,e)=>{const o=t-r,b=i-e;return Math.hypot(o,b)},x=()=>{l.current={width:window.innerWidth,height:window.innerHeight}},w=t=>{n.current={x:t.clientX,y:t.clientY}};window.addEventListener("resize",x),window.addEventListener("mousemove",w);const s={imgTransforms:{x:0,y:0,rz:0},displacementScale:0},y=()=>{let t=d(s.imgTransforms.x,u(n.current.x,0,l.current.width,-120,120),.1),r=d(s.imgTransforms.y,u(n.current.y,0,l.current.height,-120,120),.1),i=d(s.imgTransforms.rz,u(n.current.x,0,l.current.width,-10,10),.1);const e=50;t>e&&(t=e+(t-e)*.2),t<-e&&(t=-e+(t+e)*.2),r>e&&(r=e+(r-e)*.2),r<-e&&(r=-e+(r+e)*.2),s.imgTransforms.x=t,s.imgTransforms.y=r,s.imgTransforms.rz=i,h.current&&v.set(h.current,{x:s.imgTransforms.x,y:s.imgTransforms.y,rotateZ:s.imgTransforms.rz});const o=E(g.current.x,n.current.x,g.current.y,n.current.y);s.displacementScale=d(s.displacementScale,u(o,0,200,0,400),.06),p.current&&v.set(p.current,{attr:{scale:s.displacementScale}}),g.current={...n.current},requestAnimationFrame(y)};return y(),()=>{window.removeEventListener("resize",x),window.removeEventListener("mousemove",w)}},[]),a.jsxs("div",{className:`${f.content}`,style:{width:`${M}px`,height:`${S}px`},ref:h,children:[a.jsxs("svg",{viewBox:"-60 -75 720 900",preserveAspectRatio:"xMidYMid slice",className:`${f.svg}`,children:[a.jsxs("filter",{id:"imgFilter",children:[a.jsx("feTurbulence",{type:"turbulence",baseFrequency:"0.015",numOctaves:"5",seed:"4",stitchTiles:"stitch",x:"0%",y:"0%",width:"100%",height:"100%",result:"turbulence1"}),a.jsx("feDisplacementMap",{ref:p,in:"SourceGraphic",in2:"turbulence1",scale:"0",xChannelSelector:"R",yChannelSelector:"B",x:"0%",y:"0%",width:"100%",height:"100%",result:"displacementMap3"})]}),a.jsx("g",{children:a.jsx("image",{href:z,x:"0",y:"0",width:"600",height:"750",filter:"url(#imgFilter)",preserveAspectRatio:"xMidYMid slice"})})]}),a.jsx("div",{className:`${f["card-text"]}`,children:C})]})};j.__docgenInfo={description:"",methods:[],displayName:"DecayCard",props:{width:{defaultValue:{value:"300",computed:!1},required:!1},height:{defaultValue:{value:"400",computed:!1},required:!1},image:{defaultValue:{value:"'https://picsum.photos/300/400?grayscale'",computed:!1},required:!1}}};const F={title:"ReactBits/Components/DecayCard",component:j,parameters:{layout:"fullscreen"},tags:["autodocs"]},m={args:{width:300,height:400,image:"https://picsum.photos/300/400?grayscale",children:"Hello World"}};var R,T,_;m.parameters={...m.parameters,docs:{...(R=m.parameters)==null?void 0:R.docs,source:{originalSource:`{
2
2
  args: {
3
3
  width: 300,
4
4
  height: 400,
@@ -1,4 +1,4 @@
1
- import{r as n,j as N}from"./iframe-LZvJb0BS.js";import{m as te}from"./proxy-94dt0K2Y.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.js";const P={wrapper:{display:"inline-block",whiteSpace:"pre-wrap"},srOnly:{position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0,0,0,0)",border:0}};function G({text:t,speed:j=50,maxIterations:I=10,sequential:w=!1,revealDirection:y="start",useOriginalCharsOnly:z=!1,characters:T="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+",className:J="",parentClassName:K="",encryptedClassName:Q="",animateOn:i="hover",clickMode:x="once",...U}){const[R,c]=n.useState(t),[v,f]=n.useState(!1),[X,d]=n.useState(new Set),[H,Y]=n.useState(!1),[A,p]=n.useState(i!=="click"),[C,h]=n.useState("forward"),_=n.useRef(null),b=n.useRef([]),k=n.useRef(0),E=n.useMemo(()=>z?Array.from(new Set(t.split(""))).filter(r=>r!==" "):T.split(""),[z,t,T]),u=n.useCallback((r,a)=>r.split("").map((l,e)=>l===" "?" ":a.has(e)?r[e]:E[Math.floor(Math.random()*E.length)]).join(""),[E]),S=n.useCallback(r=>{const a=[];if(r<=0)return a;if(y==="start"){for(let s=0;s<r;s++)a.push(s);return a}if(y==="end"){for(let s=r-1;s>=0;s--)a.push(s);return a}const l=Math.floor(r/2);let e=0;for(;a.length<r;){if(e%2===0){const s=l+e/2;s>=0&&s<r&&a.push(s)}else{const s=l-Math.ceil(e/2);s>=0&&s<r&&a.push(s)}e++}return a.slice(0,r)},[y]),m=n.useCallback(()=>{const r=new Set;for(let a=0;a<t.length;a++)r.add(a);return r},[t]),O=n.useCallback((r,a)=>{const l=Array.from(r);for(let e=0;e<a&&l.length>0;e++){const s=Math.floor(Math.random()*l.length);l.splice(s,1)}return new Set(l)},[]),L=n.useCallback(()=>{const r=new Set;d(r),c(u(t,r)),p(!1)},[t,u]),M=n.useCallback(()=>{w?(b.current=S(t.length),k.current=0,d(new Set)):d(new Set),h("forward"),f(!0)},[w,S,t.length]),Z=n.useCallback(()=>{w?(b.current=S(t.length).slice().reverse(),k.current=0,d(m()),c(u(t,m()))):(d(m()),c(u(t,m()))),h("reverse"),f(!0)},[w,S,m,u,t]);n.useEffect(()=>{if(!v)return;let r,a=0;const l=e=>{const s=t.length;switch(y){case"start":return e.size;case"end":return s-1-e.size;case"center":{const o=Math.floor(s/2),g=Math.floor(e.size/2),V=e.size%2===0?o+g:o-g-1;if(V>=0&&V<s&&!e.has(V))return V;for(let D=0;D<s;D++)if(!e.has(D))return D;return 0}default:return e.size}};return r=setInterval(()=>{d(e=>{if(w){if(C==="forward")if(e.size<t.length){const s=l(e),o=new Set(e);return o.add(s),c(u(t,o)),o}else return clearInterval(r),f(!1),p(!0),e;if(C==="reverse")if(k.current<b.current.length){const s=b.current[k.current++],o=new Set(e);return o.delete(s),c(u(t,o)),o.size===0&&(clearInterval(r),f(!1),p(!1)),o}else return clearInterval(r),f(!1),p(!1),e}else{if(C==="forward")return c(u(t,e)),a++,a>=I&&(clearInterval(r),f(!1),c(t),p(!0)),e;if(C==="reverse"){let s=e;s.size===0&&(s=m());const o=Math.max(1,Math.ceil(t.length/Math.max(1,I))),g=O(s,o);return c(u(t,g)),a++,g.size===0||a>=I?(clearInterval(r),f(!1),p(!1),c(u(t,new Set)),new Set):g}}return e})},j),()=>clearInterval(r)},[v,t,j,I,w,y,u,C,m,O,T,z]);const $=()=>{if(i==="click"){if(x==="once"){if(A)return;h("forward"),M()}x==="toggle"&&(A?Z():(h("forward"),M()))}},ee=n.useCallback(()=>{v||(d(new Set),p(!1),c(t),h("forward"),f(!0))},[v,t]),re=n.useCallback(()=>{f(!1),d(new Set),c(t),p(!0),h("forward")},[t]);n.useEffect(()=>{if(i!=="view"&&i!=="inViewHover")return;const r=s=>{s.forEach(o=>{o.isIntersecting&&!H&&(M(),Y(!0))})},a={root:null,rootMargin:"0px",threshold:.1},l=new IntersectionObserver(r,a),e=_.current;return e&&l.observe(e),()=>{e&&l.unobserve(e)}},[i,H,M]),n.useEffect(()=>{i==="click"?L():(c(t),p(!0)),d(new Set),h("forward")},[i,t,L]);const se=i==="hover"||i==="inViewHover"?{onMouseEnter:ee,onMouseLeave:re}:i==="click"?{onClick:$}:{};return N.jsxs(te.span,{className:K,ref:_,style:P.wrapper,...se,...U,children:[N.jsx("span",{style:P.srOnly,children:R}),N.jsx("span",{"aria-hidden":"true",children:R.split("").map((r,a)=>{const l=X.has(a)||!v&&A;return N.jsx("span",{className:l?J:Q,children:r},a)})})]})}G.__docgenInfo={description:"",methods:[],displayName:"DecryptedText",props:{speed:{defaultValue:{value:"50",computed:!1},required:!1},maxIterations:{defaultValue:{value:"10",computed:!1},required:!1},sequential:{defaultValue:{value:"false",computed:!1},required:!1},revealDirection:{defaultValue:{value:"'start'",computed:!1},required:!1},useOriginalCharsOnly:{defaultValue:{value:"false",computed:!1},required:!1},characters:{defaultValue:{value:"'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},parentClassName:{defaultValue:{value:"''",computed:!1},required:!1},encryptedClassName:{defaultValue:{value:"''",computed:!1},required:!1},animateOn:{defaultValue:{value:"'hover'",computed:!1},required:!1},clickMode:{defaultValue:{value:"'once'",computed:!1},required:!1}}};const ce={title:"ReactBits/TextAnimations/DecryptedText",component:G,parameters:{layout:"fullscreen"},tags:["autodocs"]},q={args:{text:"Hello World",speed:50,maxIterations:10,sequential:!1,revealDirection:"start",useOriginalCharsOnly:!1,characters:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+",parentClassName:"",encryptedClassName:"",animateOn:"hover",clickMode:"once"}};var W,B,F;q.parameters={...q.parameters,docs:{...(W=q.parameters)==null?void 0:W.docs,source:{originalSource:`{
1
+ import{r as n,j as N}from"./iframe-B8pH-Lvr.js";import{m as te}from"./proxy-BA3VZtN5.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D5hZdVGx.js";const P={wrapper:{display:"inline-block",whiteSpace:"pre-wrap"},srOnly:{position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0,0,0,0)",border:0}};function G({text:t,speed:j=50,maxIterations:I=10,sequential:w=!1,revealDirection:y="start",useOriginalCharsOnly:z=!1,characters:T="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+",className:J="",parentClassName:K="",encryptedClassName:Q="",animateOn:i="hover",clickMode:x="once",...U}){const[R,c]=n.useState(t),[v,f]=n.useState(!1),[X,d]=n.useState(new Set),[H,Y]=n.useState(!1),[A,p]=n.useState(i!=="click"),[C,h]=n.useState("forward"),_=n.useRef(null),b=n.useRef([]),k=n.useRef(0),E=n.useMemo(()=>z?Array.from(new Set(t.split(""))).filter(r=>r!==" "):T.split(""),[z,t,T]),u=n.useCallback((r,a)=>r.split("").map((l,e)=>l===" "?" ":a.has(e)?r[e]:E[Math.floor(Math.random()*E.length)]).join(""),[E]),S=n.useCallback(r=>{const a=[];if(r<=0)return a;if(y==="start"){for(let s=0;s<r;s++)a.push(s);return a}if(y==="end"){for(let s=r-1;s>=0;s--)a.push(s);return a}const l=Math.floor(r/2);let e=0;for(;a.length<r;){if(e%2===0){const s=l+e/2;s>=0&&s<r&&a.push(s)}else{const s=l-Math.ceil(e/2);s>=0&&s<r&&a.push(s)}e++}return a.slice(0,r)},[y]),m=n.useCallback(()=>{const r=new Set;for(let a=0;a<t.length;a++)r.add(a);return r},[t]),O=n.useCallback((r,a)=>{const l=Array.from(r);for(let e=0;e<a&&l.length>0;e++){const s=Math.floor(Math.random()*l.length);l.splice(s,1)}return new Set(l)},[]),L=n.useCallback(()=>{const r=new Set;d(r),c(u(t,r)),p(!1)},[t,u]),M=n.useCallback(()=>{w?(b.current=S(t.length),k.current=0,d(new Set)):d(new Set),h("forward"),f(!0)},[w,S,t.length]),Z=n.useCallback(()=>{w?(b.current=S(t.length).slice().reverse(),k.current=0,d(m()),c(u(t,m()))):(d(m()),c(u(t,m()))),h("reverse"),f(!0)},[w,S,m,u,t]);n.useEffect(()=>{if(!v)return;let r,a=0;const l=e=>{const s=t.length;switch(y){case"start":return e.size;case"end":return s-1-e.size;case"center":{const o=Math.floor(s/2),g=Math.floor(e.size/2),V=e.size%2===0?o+g:o-g-1;if(V>=0&&V<s&&!e.has(V))return V;for(let D=0;D<s;D++)if(!e.has(D))return D;return 0}default:return e.size}};return r=setInterval(()=>{d(e=>{if(w){if(C==="forward")if(e.size<t.length){const s=l(e),o=new Set(e);return o.add(s),c(u(t,o)),o}else return clearInterval(r),f(!1),p(!0),e;if(C==="reverse")if(k.current<b.current.length){const s=b.current[k.current++],o=new Set(e);return o.delete(s),c(u(t,o)),o.size===0&&(clearInterval(r),f(!1),p(!1)),o}else return clearInterval(r),f(!1),p(!1),e}else{if(C==="forward")return c(u(t,e)),a++,a>=I&&(clearInterval(r),f(!1),c(t),p(!0)),e;if(C==="reverse"){let s=e;s.size===0&&(s=m());const o=Math.max(1,Math.ceil(t.length/Math.max(1,I))),g=O(s,o);return c(u(t,g)),a++,g.size===0||a>=I?(clearInterval(r),f(!1),p(!1),c(u(t,new Set)),new Set):g}}return e})},j),()=>clearInterval(r)},[v,t,j,I,w,y,u,C,m,O,T,z]);const $=()=>{if(i==="click"){if(x==="once"){if(A)return;h("forward"),M()}x==="toggle"&&(A?Z():(h("forward"),M()))}},ee=n.useCallback(()=>{v||(d(new Set),p(!1),c(t),h("forward"),f(!0))},[v,t]),re=n.useCallback(()=>{f(!1),d(new Set),c(t),p(!0),h("forward")},[t]);n.useEffect(()=>{if(i!=="view"&&i!=="inViewHover")return;const r=s=>{s.forEach(o=>{o.isIntersecting&&!H&&(M(),Y(!0))})},a={root:null,rootMargin:"0px",threshold:.1},l=new IntersectionObserver(r,a),e=_.current;return e&&l.observe(e),()=>{e&&l.unobserve(e)}},[i,H,M]),n.useEffect(()=>{i==="click"?L():(c(t),p(!0)),d(new Set),h("forward")},[i,t,L]);const se=i==="hover"||i==="inViewHover"?{onMouseEnter:ee,onMouseLeave:re}:i==="click"?{onClick:$}:{};return N.jsxs(te.span,{className:K,ref:_,style:P.wrapper,...se,...U,children:[N.jsx("span",{style:P.srOnly,children:R}),N.jsx("span",{"aria-hidden":"true",children:R.split("").map((r,a)=>{const l=X.has(a)||!v&&A;return N.jsx("span",{className:l?J:Q,children:r},a)})})]})}G.__docgenInfo={description:"",methods:[],displayName:"DecryptedText",props:{speed:{defaultValue:{value:"50",computed:!1},required:!1},maxIterations:{defaultValue:{value:"10",computed:!1},required:!1},sequential:{defaultValue:{value:"false",computed:!1},required:!1},revealDirection:{defaultValue:{value:"'start'",computed:!1},required:!1},useOriginalCharsOnly:{defaultValue:{value:"false",computed:!1},required:!1},characters:{defaultValue:{value:"'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},parentClassName:{defaultValue:{value:"''",computed:!1},required:!1},encryptedClassName:{defaultValue:{value:"''",computed:!1},required:!1},animateOn:{defaultValue:{value:"'hover'",computed:!1},required:!1},clickMode:{defaultValue:{value:"'once'",computed:!1},required:!1}}};const ce={title:"ReactBits/TextAnimations/DecryptedText",component:G,parameters:{layout:"fullscreen"},tags:["autodocs"]},q={args:{text:"Hello World",speed:50,maxIterations:10,sequential:!1,revealDirection:"start",useOriginalCharsOnly:!1,characters:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+",parentClassName:"",encryptedClassName:"",animateOn:"hover",clickMode:"once"}};var W,B,F;q.parameters={...q.parameters,docs:{...(W=q.parameters)==null?void 0:W.docs,source:{originalSource:`{
2
2
  args: {
3
3
  text: 'Hello World',
4
4
  speed: 50,
@@ -1,4 +1,4 @@
1
- import{R as D,r as i,j as n}from"./iframe-LZvJb0BS.js";import{u as I,a as $,e as K,C as Q}from"./react-three-fiber.esm-D_o7ZgN9.js";import{H as Z,N as ee,d as V,G as p,n as oe}from"./three.module--_vTUKhS.js";import{E as te,R as ae,N as re,D as ne,a as F,b as se,c as L,P as ie}from"./index-DcRHiSf7.js";import"./preload-helper-C1FmrZbK.js";let _;function le(){var a;if(_!==void 0)return _;try{let o;const v=document.createElement("canvas");return _=!!(window.WebGL2RenderingContext&&(o=v.getContext("webgl2"))),o&&((a=o.getExtension("WEBGL_lose_context"))==null||a.loseContext()),_}catch{return _=!1}}const ue=i.createContext(null),T=a=>(a.getAttributes()&L.CONVOLUTION)===L.CONVOLUTION,ce=D.memo(i.forwardRef(({children:a,camera:o,scene:v,resolutionScale:r,enabled:y=!0,renderPriority:x=1,autoClear:P=!0,depthBuffer:u,enableNormalPass:w,stencilBuffer:C,multisampling:l=8,frameBufferType:g=Z},z)=>{const{gl:s,scene:E,camera:j,size:N}=I(),c=v||E,e=o||j,[t,f,S]=i.useMemo(()=>{const b=le(),d=new te(s,{depthBuffer:u,stencilBuffer:C,multisampling:l>0&&b?l:0,frameBufferType:g});d.addPass(new ae(c,e));let h=null,m=null;return w&&(m=new re(c,e),m.enabled=!1,d.addPass(m),r!==void 0&&b&&(h=new ne({normalBuffer:m.texture,resolutionScale:r}),h.enabled=!1,d.addPass(h))),[d,m,h]},[e,s,u,C,l,g,c,w,r]);i.useEffect(()=>t==null?void 0:t.setSize(N.width,N.height),[t,N]),$((b,d)=>{if(y){const h=s.autoClear;s.autoClear=P,C&&!P&&s.clearStencil(),t.render(d),s.autoClear=h}},y?x:0);const O=i.useRef(null);i.useLayoutEffect(()=>{var b;const d=[],h=(b=O.current)==null?void 0:b.__r3f;if(h&&t){const m=h.objects;for(let R=0;R<m.length;R++){const M=m[R];if(M instanceof F){const G=[M];if(!T(M)){let A=null;for(;(A=m[R+1])instanceof F&&!T(A);)G.push(A),R++}const Y=new se(e,...G);d.push(Y)}else M instanceof ie&&d.push(M)}for(const R of d)t==null||t.addPass(R);f&&(f.enabled=!0),S&&(S.enabled=!0)}return()=>{for(const m of d)t==null||t.removePass(m);f&&(f.enabled=!1),S&&(S.enabled=!1)}},[t,a,e,f,S]),i.useEffect(()=>{const b=s.toneMapping;return s.toneMapping=ee,()=>{s.toneMapping=b}},[s]);const X=i.useMemo(()=>({composer:t,normalPass:f,downSamplingPass:S,resolutionScale:r,camera:e,scene:c}),[t,f,S,r,e,c]);return i.useImperativeHandle(z,()=>t,[t]),n.jsx(ue.Provider,{value:X,children:n.jsx("group",{ref:O,children:a})})}));let fe=0;const U=new WeakMap,ve=(a,o)=>D.forwardRef(function({blendFunction:r=void 0,opacity:y=void 0,...x},P){let u=U.get(a);if(!u){const l=`@react-three/postprocessing/${a.name}-${fe++}`;K({[l]:a}),U.set(a,u=l)}const w=I(l=>l.camera),C=D.useMemo(()=>{var l,g;return[...(l=void 0)!=null?l:[],...(g=x.args)!=null?g:[{...o,...x}]]},[JSON.stringify(x)]);return n.jsx(u,{camera:w,"blendMode-blendFunction":r,"blendMode-opacity-value":y,...x,ref:P,args:C})}),de={"dither-container":"_dither-container_8gdcp_1"},me=`
1
+ import{R as D,r as i,j as n}from"./iframe-B8pH-Lvr.js";import{u as I,a as $,e as K,C as Q}from"./react-three-fiber.esm-DI-wNJmP.js";import{H as Z,N as ee,d as V,G as p,n as oe}from"./three.module--_vTUKhS.js";import{E as te,R as ae,N as re,D as ne,a as F,b as se,c as L,P as ie}from"./index-DcRHiSf7.js";import"./preload-helper-C1FmrZbK.js";let _;function le(){var a;if(_!==void 0)return _;try{let o;const v=document.createElement("canvas");return _=!!(window.WebGL2RenderingContext&&(o=v.getContext("webgl2"))),o&&((a=o.getExtension("WEBGL_lose_context"))==null||a.loseContext()),_}catch{return _=!1}}const ue=i.createContext(null),T=a=>(a.getAttributes()&L.CONVOLUTION)===L.CONVOLUTION,ce=D.memo(i.forwardRef(({children:a,camera:o,scene:v,resolutionScale:r,enabled:y=!0,renderPriority:x=1,autoClear:P=!0,depthBuffer:u,enableNormalPass:w,stencilBuffer:C,multisampling:l=8,frameBufferType:g=Z},z)=>{const{gl:s,scene:E,camera:j,size:N}=I(),c=v||E,e=o||j,[t,f,S]=i.useMemo(()=>{const b=le(),d=new te(s,{depthBuffer:u,stencilBuffer:C,multisampling:l>0&&b?l:0,frameBufferType:g});d.addPass(new ae(c,e));let h=null,m=null;return w&&(m=new re(c,e),m.enabled=!1,d.addPass(m),r!==void 0&&b&&(h=new ne({normalBuffer:m.texture,resolutionScale:r}),h.enabled=!1,d.addPass(h))),[d,m,h]},[e,s,u,C,l,g,c,w,r]);i.useEffect(()=>t==null?void 0:t.setSize(N.width,N.height),[t,N]),$((b,d)=>{if(y){const h=s.autoClear;s.autoClear=P,C&&!P&&s.clearStencil(),t.render(d),s.autoClear=h}},y?x:0);const O=i.useRef(null);i.useLayoutEffect(()=>{var b;const d=[],h=(b=O.current)==null?void 0:b.__r3f;if(h&&t){const m=h.objects;for(let R=0;R<m.length;R++){const M=m[R];if(M instanceof F){const G=[M];if(!T(M)){let A=null;for(;(A=m[R+1])instanceof F&&!T(A);)G.push(A),R++}const Y=new se(e,...G);d.push(Y)}else M instanceof ie&&d.push(M)}for(const R of d)t==null||t.addPass(R);f&&(f.enabled=!0),S&&(S.enabled=!0)}return()=>{for(const m of d)t==null||t.removePass(m);f&&(f.enabled=!1),S&&(S.enabled=!1)}},[t,a,e,f,S]),i.useEffect(()=>{const b=s.toneMapping;return s.toneMapping=ee,()=>{s.toneMapping=b}},[s]);const X=i.useMemo(()=>({composer:t,normalPass:f,downSamplingPass:S,resolutionScale:r,camera:e,scene:c}),[t,f,S,r,e,c]);return i.useImperativeHandle(z,()=>t,[t]),n.jsx(ue.Provider,{value:X,children:n.jsx("group",{ref:O,children:a})})}));let fe=0;const U=new WeakMap,ve=(a,o)=>D.forwardRef(function({blendFunction:r=void 0,opacity:y=void 0,...x},P){let u=U.get(a);if(!u){const l=`@react-three/postprocessing/${a.name}-${fe++}`;K({[l]:a}),U.set(a,u=l)}const w=I(l=>l.camera),C=D.useMemo(()=>{var l,g;return[...(l=void 0)!=null?l:[],...(g=x.args)!=null?g:[{...o,...x}]]},[JSON.stringify(x)]);return n.jsx(u,{camera:w,"blendMode-blendFunction":r,"blendMode-opacity-value":y,...x,ref:P,args:C})}),de={"dither-container":"_dither-container_8gdcp_1"},me=`
2
2
  precision highp float;
3
3
  varying vec2 vUv;
4
4
  void main() {
@@ -1,4 +1,4 @@
1
- import{r as d,j as e}from"./iframe-LZvJb0BS.js";import{u as y}from"./use-motion-value-Cic9xvrL.js";import{u as S}from"./use-transform-D1fwdMmS.js";import{u as H}from"./use-spring-D4LsSJyy.js";import{m as k}from"./proxy-94dt0K2Y.js";import{A as D}from"./index-vc18hLoj.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.js";const p={"dock-outer":"_dock-outer_12xx3_1","dock-panel":"_dock-panel_12xx3_8","dock-item":"_dock-item_12xx3_23","dock-icon":"_dock-icon_12xx3_38","dock-label":"_dock-label_12xx3_44"};function M({children:t,className:l="",onClick:i,mouseX:o,spring:m,distance:a,magnification:r,baseItemSize:c}){const u=d.useRef(null),s=y(0),x=S(o,n=>{var v;const b=((v=u.current)==null?void 0:v.getBoundingClientRect())??{x:0};return n-b.x-c/2}),g=S(x,[-a,0,a],[c,r,c]),f=H(g,m);return e.jsx(k.div,{ref:u,style:{width:f,height:f},onHoverStart:()=>s.set(1),onHoverEnd:()=>s.set(0),onFocus:()=>s.set(1),onBlur:()=>s.set(0),onClick:i,className:`${p["dock-item"]} ${l}`,tabIndex:0,role:"button","aria-haspopup":"true",children:d.Children.map(t,n=>d.cloneElement(n,{isHovered:s}))})}function V({children:t,className:l="",...i}){const{isHovered:o}=i,[m,a]=d.useState(!1);return d.useEffect(()=>{const r=o.on("change",c=>{a(c===1)});return()=>r()},[o]),e.jsx(D,{children:m&&e.jsx(k.div,{initial:{opacity:0,y:0},animate:{opacity:1,y:-10},exit:{opacity:0,y:0},transition:{duration:.2},className:`${p["dock-label"]} ${l}`,role:"tooltip",style:{x:"-50%"},children:t})})}function N({children:t,className:l=""}){return e.jsx("div",{className:`${p["dock-icon"]} ${l}`,children:t})}function z({items:t,className:l="",spring:i={mass:.1,stiffness:150,damping:12},magnification:o=70,distance:m=200,panelHeight:a=68,dockHeight:r=256,baseItemSize:c=50}){const u=y(1/0),s=y(0),x=d.useMemo(()=>Math.max(r,o+o/2+4),[o,r]),g=S(s,[0,1],[a,x]),f=H(g,i);return e.jsx(k.div,{style:{height:f,scrollbarWidth:"none"},className:`${p["dock-outer"]}`,children:e.jsx(k.div,{onMouseMove:({pageX:n})=>{s.set(1),u.set(n)},onMouseLeave:()=>{s.set(0),u.set(1/0)},className:`${p["dock-panel"]} ${l}`,style:{height:a},role:"toolbar","aria-label":"Application dock",children:t.map((n,b)=>e.jsxs(M,{onClick:n.onClick,className:n.className,mouseX:u,spring:i,distance:m,magnification:o,baseItemSize:c,children:[e.jsx(N,{children:n.icon}),e.jsx(V,{children:n.label})]},b))})})}z.__docgenInfo={description:"",methods:[],displayName:"Dock",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},spring:{defaultValue:{value:"{ mass: 0.1, stiffness: 150, damping: 12 }",computed:!1},required:!1},magnification:{defaultValue:{value:"70",computed:!1},required:!1},distance:{defaultValue:{value:"200",computed:!1},required:!1},panelHeight:{defaultValue:{value:"68",computed:!1},required:!1},dockHeight:{defaultValue:{value:"256",computed:!1},required:!1},baseItemSize:{defaultValue:{value:"50",computed:!1},required:!1}}};const L={title:"ReactBits/Components/Dock",component:z,parameters:{layout:"fullscreen"},tags:["autodocs"]},h={args:{items:[{icon:e.jsx("span",{style:{fontSize:24},children:"🏠"}),label:"Home",onClick:()=>console.log("Home")},{icon:e.jsx("span",{style:{fontSize:24},children:"📄"}),label:"Documents",onClick:()=>console.log("Documents")},{icon:e.jsx("span",{style:{fontSize:24},children:"⚙️"}),label:"Settings",onClick:()=>console.log("Settings")},{icon:e.jsx("span",{style:{fontSize:24},children:"📧"}),label:"Mail",onClick:()=>console.log("Mail")},{icon:e.jsx("span",{style:{fontSize:24},children:"🔍"}),label:"Search",onClick:()=>console.log("Search")}],magnification:70,distance:200,panelHeight:68,dockHeight:256,baseItemSize:50}};var _,j,C;h.parameters={...h.parameters,docs:{...(_=h.parameters)==null?void 0:_.docs,source:{originalSource:`{
1
+ import{r as d,j as e}from"./iframe-B8pH-Lvr.js";import{u as y}from"./use-motion-value--XhiA2Gt.js";import{u as S}from"./use-transform-vyDqMhf-.js";import{u as H}from"./use-spring-CrWzlBMd.js";import{m as k}from"./proxy-BA3VZtN5.js";import{A as D}from"./index-DBfrIdYd.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D5hZdVGx.js";const p={"dock-outer":"_dock-outer_12xx3_1","dock-panel":"_dock-panel_12xx3_8","dock-item":"_dock-item_12xx3_23","dock-icon":"_dock-icon_12xx3_38","dock-label":"_dock-label_12xx3_44"};function M({children:t,className:l="",onClick:i,mouseX:o,spring:m,distance:a,magnification:r,baseItemSize:c}){const u=d.useRef(null),s=y(0),x=S(o,n=>{var v;const b=((v=u.current)==null?void 0:v.getBoundingClientRect())??{x:0};return n-b.x-c/2}),g=S(x,[-a,0,a],[c,r,c]),f=H(g,m);return e.jsx(k.div,{ref:u,style:{width:f,height:f},onHoverStart:()=>s.set(1),onHoverEnd:()=>s.set(0),onFocus:()=>s.set(1),onBlur:()=>s.set(0),onClick:i,className:`${p["dock-item"]} ${l}`,tabIndex:0,role:"button","aria-haspopup":"true",children:d.Children.map(t,n=>d.cloneElement(n,{isHovered:s}))})}function V({children:t,className:l="",...i}){const{isHovered:o}=i,[m,a]=d.useState(!1);return d.useEffect(()=>{const r=o.on("change",c=>{a(c===1)});return()=>r()},[o]),e.jsx(D,{children:m&&e.jsx(k.div,{initial:{opacity:0,y:0},animate:{opacity:1,y:-10},exit:{opacity:0,y:0},transition:{duration:.2},className:`${p["dock-label"]} ${l}`,role:"tooltip",style:{x:"-50%"},children:t})})}function N({children:t,className:l=""}){return e.jsx("div",{className:`${p["dock-icon"]} ${l}`,children:t})}function z({items:t,className:l="",spring:i={mass:.1,stiffness:150,damping:12},magnification:o=70,distance:m=200,panelHeight:a=68,dockHeight:r=256,baseItemSize:c=50}){const u=y(1/0),s=y(0),x=d.useMemo(()=>Math.max(r,o+o/2+4),[o,r]),g=S(s,[0,1],[a,x]),f=H(g,i);return e.jsx(k.div,{style:{height:f,scrollbarWidth:"none"},className:`${p["dock-outer"]}`,children:e.jsx(k.div,{onMouseMove:({pageX:n})=>{s.set(1),u.set(n)},onMouseLeave:()=>{s.set(0),u.set(1/0)},className:`${p["dock-panel"]} ${l}`,style:{height:a},role:"toolbar","aria-label":"Application dock",children:t.map((n,b)=>e.jsxs(M,{onClick:n.onClick,className:n.className,mouseX:u,spring:i,distance:m,magnification:o,baseItemSize:c,children:[e.jsx(N,{children:n.icon}),e.jsx(V,{children:n.label})]},b))})})}z.__docgenInfo={description:"",methods:[],displayName:"Dock",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},spring:{defaultValue:{value:"{ mass: 0.1, stiffness: 150, damping: 12 }",computed:!1},required:!1},magnification:{defaultValue:{value:"70",computed:!1},required:!1},distance:{defaultValue:{value:"200",computed:!1},required:!1},panelHeight:{defaultValue:{value:"68",computed:!1},required:!1},dockHeight:{defaultValue:{value:"256",computed:!1},required:!1},baseItemSize:{defaultValue:{value:"50",computed:!1},required:!1}}};const L={title:"ReactBits/Components/Dock",component:z,parameters:{layout:"fullscreen"},tags:["autodocs"]},h={args:{items:[{icon:e.jsx("span",{style:{fontSize:24},children:"🏠"}),label:"Home",onClick:()=>console.log("Home")},{icon:e.jsx("span",{style:{fontSize:24},children:"📄"}),label:"Documents",onClick:()=>console.log("Documents")},{icon:e.jsx("span",{style:{fontSize:24},children:"⚙️"}),label:"Settings",onClick:()=>console.log("Settings")},{icon:e.jsx("span",{style:{fontSize:24},children:"📧"}),label:"Mail",onClick:()=>console.log("Mail")},{icon:e.jsx("span",{style:{fontSize:24},children:"🔍"}),label:"Search",onClick:()=>console.log("Search")}],magnification:70,distance:200,panelHeight:68,dockHeight:256,baseItemSize:50}};var _,j,C;h.parameters={...h.parameters,docs:{...(_=h.parameters)==null?void 0:_.docs,source:{originalSource:`{
2
2
  args: {
3
3
  items: [{
4
4
  icon: <span style={{