@stfrigerio/sito-template 0.1.55 → 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 (201) 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 +7 -1
  4. package/dist/components/organisms/Calendar/Calendar.d.ts.map +1 -1
  5. package/dist/components/organisms/Calendar/Calendar.stories.d.ts +16 -16
  6. package/dist/components/organisms/Calendar/Calendar.stories.d.ts.map +1 -1
  7. package/dist/components/organisms/Calendar/DayEventCard.d.ts +14 -0
  8. package/dist/components/organisms/Calendar/DayEventCard.d.ts.map +1 -0
  9. package/dist/index.esm.js +256 -201
  10. package/dist/index.esm.js.map +1 -1
  11. package/dist/index.js +254 -199
  12. package/dist/index.js.map +1 -1
  13. package/dist/styles.css +1 -1
  14. package/dist/styles.css.map +1 -1
  15. package/package.json +1 -1
  16. package/storybook-static/assets/{ASCIIText.stories-Cb8HvABR.js → ASCIIText.stories-LbmvFzzv.js} +1 -1
  17. package/storybook-static/assets/{AllAtoms.stories-Disxvghm.js → AllAtoms.stories-CLunFOjI.js} +1 -1
  18. package/storybook-static/assets/{AnimatedContent.stories-jVAgBFE2.js → AnimatedContent.stories-B8hBaVkK.js} +1 -1
  19. package/storybook-static/assets/{AnimatedList.stories-Di-vE601.js → AnimatedList.stories-D8a9eYqH.js} +1 -1
  20. package/storybook-static/assets/{Antigravity.stories-CE90HCpY.js → Antigravity.stories-D_mJbWK0.js} +1 -1
  21. package/storybook-static/assets/{ArrayInput.stories-DgSsXJly.js → ArrayInput.stories-Cshz2s-a.js} +1 -1
  22. package/storybook-static/assets/{Aurora.stories-DrVAkdjt.js → Aurora.stories-BN4MataE.js} +1 -1
  23. package/storybook-static/assets/{Beams.stories-BSVIpqQ0.js → Beams.stories-CCtZOw8G.js} +1 -1
  24. package/storybook-static/assets/{BlobCursor.stories-C3EgjAh2.js → BlobCursor.stories-CdB55R5G.js} +1 -1
  25. package/storybook-static/assets/{BlurText.stories-DJVDRdFo.js → BlurText.stories-Bg2Ih2Je.js} +1 -1
  26. package/storybook-static/assets/{BooleansHeatmap.stories-B_9cPYMM.js → BooleansHeatmap.stories-CpNxqSED.js} +1 -1
  27. package/storybook-static/assets/{BorderGlow.stories-B_wdQUgw.js → BorderGlow.stories-CUxbrsvW.js} +1 -1
  28. package/storybook-static/assets/{BubbleMenu.stories-DpLYYw_z.js → BubbleMenu.stories-DuVDLBsV.js} +1 -1
  29. package/storybook-static/assets/{Button-DK4vPDdE.js → Button-CQGdvhpN.js} +1 -1
  30. package/storybook-static/assets/Button.stories-D8Xx3I9p.js +88 -0
  31. package/storybook-static/assets/Calendar-tbpzwSIm.css +1 -0
  32. package/storybook-static/assets/Calendar.stories-Cx2JEddO.js +229 -0
  33. package/storybook-static/assets/{Card--7bShmQv.js → Card-DNp-cUnt.js} +1 -1
  34. package/storybook-static/assets/{Card.stories-C9cPoCVI.js → Card.stories-D1f1NTVU.js} +1 -1
  35. package/storybook-static/assets/{CardNav.stories-1WFeombk.js → CardNav.stories-Cd4zEw8p.js} +1 -1
  36. package/storybook-static/assets/{Carousel.stories-CPp1bcnx.js → Carousel.stories-BxbGwXE5.js} +1 -1
  37. package/storybook-static/assets/{Checkbox-BZ4OK19r.js → Checkbox-Dw8W2w74.js} +1 -1
  38. package/storybook-static/assets/{Checkbox.stories-pzFmZn7E.js → Checkbox.stories-BwsnN3CP.js} +1 -1
  39. package/storybook-static/assets/{ChromaGrid.stories-Nunq8QCK.js → ChromaGrid.stories-DBHYiDPV.js} +1 -1
  40. package/storybook-static/assets/{CircularGallery.stories-C6B3QdGe.js → CircularGallery.stories-TJN6o_RG.js} +1 -1
  41. package/storybook-static/assets/{CircularText.stories-x-CZkrWE.js → CircularText.stories-rNjRUNn2.js} +1 -1
  42. package/storybook-static/assets/{ClickSpark.stories-BgEy72nd.js → ClickSpark.stories-BfqByoGe.js} +1 -1
  43. package/storybook-static/assets/{Color-AVL7NMMY-BH2T5gYv.js → Color-AVL7NMMY-CoWQkAiP.js} +1 -1
  44. package/storybook-static/assets/{ColorBends.stories-l5hP9mw3.js → ColorBends.stories-IEMOWAyf.js} +1 -1
  45. package/storybook-static/assets/{CountUp.stories-f4Xo5-1D.js → CountUp.stories-DXPrKAQb.js} +1 -1
  46. package/storybook-static/assets/{Counter.stories-Cq0esRYp.js → Counter.stories-DMdecsw_.js} +1 -1
  47. package/storybook-static/assets/{Crosshair.stories-cmjX8jB1.js → Crosshair.stories-CYzDxRSn.js} +1 -1
  48. package/storybook-static/assets/{Cubes.stories-Deum-zPK.js → Cubes.stories-Drq4ULo3.js} +1 -1
  49. package/storybook-static/assets/{CurvedLoop.stories-CaRb6vtE.js → CurvedLoop.stories-C9GMKnIw.js} +1 -1
  50. package/storybook-static/assets/{DarkVeil.stories-DtKNrEKT.js → DarkVeil.stories-BtLNfEH8.js} +1 -1
  51. package/storybook-static/assets/{DateInput-Dhe5jlzS.js → DateInput-CW4PsZAQ.js} +1 -1
  52. package/storybook-static/assets/{DateInput.stories-tMfHI-jT.js → DateInput.stories-d46zYiZA.js} +1 -1
  53. package/storybook-static/assets/{DecayCard.stories-DOejb79q.js → DecayCard.stories-CAU_wTc7.js} +1 -1
  54. package/storybook-static/assets/{DecryptedText.stories-ZJFOqvcs.js → DecryptedText.stories-Dvba9C1V.js} +1 -1
  55. package/storybook-static/assets/{Dither.stories-BteQ8qaz.js → Dither.stories-B5KfMprl.js} +1 -1
  56. package/storybook-static/assets/{Dock.stories-CjgGmbrT.js → Dock.stories-oyQGRzlM.js} +1 -1
  57. package/storybook-static/assets/{DocsRenderer-PQXLIZUC-CDqlUQhE.js → DocsRenderer-PQXLIZUC-C2AYT361.js} +4 -4
  58. package/storybook-static/assets/{EditFAB.stories-HiEYPWDM.js → EditFAB.stories-DvtpW34v.js} +1 -1
  59. package/storybook-static/assets/{EvilEye.stories-Dh40voJH.js → EvilEye.stories-C1820-DG.js} +1 -1
  60. package/storybook-static/assets/{FadeContent.stories-APJ9w9po.js → FadeContent.stories-B4z_JRy9.js} +1 -1
  61. package/storybook-static/assets/{FaultyTerminal.stories-B1QU0me7.js → FaultyTerminal.stories-DmkguJql.js} +1 -1
  62. package/storybook-static/assets/{Fbo-C7_12zi1.js → Fbo-CTQm-4Bw.js} +1 -1
  63. package/storybook-static/assets/{FloatingLines.stories-BoZu0Eil.js → FloatingLines.stories-CQvqKSpH.js} +1 -1
  64. package/storybook-static/assets/{FlowingMenu.stories-CIsIyO9J.js → FlowingMenu.stories-DmOspv0B.js} +1 -1
  65. package/storybook-static/assets/{FluidGlass.stories-vH3qnmEk.js → FluidGlass.stories-CZSqxrNt.js} +1 -1
  66. package/storybook-static/assets/{Folder.stories-HkOOEOjb.js → Folder.stories-7vb52Lfi.js} +1 -1
  67. package/storybook-static/assets/{FuzzyText.stories-By8q6YQt.js → FuzzyText.stories-BdXN4VK1.js} +1 -1
  68. package/storybook-static/assets/{Galaxy.stories-07G7jp_6.js → Galaxy.stories-BhT1GZh5.js} +1 -1
  69. package/storybook-static/assets/{GhostCursor.stories-BC-trpJu.js → GhostCursor.stories-DkXqCjE9.js} +1 -1
  70. package/storybook-static/assets/{GlareHover.stories-B_MjE5aX.js → GlareHover.stories-CznX3yTV.js} +1 -1
  71. package/storybook-static/assets/{GlassSurface.stories-rPXwGZOW.js → GlassSurface.stories-BnwwYK95.js} +1 -1
  72. package/storybook-static/assets/{GlitchText.stories-BN308waP.js → GlitchText.stories-CVcTBUVS.js} +1 -1
  73. package/storybook-static/assets/{GooeyNav.stories-C5lqZx3I.js → GooeyNav.stories-C0abTHBc.js} +1 -1
  74. package/storybook-static/assets/{GradientBlinds.stories-D9l7Ayxs.js → GradientBlinds.stories-CpSguKtv.js} +1 -1
  75. package/storybook-static/assets/{GradientText.stories-BiDAn88F.js → GradientText.stories-B4hMx13h.js} +1 -1
  76. package/storybook-static/assets/{Grainient.stories-CSCcWH0M.js → Grainient.stories-5EakpvU2.js} +1 -1
  77. package/storybook-static/assets/{GridMotion.stories-heG3R9uG.js → GridMotion.stories-Bm3DD7cb.js} +1 -1
  78. package/storybook-static/assets/{ImageSlideshow.stories-RDcrjCte.js → ImageSlideshow.stories-BasuECRV.js} +1 -1
  79. package/storybook-static/assets/{Iridescence.stories-iJ26He9j.js → Iridescence.stories-Cykk3hHZ.js} +1 -1
  80. package/storybook-static/assets/{LaserFlow.stories-H_kwxAaY.js → LaserFlow.stories-CfiM4ZZ5.js} +1 -1
  81. package/storybook-static/assets/{LetterGlitch.stories-BY9P1wPN.js → LetterGlitch.stories-BXb7iSeX.js} +1 -1
  82. package/storybook-static/assets/{LightPillar.stories-Bb4DN5XV.js → LightPillar.stories-CwI-8_BF.js} +1 -1
  83. package/storybook-static/assets/{LightRays.stories-Cc6Y1X_k.js → LightRays.stories-BIIfv6Ky.js} +1 -1
  84. package/storybook-static/assets/{Lightning.stories-CpSHxlp7.js → Lightning.stories-B8GNkzSN.js} +1 -1
  85. package/storybook-static/assets/{LineWaves.stories-COm5OuGf.js → LineWaves.stories-CjxdD_yt.js} +1 -1
  86. package/storybook-static/assets/{LiquidChrome.stories-C88ONVOT.js → LiquidChrome.stories-G7bVFJM9.js} +1 -1
  87. package/storybook-static/assets/{LiquidEther.stories-CPSMWSN9.js → LiquidEther.stories-C8n27zuA.js} +1 -1
  88. package/storybook-static/assets/{LoadingSpinner-C4MXlRnC.js → LoadingSpinner-Br8TYFlF.js} +1 -1
  89. package/storybook-static/assets/{LoadingSpinner.stories-CCyN9n1T.js → LoadingSpinner.stories-Dj0bMFhR.js} +1 -1
  90. package/storybook-static/assets/{MagicRings.stories-NQSwG8Yn.js → MagicRings.stories-D50m_2UF.js} +1 -1
  91. package/storybook-static/assets/{Magnet.stories-BAwXSJEW.js → Magnet.stories-BP9fjpzP.js} +1 -1
  92. package/storybook-static/assets/{MagnetLines.stories-CJqMXg51.js → MagnetLines.stories-DvbytV0Y.js} +1 -1
  93. package/storybook-static/assets/{Masonry.stories-DAl8CRm6.js → Masonry.stories-xXYQw2uD.js} +1 -1
  94. package/storybook-static/assets/{MetaBalls.stories-BY7Ilvw5.js → MetaBalls.stories-DKD3gVUH.js} +1 -1
  95. package/storybook-static/assets/{MetallicPaint.stories-iuclFGy4.js → MetallicPaint.stories-Bz-uS-L_.js} +1 -1
  96. package/storybook-static/assets/{MoodChart.stories-T8Td91vu.js → MoodChart.stories-Bk0jtB4g.js} +1 -1
  97. package/storybook-static/assets/{MotionConfigContext-D_4LMwJ5.js → MotionConfigContext-D5hZdVGx.js} +1 -1
  98. package/storybook-static/assets/{Navbar.stories-SRGoJhYx.js → Navbar.stories-Dos3kovt.js} +14 -19
  99. package/storybook-static/assets/{Noise.stories-B5_Jt1t3.js → Noise.stories-D6C6-k8-.js} +1 -1
  100. package/storybook-static/assets/{NumberStepper-BaK5ZScA.js → NumberStepper--0cJcLNZ.js} +1 -1
  101. package/storybook-static/assets/{NumberStepper.stories-BZIrFbrQ.js → NumberStepper.stories-BvFwBEjt.js} +1 -1
  102. package/storybook-static/assets/{Orb.stories-Ci1HMLUW.js → Orb.stories-CS__2PJW.js} +1 -1
  103. package/storybook-static/assets/OrbitImages.stories-CcaelcY5.js +26 -0
  104. package/storybook-static/assets/{PieChart.stories-ByRTgKp3.js → PieChart.stories-XZqxh_GW.js} +1 -1
  105. package/storybook-static/assets/{PixelBlast.stories-C83D_GSk.js → PixelBlast.stories-CyK8BxPq.js} +1 -1
  106. package/storybook-static/assets/{PixelCard.stories-B8DdUCQe.js → PixelCard.stories-D_Og1Eve.js} +1 -1
  107. package/storybook-static/assets/{PixelSnow.stories-BOHNVU80.js → PixelSnow.stories-CoCZucVV.js} +1 -1
  108. package/storybook-static/assets/{PixelTransition.stories-D8VH3ukb.js → PixelTransition.stories-DmVJ4jdu.js} +1 -1
  109. package/storybook-static/assets/{Plasma.stories-CatIdRAD.js → Plasma.stories-DUqrW-qq.js} +1 -1
  110. package/storybook-static/assets/{Prism.stories-Bg6GLExD.js → Prism.stories-DWdVDcBG.js} +1 -1
  111. package/storybook-static/assets/{PrismaticBurst.stories-BNdrAv89.js → PrismaticBurst.stories-BEVYTjXo.js} +1 -1
  112. package/storybook-static/assets/{ProfileCard.stories-CyaTrCeK.js → ProfileCard.stories-CAoKQpAZ.js} +1 -1
  113. package/storybook-static/assets/{QuantifiableHabitsChart.stories-C86yjHJm.js → QuantifiableHabitsChart.stories-CMexb5Ij.js} +1 -1
  114. package/storybook-static/assets/{Radar.stories-CvzRcw-C.js → Radar.stories-Dcjnm9Bu.js} +1 -1
  115. package/storybook-static/assets/{Ribbons.stories-BRX9ZoeY.js → Ribbons.stories-Cs3Eg2Gz.js} +1 -1
  116. package/storybook-static/assets/{RippleGrid.stories-vnV8CCtp.js → RippleGrid.stories-QV9Doq9P.js} +1 -1
  117. package/storybook-static/assets/{RotatingText.stories-B8GsJWaC.js → RotatingText.stories-DkntoAXJ.js} +1 -1
  118. package/storybook-static/assets/{ScrollFloat.stories-DOlmhv7e.js → ScrollFloat.stories-BaX43Ike.js} +1 -1
  119. package/storybook-static/assets/{ScrollReveal.stories-Bm9KxbWm.js → ScrollReveal.stories-C2IWpLpI.js} +1 -1
  120. package/storybook-static/assets/ScrollVelocity.stories-LaYJ5WQN.js +9 -0
  121. package/storybook-static/assets/{SearchBar.stories-CfIOeCyX.js → SearchBar.stories-CGaj__zF.js} +1 -1
  122. package/storybook-static/assets/{SearchableDropdown--EWJF18v.js → SearchableDropdown-4HgWY0Ck.js} +1 -1
  123. package/storybook-static/assets/{SearchableDropdown.stories-B9KNxfZm.js → SearchableDropdown.stories-CfeFR5Rk.js} +1 -1
  124. package/storybook-static/assets/{SelectInput-CFM_N8VG.js → SelectInput-DvSeeIw5.js} +1 -1
  125. package/storybook-static/assets/{SelectInput.stories-D_5G5-0N.js → SelectInput.stories-DByYKCGI.js} +1 -1
  126. package/storybook-static/assets/{ShapeBlur.stories-DNg_BI9n.js → ShapeBlur.stories-ZQV0yHkn.js} +1 -1
  127. package/storybook-static/assets/{ShapeGrid.stories-D6mhsKbm.js → ShapeGrid.stories-G_tZAcp9.js} +1 -1
  128. package/storybook-static/assets/{ShinyText.stories-NtVkUqNB.js → ShinyText.stories-C6BrLI0x.js} +1 -1
  129. package/storybook-static/assets/{Silk.stories-BACMGa6I.js → Silk.stories-BpsR4txJ.js} +1 -1
  130. package/storybook-static/assets/{SleepChart.stories-S6pSldWo.js → SleepChart.stories-DcoBwiEm.js} +1 -1
  131. package/storybook-static/assets/{Slider-dqb2UNTZ.js → Slider-3iog5_du.js} +1 -1
  132. package/storybook-static/assets/{Slider.stories-4UkeTwoz.js → Slider.stories-C8eUZ7Ne.js} +1 -1
  133. package/storybook-static/assets/{SoftAurora.stories-DH8d39VG.js → SoftAurora.stories--Rcyqxiu.js} +1 -1
  134. package/storybook-static/assets/{SoundDemo.stories-Ci_Q1qDO.js → SoundDemo.stories-DvhKS2Fi.js} +1 -1
  135. package/storybook-static/assets/{SplashCursor.stories-BMBbSrDn.js → SplashCursor.stories-FzRIUaX9.js} +1 -1
  136. package/storybook-static/assets/{SpotlightCard.stories-Cy3mgAFZ.js → SpotlightCard.stories-CifqsSUc.js} +1 -1
  137. package/storybook-static/assets/{Stack.stories-C_qFRAvS.js → Stack.stories-Dq82x0TG.js} +1 -1
  138. package/storybook-static/assets/{StaggeredMenu.stories-BeqjTXCs.js → StaggeredMenu.stories-CsiTDJGG.js} +1 -1
  139. package/storybook-static/assets/{StarBorder.stories-BeLKjLZu.js → StarBorder.stories-Ba14_TPk.js} +1 -1
  140. package/storybook-static/assets/{SunburstChart.stories-DN8EQLMh.js → SunburstChart.stories-fREzDXM9.js} +1 -1
  141. package/storybook-static/assets/{Table.stories-BJ6FcfdD.js → Table.stories-CXsQAQrR.js} +1 -1
  142. package/storybook-static/assets/Tabs-D5ZPN7MM.css +1 -0
  143. package/storybook-static/assets/Tabs.stories-HeiG8gYN.js +37 -0
  144. package/storybook-static/assets/{TargetCursor.stories-CfxWRalc.js → TargetCursor.stories-B16pWZaP.js} +1 -1
  145. package/storybook-static/assets/{TextArea-DGywTJLt.js → TextArea-DKx3k6hV.js} +1 -1
  146. package/storybook-static/assets/{TextArea.stories-B-uYOZs4.js → TextArea.stories-Bpqlv7j5.js} +1 -1
  147. package/storybook-static/assets/{TextCursor.stories-61sj2bl9.js → TextCursor.stories-CY2eIn6Z.js} +1 -1
  148. package/storybook-static/assets/{TextInput-CiI38oLt.js → TextInput-CLyTHgK9.js} +1 -1
  149. package/storybook-static/assets/{TextInput.stories-DtG6MQod.js → TextInput.stories-BP1LSkLG.js} +1 -1
  150. package/storybook-static/assets/{TextPressure.stories-C1h8GiS8.js → TextPressure.stories-sH-cgdL2.js} +1 -1
  151. package/storybook-static/assets/{TextType.stories-BfUDVoY_.js → TextType.stories-B7Oy3P9u.js} +1 -1
  152. package/storybook-static/assets/{ThemeSwitcher.stories-gBLrYosz.js → ThemeSwitcher.stories-Bj0YQKM5.js} +1 -1
  153. package/storybook-static/assets/{Threads.stories-sZxNqPXX.js → Threads.stories-e52ErKbM.js} +1 -1
  154. package/storybook-static/assets/{TimeInput.stories-CjvGCAgd.js → TimeInput.stories-Cd28zwwR.js} +1 -1
  155. package/storybook-static/assets/{Toggle-DwTHl9Fm.js → Toggle-BntWdyUe.js} +1 -1
  156. package/storybook-static/assets/{Toggle.stories-DU0Scugu.js → Toggle.stories-DtqFmh3E.js} +1 -1
  157. package/storybook-static/assets/{ToggleButton-s2aFLlgS.js → ToggleButton-BQqJdlB_.js} +1 -1
  158. package/storybook-static/assets/{ToggleButton.stories-DgSqo96g.js → ToggleButton.stories-DkN_4qpp.js} +1 -1
  159. package/storybook-static/assets/{TrueFocus.stories-CuqOvqGj.js → TrueFocus.stories-wm4VXWCk.js} +1 -1
  160. package/storybook-static/assets/{VariableProximity.stories-CWLeFmxb.js → VariableProximity.stories-BNSYs_rC.js} +1 -1
  161. package/storybook-static/assets/{Waves.stories-zeyoHm5S.js → Waves.stories-Ce2ZJFsV.js} +1 -1
  162. package/storybook-static/assets/{check-7O6ar4SG.js → check-Cty-Z1Ib.js} +1 -1
  163. package/storybook-static/assets/{chevron-down-BC5Z9HYA.js → chevron-down-OhqRl4eJ.js} +1 -1
  164. package/storybook-static/assets/{chevron-right-CDwij0IV.js → chevron-right-CZm4bArI.js} +1 -1
  165. package/storybook-static/assets/client-0pKYCVHx.js +1 -0
  166. package/storybook-static/assets/{createLucideIcon-yjHXhSOm.js → createLucideIcon-BNUG5osq.js} +1 -1
  167. package/storybook-static/assets/{folder-CATSGh42.js → folder-BjriMpXc.js} +1 -1
  168. package/storybook-static/assets/{iconBase-D_x0Veg_.js → iconBase-DmcmY1l-.js} +1 -1
  169. package/storybook-static/assets/{iframe-LZvJb0BS.js → iframe-B8pH-Lvr.js} +5 -5
  170. package/storybook-static/assets/index-BN99WpBo.js +1 -0
  171. package/storybook-static/assets/{index-vc18hLoj.js → index-DBfrIdYd.js} +1 -1
  172. package/storybook-static/assets/{index-D9mC-cEf.js → index-PY_vM88c.js} +1 -1
  173. package/storybook-static/assets/{index-DSYnL-zq.js → index-bi5z6E3I.js} +1 -1
  174. package/storybook-static/assets/{layout-grid-Dyvnjtf9.js → layout-grid-TssXYNzv.js} +1 -1
  175. package/storybook-static/assets/{proxy-94dt0K2Y.js → proxy-BA3VZtN5.js} +1 -1
  176. package/storybook-static/assets/{react-18-C-ERT8YQ.js → react-18-7dGub68c.js} +1 -1
  177. package/storybook-static/assets/{react-three-fiber.esm-D_o7ZgN9.js → react-three-fiber.esm-DI-wNJmP.js} +1 -1
  178. package/storybook-static/assets/{search-BVmOcKZi.js → search-2YqBkJlG.js} +1 -1
  179. package/storybook-static/assets/settings-DvzICcFU.js +6 -0
  180. package/storybook-static/assets/{sun-s1P_-p6e.js → sun-DgDhCM_S.js} +1 -1
  181. package/storybook-static/assets/trash-2-BwI5jvsn.js +6 -0
  182. package/storybook-static/assets/{use-animation-frame-04H3dRpD.js → use-animation-frame-CF42h0i5.js} +1 -1
  183. package/storybook-static/assets/{use-in-view--MCxH20O.js → use-in-view-Zn8evg3J.js} +1 -1
  184. package/storybook-static/assets/{use-motion-value-Cic9xvrL.js → use-motion-value--XhiA2Gt.js} +1 -1
  185. package/storybook-static/assets/{use-spring-D4LsSJyy.js → use-spring-CrWzlBMd.js} +1 -1
  186. package/storybook-static/assets/use-transform-vyDqMhf-.js +1 -0
  187. package/storybook-static/assets/{useSound-Dc8S51xy.js → useSound-Bk2W5gkV.js} +1 -1
  188. package/storybook-static/assets/{users-DmRtN79P.js → users-aNPxMiig.js} +1 -1
  189. package/storybook-static/assets/{x-C7Ulr4p2.js → x-BC8LCdn9.js} +1 -1
  190. package/storybook-static/iframe.html +1 -1
  191. package/storybook-static/index.json +1 -1
  192. package/storybook-static/project.json +1 -1
  193. package/storybook-static/assets/Button.stories-dpSafIdz.js +0 -93
  194. package/storybook-static/assets/Calendar-CreieAui.css +0 -1
  195. package/storybook-static/assets/Calendar.stories-lRbXwh4f.js +0 -470
  196. package/storybook-static/assets/OrbitImages.stories-Bzf1HUks.js +0 -26
  197. package/storybook-static/assets/ScrollVelocity.stories-De4s_pOX.js +0 -9
  198. package/storybook-static/assets/Tabs-CLXu7F99.css +0 -1
  199. package/storybook-static/assets/Tabs.stories-7-b1PtWp.js +0 -64
  200. package/storybook-static/assets/client-C--dgtnn.js +0 -1
  201. package/storybook-static/assets/use-transform-D1fwdMmS.js +0 -1
@@ -1,4 +1,4 @@
1
- import{r as d,j as a}from"./iframe-LZvJb0BS.js";import{L as de,m as aa}from"./proxy-94dt0K2Y.js";import{u as na,f as ta}from"./MotionConfigContext-D_4LMwJ5.js";import{A as sa}from"./index-vc18hLoj.js";import"./preload-helper-C1FmrZbK.js";const ra=s=>!s.isLayoutDirty&&s.willUpdate(!1);function ue(){const s=new Set,i=new WeakMap,p=()=>s.forEach(ra);return{add:c=>{s.add(c),i.set(c,c.addEventListener("willUpdate",p))},remove:c=>{s.delete(c);const h=i.get(c);h&&(h(),i.delete(c)),p()},dirty:p}}const oa=d.createContext(null);function la(){const s=d.useRef(!1);return na(()=>(s.current=!0,()=>{s.current=!1}),[]),s}function ia(){const s=la(),[i,p]=d.useState(0),c=d.useCallback(()=>{s.current&&p(i+1)},[i]);return[d.useCallback(()=>ta.postRender(c),[c]),i]}const Pe=s=>s===!0,ca=s=>Pe(s===!0)||s==="id",da=({children:s,id:i,inherit:p=!0})=>{const c=d.useContext(de),h=d.useContext(oa),[$,j]=ia(),u=d.useRef(null),b=c.id||h;u.current===null&&(ca(p)&&b&&(i=i?b+"-"+i:b),u.current={id:i,group:Pe(p)&&c.group||ue()});const y=d.useMemo(()=>({...u.current,forceRender:$}),[j]);return a.jsx(de.Provider,{value:y,children:s})},ua="_container_11eom_1",ma="_header_11eom_15",pa="_title_11eom_23",ha="_actions_11eom_31",ga="_controls_11eom_37",ba="_searchBox_11eom_45",fa="_searchIcon_11eom_52",xa="_searchInput_11eom_59",_a="_clearButton_11eom_76",ya="_clearFiltersButton_11eom_93",ka="_resultCount_11eom_109",va="_loading_11eom_117",Ca="_spinner_11eom_126",Sa="_empty_11eom_141",ja="_emptyIcon_11eom_147",wa="_tableWrapper_11eom_160",Na="_stickyHeader_11eom_167",Ta="_table_11eom_160",$a="_striped_11eom_189",za="_compact_11eom_193",Da="_th_11eom_193",Ia="_td_11eom_194",Aa="_hoverable_11eom_198",Ma="_headerCell_11eom_213",Ea="_headerText_11eom_220",La="_sortButton_11eom_225",Pa="_sortIcon_11eom_244",Wa="_columnFilter_11eom_261",Ra="_tr_11eom_279",qa="_selected_11eom_285",Ba="_clickable_11eom_290",Va="_checkboxColumn_11eom_315",Ua="_actionsColumn_11eom_326",Fa="_actionButtons_11eom_338",Oa="_actionButton_11eom_338",Ha="_actionButtonPrimary_11eom_438",Ga="_actionButtonSecondary_11eom_459",Ja="_actionButtonDanger_11eom_478",Qa="_actionButtonWarning_11eom_500",Ka="_actionButtonSuccess_11eom_522",Xa="_checkbox_11eom_315",Ya="_nullValue_11eom_552",Za="_badge_11eom_558",en="_badgeSuccess_11eom_569",an="_badgeDanger_11eom_574",nn="_code_11eom_579",tn="_pagination_11eom_593",sn="_pageInfo_11eom_602",rn="_pageControls_11eom_608",on="_pageButton_11eom_614",ln="_pageNumber_11eom_639",cn="_pageSizeSelect_11eom_646",dn="_bulkActions_11eom_675",un="_bulkActionButtons_11eom_740",mn="_bulkActionButton_11eom_740",pn="_selectionCount_11eom_817",hn="_bulkPrimary_11eom_828",gn="_bulkSecondary_11eom_844",bn="_bulkDanger_11eom_861",fn="_bulkWarning_11eom_871",xn="_bulkSuccess_11eom_881",_n="_bulkCustom_11eom_891",yn="_horizontalScroll_11eom_901",n={container:ua,header:ma,title:pa,actions:ha,controls:ga,searchBox:ba,searchIcon:fa,searchInput:xa,clearButton:_a,clearFiltersButton:ya,resultCount:ka,loading:va,spinner:Ca,empty:Sa,emptyIcon:ja,tableWrapper:wa,stickyHeader:Na,table:Ta,striped:$a,compact:za,th:Da,td:Ia,hoverable:Aa,headerCell:Ma,headerText:Ea,sortButton:La,sortIcon:Pa,columnFilter:Wa,tr:Ra,selected:qa,clickable:Ba,checkboxColumn:Va,actionsColumn:Ua,actionButtons:Fa,actionButton:Oa,actionButtonPrimary:Ha,actionButtonSecondary:Ga,actionButtonDanger:Ja,actionButtonWarning:Qa,actionButtonSuccess:Ka,checkbox:Xa,nullValue:Ya,badge:Za,badgeSuccess:en,badgeDanger:an,code:nn,pagination:tn,pageInfo:sn,pageControls:rn,pageButton:on,pageNumber:ln,pageSizeSelect:cn,bulkActions:dn,bulkActionButtons:un,bulkActionButton:mn,selectionCount:pn,bulkPrimary:hn,bulkSecondary:gn,bulkDanger:bn,bulkWarning:fn,bulkSuccess:xn,bulkCustom:_n,horizontalScroll:yn},We=function({data:i,columns:p,keyField:c="id",title:h,searchable:$=!1,selectable:j=!1,pagination:u=!1,onRowClick:b,onSelectionChange:y,actions:P,bulkActions:D,rowActions:k,actionButtonStyles:l,emptyMessage:qe="No data available",loading:Be=!1,striped:Ve=!1,hoverable:Ue=!0,compact:Fe=!1,stickyHeader:Oe=!1,animated:He=!0,horizontalScroll:Ge=!1,className:H=""}){const[g,Q]=d.useState(new Set),[w,G]=d.useState(""),[I,K]=d.useState({}),[f,X]=d.useState({key:null,direction:"asc"}),[x,v]=d.useState(1),[C,Je]=d.useState(typeof u=="object"&&u.pageSize?u.pageSize:10),Qe=d.useMemo(()=>typeof u=="object"&&u.pageSizeOptions?u.pageSizeOptions:[10,25,50,100],[u]),Y=d.useMemo(()=>p.map(e=>e.key),[p]),A=d.useMemo(()=>{if(!w&&Object.keys(I).length===0)return i;let e=i;if($&&w){const r=w.toLowerCase();e=e.filter(t=>Y.some(o=>{const m=t[o];return m!=null&&String(m).toLowerCase().includes(r)}))}for(const[r,t]of Object.entries(I))if(t){const o=t.toLowerCase();e=e.filter(m=>{const N=m[r];return N!=null&&String(N).toLowerCase().includes(o)})}return e},[i,Y,w,I,$]),S=d.useMemo(()=>f.key?[...A].sort((e,r)=>{const t=e[f.key],o=r[f.key];if(t==null)return 1;if(o==null)return-1;let m=0;return typeof t=="number"&&typeof o=="number"?m=t-o:t instanceof Date&&o instanceof Date?m=t.getTime()-o.getTime():m=String(t).localeCompare(String(o)),f.direction==="asc"?m:-m}):A,[A,f]),M=d.useMemo(()=>{if(!u)return S;const e=(x-1)*C,r=e+C;return S.slice(e,r)},[S,u,x,C]),z=d.useMemo(()=>u?Math.ceil(S.length/C):1,[S,C,u]),Ke=d.useCallback(e=>{X(r=>r.key!==e?{key:e,direction:"asc"}:r.direction==="asc"?{key:e,direction:"desc"}:{key:null,direction:"asc"})},[]),Xe=d.useCallback(()=>{const e=M.map(o=>o[c]),r=e.every(o=>g.has(o)),t=new Set(g);if(r?e.forEach(o=>t.delete(o)):e.forEach(o=>t.add(o)),Q(t),y){const o=i.filter(m=>t.has(m[c]));y(o)}},[M,g,c,i,y]),Z=d.useCallback(e=>{const r=new Set(g);if(r.has(e)?r.delete(e):r.add(e),Q(r),y){const t=i.filter(o=>r.has(o[c]));y(t)}},[g,i,c,y]),Ye=d.useCallback((e,r)=>{K(t=>({...t,[e]:r})),v(1)},[]),Ze=d.useCallback(()=>{G(""),K({}),X({key:null,direction:"asc"}),v(1)},[]),ee=w||Object.values(I).some(e=>e),J=M.map(e=>e[c]),ae=j&&J.length>0&&J.every(e=>g.has(e)),ea=j&&J.some(e=>g.has(e)),_=d.useMemo(()=>i.filter(e=>g.has(e[c])),[i,g,c]),ne=d.useCallback(e=>{var m,N,E,se,re,oe,le,ie,ce;const r=(l==null?void 0:l.size)||36,t=((m=e.buttonStyles)==null?void 0:m.size)||r,o={width:t,height:t,borderRadius:((N=e.buttonStyles)==null?void 0:N.borderRadius)||(l==null?void 0:l.borderRadius)||"50%",fontSize:((E=e.buttonStyles)==null?void 0:E.fontSize)||(l==null?void 0:l.fontSize),padding:((se=e.buttonStyles)==null?void 0:se.padding)||(l==null?void 0:l.padding),...l==null?void 0:l.style,...e.style,...(re=e.buttonStyles)==null?void 0:re.style};return((oe=e.buttonStyles)!=null&&oe.iconSize||l!=null&&l.iconSize)&&(o["--icon-size"]=typeof(((le=e.buttonStyles)==null?void 0:le.iconSize)||(l==null?void 0:l.iconSize))=="number"?`${((ie=e.buttonStyles)==null?void 0:ie.iconSize)||(l==null?void 0:l.iconSize)}px`:((ce=e.buttonStyles)==null?void 0:ce.iconSize)||(l==null?void 0:l.iconSize)),o},[l]),te=d.useCallback(e=>{var E;const r=n.actionButton,t=e.variant==="primary"?n.actionButtonPrimary:e.variant==="danger"?n.actionButtonDanger:e.variant==="warning"?n.actionButtonWarning:e.variant==="success"?n.actionButtonSuccess:e.variant==="custom"?"":n.actionButtonSecondary,o=(l==null?void 0:l.className)||"",m=e.className||"",N=((E=e.buttonStyles)==null?void 0:E.className)||"";return`${r} ${t} ${o} ${m} ${N}`.trim()},[l]);return Be?a.jsx("div",{className:`${n.container} ${H}`,children:a.jsxs("div",{className:n.loading,children:[a.jsx("div",{className:n.spinner}),a.jsx("span",{children:"Loading..."})]})}):i.length===0?a.jsxs("div",{className:`${n.container} ${H}`,children:[h&&a.jsx("h2",{className:n.title,children:h}),a.jsxs("div",{className:n.empty,children:[a.jsx("span",{className:n.emptyIcon,children:"📊"}),a.jsx("p",{children:qe})]})]}):a.jsxs("div",{className:`${n.container} ${H}`,children:[(h||P||D)&&a.jsxs("div",{className:n.header,children:[h&&a.jsx("h2",{className:n.title,children:h}),(P||D)&&a.jsxs("div",{className:n.bulkActions,children:[P&&_.length>0&&a.jsx("div",{className:n.actions,children:P(_)}),D&&D.length>0&&_.length>0&&a.jsx("div",{className:n.bulkActionButtons,children:D.map((e,r)=>{const t=e.disabled&&e.disabled(_)||e.minSelection&&_.length<e.minSelection||e.maxSelection&&_.length>e.maxSelection;return a.jsxs("button",{className:`${n.bulkActionButton} ${e.variant==="primary"?n.bulkPrimary:e.variant==="secondary"?n.bulkSecondary:e.variant==="danger"?n.bulkDanger:e.variant==="warning"?n.bulkWarning:e.variant==="success"?n.bulkSuccess:e.variant==="custom"?n.bulkCustom:n.bulkPrimary} ${e.className||""}`,style:e.style,disabled:!!t,onClick:async()=>{if(e.confirmMessage){const o=typeof e.confirmMessage=="function"?e.confirmMessage(_):e.confirmMessage;if(!confirm(o))return}await e.onClick(_)},title:e.label,"aria-label":e.label,children:[e.icon,a.jsx("span",{children:e.label}),a.jsxs("span",{className:n.selectionCount,children:["(",_.length,")"]})]},r)})})]})]}),($||ee)&&a.jsxs("div",{className:n.controls,children:[$&&a.jsxs("div",{className:n.searchBox,children:[a.jsx("span",{className:n.searchIcon,children:"🔍"}),a.jsx("input",{type:"text",placeholder:"Search...",value:w,onChange:e=>{G(e.target.value),v(1)},className:n.searchInput}),w&&a.jsx("button",{className:n.clearButton,onClick:()=>G(""),children:"✕"})]}),ee&&a.jsx("button",{className:n.clearFiltersButton,onClick:Ze,children:"Clear All Filters"}),a.jsxs("div",{className:n.resultCount,children:[A.length," ",A.length===1?"result":"results"]})]}),a.jsx("div",{className:`${n.tableWrapper} ${Oe?n.stickyHeader:""} ${Ge?n.horizontalScroll:""}`,children:a.jsxs("table",{className:`
1
+ import{r as d,j as a}from"./iframe-B8pH-Lvr.js";import{L as de,m as aa}from"./proxy-BA3VZtN5.js";import{u as na,f as ta}from"./MotionConfigContext-D5hZdVGx.js";import{A as sa}from"./index-DBfrIdYd.js";import"./preload-helper-C1FmrZbK.js";const ra=s=>!s.isLayoutDirty&&s.willUpdate(!1);function ue(){const s=new Set,i=new WeakMap,p=()=>s.forEach(ra);return{add:c=>{s.add(c),i.set(c,c.addEventListener("willUpdate",p))},remove:c=>{s.delete(c);const h=i.get(c);h&&(h(),i.delete(c)),p()},dirty:p}}const oa=d.createContext(null);function la(){const s=d.useRef(!1);return na(()=>(s.current=!0,()=>{s.current=!1}),[]),s}function ia(){const s=la(),[i,p]=d.useState(0),c=d.useCallback(()=>{s.current&&p(i+1)},[i]);return[d.useCallback(()=>ta.postRender(c),[c]),i]}const Pe=s=>s===!0,ca=s=>Pe(s===!0)||s==="id",da=({children:s,id:i,inherit:p=!0})=>{const c=d.useContext(de),h=d.useContext(oa),[$,j]=ia(),u=d.useRef(null),b=c.id||h;u.current===null&&(ca(p)&&b&&(i=i?b+"-"+i:b),u.current={id:i,group:Pe(p)&&c.group||ue()});const y=d.useMemo(()=>({...u.current,forceRender:$}),[j]);return a.jsx(de.Provider,{value:y,children:s})},ua="_container_11eom_1",ma="_header_11eom_15",pa="_title_11eom_23",ha="_actions_11eom_31",ga="_controls_11eom_37",ba="_searchBox_11eom_45",fa="_searchIcon_11eom_52",xa="_searchInput_11eom_59",_a="_clearButton_11eom_76",ya="_clearFiltersButton_11eom_93",ka="_resultCount_11eom_109",va="_loading_11eom_117",Ca="_spinner_11eom_126",Sa="_empty_11eom_141",ja="_emptyIcon_11eom_147",wa="_tableWrapper_11eom_160",Na="_stickyHeader_11eom_167",Ta="_table_11eom_160",$a="_striped_11eom_189",za="_compact_11eom_193",Da="_th_11eom_193",Ia="_td_11eom_194",Aa="_hoverable_11eom_198",Ma="_headerCell_11eom_213",Ea="_headerText_11eom_220",La="_sortButton_11eom_225",Pa="_sortIcon_11eom_244",Wa="_columnFilter_11eom_261",Ra="_tr_11eom_279",qa="_selected_11eom_285",Ba="_clickable_11eom_290",Va="_checkboxColumn_11eom_315",Ua="_actionsColumn_11eom_326",Fa="_actionButtons_11eom_338",Oa="_actionButton_11eom_338",Ha="_actionButtonPrimary_11eom_438",Ga="_actionButtonSecondary_11eom_459",Ja="_actionButtonDanger_11eom_478",Qa="_actionButtonWarning_11eom_500",Ka="_actionButtonSuccess_11eom_522",Xa="_checkbox_11eom_315",Ya="_nullValue_11eom_552",Za="_badge_11eom_558",en="_badgeSuccess_11eom_569",an="_badgeDanger_11eom_574",nn="_code_11eom_579",tn="_pagination_11eom_593",sn="_pageInfo_11eom_602",rn="_pageControls_11eom_608",on="_pageButton_11eom_614",ln="_pageNumber_11eom_639",cn="_pageSizeSelect_11eom_646",dn="_bulkActions_11eom_675",un="_bulkActionButtons_11eom_740",mn="_bulkActionButton_11eom_740",pn="_selectionCount_11eom_817",hn="_bulkPrimary_11eom_828",gn="_bulkSecondary_11eom_844",bn="_bulkDanger_11eom_861",fn="_bulkWarning_11eom_871",xn="_bulkSuccess_11eom_881",_n="_bulkCustom_11eom_891",yn="_horizontalScroll_11eom_901",n={container:ua,header:ma,title:pa,actions:ha,controls:ga,searchBox:ba,searchIcon:fa,searchInput:xa,clearButton:_a,clearFiltersButton:ya,resultCount:ka,loading:va,spinner:Ca,empty:Sa,emptyIcon:ja,tableWrapper:wa,stickyHeader:Na,table:Ta,striped:$a,compact:za,th:Da,td:Ia,hoverable:Aa,headerCell:Ma,headerText:Ea,sortButton:La,sortIcon:Pa,columnFilter:Wa,tr:Ra,selected:qa,clickable:Ba,checkboxColumn:Va,actionsColumn:Ua,actionButtons:Fa,actionButton:Oa,actionButtonPrimary:Ha,actionButtonSecondary:Ga,actionButtonDanger:Ja,actionButtonWarning:Qa,actionButtonSuccess:Ka,checkbox:Xa,nullValue:Ya,badge:Za,badgeSuccess:en,badgeDanger:an,code:nn,pagination:tn,pageInfo:sn,pageControls:rn,pageButton:on,pageNumber:ln,pageSizeSelect:cn,bulkActions:dn,bulkActionButtons:un,bulkActionButton:mn,selectionCount:pn,bulkPrimary:hn,bulkSecondary:gn,bulkDanger:bn,bulkWarning:fn,bulkSuccess:xn,bulkCustom:_n,horizontalScroll:yn},We=function({data:i,columns:p,keyField:c="id",title:h,searchable:$=!1,selectable:j=!1,pagination:u=!1,onRowClick:b,onSelectionChange:y,actions:P,bulkActions:D,rowActions:k,actionButtonStyles:l,emptyMessage:qe="No data available",loading:Be=!1,striped:Ve=!1,hoverable:Ue=!0,compact:Fe=!1,stickyHeader:Oe=!1,animated:He=!0,horizontalScroll:Ge=!1,className:H=""}){const[g,Q]=d.useState(new Set),[w,G]=d.useState(""),[I,K]=d.useState({}),[f,X]=d.useState({key:null,direction:"asc"}),[x,v]=d.useState(1),[C,Je]=d.useState(typeof u=="object"&&u.pageSize?u.pageSize:10),Qe=d.useMemo(()=>typeof u=="object"&&u.pageSizeOptions?u.pageSizeOptions:[10,25,50,100],[u]),Y=d.useMemo(()=>p.map(e=>e.key),[p]),A=d.useMemo(()=>{if(!w&&Object.keys(I).length===0)return i;let e=i;if($&&w){const r=w.toLowerCase();e=e.filter(t=>Y.some(o=>{const m=t[o];return m!=null&&String(m).toLowerCase().includes(r)}))}for(const[r,t]of Object.entries(I))if(t){const o=t.toLowerCase();e=e.filter(m=>{const N=m[r];return N!=null&&String(N).toLowerCase().includes(o)})}return e},[i,Y,w,I,$]),S=d.useMemo(()=>f.key?[...A].sort((e,r)=>{const t=e[f.key],o=r[f.key];if(t==null)return 1;if(o==null)return-1;let m=0;return typeof t=="number"&&typeof o=="number"?m=t-o:t instanceof Date&&o instanceof Date?m=t.getTime()-o.getTime():m=String(t).localeCompare(String(o)),f.direction==="asc"?m:-m}):A,[A,f]),M=d.useMemo(()=>{if(!u)return S;const e=(x-1)*C,r=e+C;return S.slice(e,r)},[S,u,x,C]),z=d.useMemo(()=>u?Math.ceil(S.length/C):1,[S,C,u]),Ke=d.useCallback(e=>{X(r=>r.key!==e?{key:e,direction:"asc"}:r.direction==="asc"?{key:e,direction:"desc"}:{key:null,direction:"asc"})},[]),Xe=d.useCallback(()=>{const e=M.map(o=>o[c]),r=e.every(o=>g.has(o)),t=new Set(g);if(r?e.forEach(o=>t.delete(o)):e.forEach(o=>t.add(o)),Q(t),y){const o=i.filter(m=>t.has(m[c]));y(o)}},[M,g,c,i,y]),Z=d.useCallback(e=>{const r=new Set(g);if(r.has(e)?r.delete(e):r.add(e),Q(r),y){const t=i.filter(o=>r.has(o[c]));y(t)}},[g,i,c,y]),Ye=d.useCallback((e,r)=>{K(t=>({...t,[e]:r})),v(1)},[]),Ze=d.useCallback(()=>{G(""),K({}),X({key:null,direction:"asc"}),v(1)},[]),ee=w||Object.values(I).some(e=>e),J=M.map(e=>e[c]),ae=j&&J.length>0&&J.every(e=>g.has(e)),ea=j&&J.some(e=>g.has(e)),_=d.useMemo(()=>i.filter(e=>g.has(e[c])),[i,g,c]),ne=d.useCallback(e=>{var m,N,E,se,re,oe,le,ie,ce;const r=(l==null?void 0:l.size)||36,t=((m=e.buttonStyles)==null?void 0:m.size)||r,o={width:t,height:t,borderRadius:((N=e.buttonStyles)==null?void 0:N.borderRadius)||(l==null?void 0:l.borderRadius)||"50%",fontSize:((E=e.buttonStyles)==null?void 0:E.fontSize)||(l==null?void 0:l.fontSize),padding:((se=e.buttonStyles)==null?void 0:se.padding)||(l==null?void 0:l.padding),...l==null?void 0:l.style,...e.style,...(re=e.buttonStyles)==null?void 0:re.style};return((oe=e.buttonStyles)!=null&&oe.iconSize||l!=null&&l.iconSize)&&(o["--icon-size"]=typeof(((le=e.buttonStyles)==null?void 0:le.iconSize)||(l==null?void 0:l.iconSize))=="number"?`${((ie=e.buttonStyles)==null?void 0:ie.iconSize)||(l==null?void 0:l.iconSize)}px`:((ce=e.buttonStyles)==null?void 0:ce.iconSize)||(l==null?void 0:l.iconSize)),o},[l]),te=d.useCallback(e=>{var E;const r=n.actionButton,t=e.variant==="primary"?n.actionButtonPrimary:e.variant==="danger"?n.actionButtonDanger:e.variant==="warning"?n.actionButtonWarning:e.variant==="success"?n.actionButtonSuccess:e.variant==="custom"?"":n.actionButtonSecondary,o=(l==null?void 0:l.className)||"",m=e.className||"",N=((E=e.buttonStyles)==null?void 0:E.className)||"";return`${r} ${t} ${o} ${m} ${N}`.trim()},[l]);return Be?a.jsx("div",{className:`${n.container} ${H}`,children:a.jsxs("div",{className:n.loading,children:[a.jsx("div",{className:n.spinner}),a.jsx("span",{children:"Loading..."})]})}):i.length===0?a.jsxs("div",{className:`${n.container} ${H}`,children:[h&&a.jsx("h2",{className:n.title,children:h}),a.jsxs("div",{className:n.empty,children:[a.jsx("span",{className:n.emptyIcon,children:"📊"}),a.jsx("p",{children:qe})]})]}):a.jsxs("div",{className:`${n.container} ${H}`,children:[(h||P||D)&&a.jsxs("div",{className:n.header,children:[h&&a.jsx("h2",{className:n.title,children:h}),(P||D)&&a.jsxs("div",{className:n.bulkActions,children:[P&&_.length>0&&a.jsx("div",{className:n.actions,children:P(_)}),D&&D.length>0&&_.length>0&&a.jsx("div",{className:n.bulkActionButtons,children:D.map((e,r)=>{const t=e.disabled&&e.disabled(_)||e.minSelection&&_.length<e.minSelection||e.maxSelection&&_.length>e.maxSelection;return a.jsxs("button",{className:`${n.bulkActionButton} ${e.variant==="primary"?n.bulkPrimary:e.variant==="secondary"?n.bulkSecondary:e.variant==="danger"?n.bulkDanger:e.variant==="warning"?n.bulkWarning:e.variant==="success"?n.bulkSuccess:e.variant==="custom"?n.bulkCustom:n.bulkPrimary} ${e.className||""}`,style:e.style,disabled:!!t,onClick:async()=>{if(e.confirmMessage){const o=typeof e.confirmMessage=="function"?e.confirmMessage(_):e.confirmMessage;if(!confirm(o))return}await e.onClick(_)},title:e.label,"aria-label":e.label,children:[e.icon,a.jsx("span",{children:e.label}),a.jsxs("span",{className:n.selectionCount,children:["(",_.length,")"]})]},r)})})]})]}),($||ee)&&a.jsxs("div",{className:n.controls,children:[$&&a.jsxs("div",{className:n.searchBox,children:[a.jsx("span",{className:n.searchIcon,children:"🔍"}),a.jsx("input",{type:"text",placeholder:"Search...",value:w,onChange:e=>{G(e.target.value),v(1)},className:n.searchInput}),w&&a.jsx("button",{className:n.clearButton,onClick:()=>G(""),children:"✕"})]}),ee&&a.jsx("button",{className:n.clearFiltersButton,onClick:Ze,children:"Clear All Filters"}),a.jsxs("div",{className:n.resultCount,children:[A.length," ",A.length===1?"result":"results"]})]}),a.jsx("div",{className:`${n.tableWrapper} ${Oe?n.stickyHeader:""} ${Ge?n.horizontalScroll:""}`,children:a.jsxs("table",{className:`
2
2
  ${n.table}
3
3
  ${Ve?n.striped:""}
4
4
  ${Ue?n.hoverable:""}
@@ -0,0 +1 @@
1
+ ._tabs_uhg6g_1{display:flex;gap:0;padding:0;padding-bottom:var(--spacing-md);background:transparent;position:relative;width:100%}._tabs_uhg6g_1:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--color-border-rgb),.1) 10%,rgba(var(--color-border-rgb),.1) 90%,transparent)}._tab_uhg6g_1{position:relative;flex:1 1 0;justify-content:center;padding:16px 24px;background:transparent;border:none;border-radius:0;cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font-family);letter-spacing:-.02em;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:10px;color:var(--color-text-secondary);opacity:.7}._tab_uhg6g_1:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--color-primary);transform:translate(-50%);transition:width .4s cubic-bezier(.16,1,.3,1);border-radius:3px 3px 0 0}._tab_uhg6g_1:hover{color:var(--color-text);opacity:1;transform:translateY(-2px)}._tab_uhg6g_1:hover:before{width:30%}._tab_uhg6g_1[data-active=true]:before{width:100%}._activeTabBackground_uhg6g_74{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none}._tab_uhg6g_1[data-active=true]{color:var(--color-primary);opacity:1;transform:translateY(-2px)}._tabIcon_uhg6g_87{width:18px;height:18px;flex-shrink:0;transition:all .4s cubic-bezier(.16,1,.3,1)}._tab_uhg6g_1:hover ._tabIcon_uhg6g_87{transform:rotate(5deg) scale(1.1)}._tab_uhg6g_1[data-active=true] ._tabIcon_uhg6g_87{transform:rotate(0) scale(1.15);filter:drop-shadow(0 2px 4px rgba(var(--color-primary-rgb),.3))}._tab_uhg6g_1:active{transform:translateY(0)}._tab_uhg6g_1:active ._tabIcon_uhg6g_87{transform:scale(.95)}
@@ -0,0 +1,37 @@
1
+ import{j as e,R as m,r as T}from"./iframe-B8pH-Lvr.js";import{c as n}from"./createLucideIcon-BNUG5osq.js";import{m as u}from"./proxy-BA3VZtN5.js";import{F as k}from"./folder-BjriMpXc.js";import{S as N}from"./settings-DvzICcFU.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D5hZdVGx.js";/**
2
+ * @license lucide-react v0.539.0 - ISC
3
+ *
4
+ * This source code is licensed under the ISC license.
5
+ * See the LICENSE file in the root directory of this source tree.
6
+ */const I=[["path",{d:"M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4",key:"tonef"}],["path",{d:"M9 18c-4.51 2-5-2-7-2",key:"9comsn"}]],M=n("github",I);/**
7
+ * @license lucide-react v0.539.0 - ISC
8
+ *
9
+ * This source code is licensed under the ISC license.
10
+ * See the LICENSE file in the root directory of this source tree.
11
+ */const S=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]],b=n("info",S);/**
12
+ * @license lucide-react v0.539.0 - ISC
13
+ *
14
+ * This source code is licensed under the ISC license.
15
+ * See the LICENSE file in the root directory of this source tree.
16
+ */const q=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M8 7v7",key:"1x2jlm"}],["path",{d:"M12 7v4",key:"xawao1"}],["path",{d:"M16 7v9",key:"1hp2iy"}]],C=n("square-kanban",q);/**
17
+ * @license lucide-react v0.539.0 - ISC
18
+ *
19
+ * This source code is licensed under the ISC license.
20
+ * See the LICENSE file in the root directory of this source tree.
21
+ */const w=[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]],A=n("user",w),E="_tabs_uhg6g_1",$="_tab_uhg6g_1",P="_tabIcon_uhg6g_87",a={tabs:E,tab:$,tabIcon:P},D=[{id:"details",icon:b,label:"Dettagli"},{id:"github",icon:M,label:"GitHub"},{id:"jira",icon:C,label:"Jira"},{id:"functional",icon:b,label:"Analisi funzionale"}],d=({activeTab:o,onTabChange:r,tabs:c,className:l=""})=>{const j=c??D;return e.jsx("div",{className:`${a.tabs} ${l}`,children:j.map(t=>{const p=o===t.id;return e.jsxs(u.button,{className:a.tab,"data-active":p,onClick:()=>r(t.id),style:{position:"relative"},children:[e.jsx(u.div,{animate:{rotate:p?[0,-10,10,-5,5,0]:0},transition:{rotate:{duration:.5,ease:"easeInOut"}},children:t.icon&&(m.isValidElement(t.icon)?e.jsx("span",{className:a.tabIcon,children:t.icon}):e.jsx("span",{className:a.tabIcon,children:m.createElement(t.icon)}))}),e.jsx("span",{children:t.label})]},t.id)})})};d.__docgenInfo={description:"",methods:[],displayName:"Tabs",props:{activeTab:{required:!0,tsType:{name:"string"},description:""},onTabChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(tab: string) => void",signature:{arguments:[{type:{name:"string"},name:"tab"}],return:{name:"void"}}},description:""},tabs:{required:!1,tsType:{name:"Array",elements:[{name:"Tab"}],raw:"Tab[]"},description:""},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}}}};const V={title:"Molecules/Tabs",component:d,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{activeTab:{control:"select",options:["details","github","jira","functional"]}}},_=({initial:o,tabs:r})=>{const[c,l]=T.useState(o);return e.jsx("div",{style:{width:"600px"},children:e.jsx(d,{activeTab:c,onTabChange:l,tabs:r})})},s={render:()=>e.jsx(_,{initial:"details"})},i={render:()=>e.jsx(_,{initial:"profile",tabs:[{id:"profile",label:"Profile",icon:A},{id:"projects",label:"Projects",icon:k},{id:"settings",label:"Settings",icon:N}]})};var g,h,y;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{
22
+ render: () => <Wrapper initial="details" />
23
+ }`,...(y=(h=s.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var f,v,x;i.parameters={...i.parameters,docs:{...(f=i.parameters)==null?void 0:f.docs,source:{originalSource:`{
24
+ render: () => <Wrapper initial="profile" tabs={[{
25
+ id: 'profile',
26
+ label: 'Profile',
27
+ icon: User
28
+ }, {
29
+ id: 'projects',
30
+ label: 'Projects',
31
+ icon: Folder
32
+ }, {
33
+ id: 'settings',
34
+ label: 'Settings',
35
+ icon: Settings
36
+ }]} />
37
+ }`,...(x=(v=i.parameters)==null?void 0:v.docs)==null?void 0:x.source}}};const z=["Default","CustomTabs"];export{i as CustomTabs,s as Default,z as __namedExportsOrder,V as default};
@@ -1,4 +1,4 @@
1
- import{r as c,j as _}from"./iframe-LZvJb0BS.js";import{g as e}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const l={"target-cursor-wrapper":"_target-cursor-wrapper_11z20_1","target-cursor-dot":"_target-cursor-dot_11z20_13","target-cursor-corner":"_target-cursor-corner_11z20_25","corner-tl":"_corner-tl_11z20_35","corner-tr":"_corner-tr_11z20_41","corner-br":"_corner-br_11z20_47","corner-bl":"_corner-bl_11z20_53"},Q=({targetSelector:$=".cursor-target",spinDuration:x=2,hideDefaultCursor:Y=!0,hoverDuration:q=.2,parallaxOn:D=!0})=>{const r=c.useRef(null),p=c.useRef(null),o=c.useRef(null),b=c.useRef(null),j=c.useRef(!1),d=c.useRef(null),R=c.useRef(null),C=c.useRef(0),E=c.useMemo(()=>{if(typeof window>"u")return!1;const T="ontouchstart"in window||navigator.maxTouchPoints>0,g=window.innerWidth<=768,s=navigator.userAgent||navigator.vendor||window.opera,w=/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(s.toLowerCase());return T&&g||w},[]),H=c.useMemo(()=>({borderWidth:3,cornerSize:12}),[]),M=c.useCallback((T,g)=>{r.current&&e.to(r.current,{x:T,y:g,duration:.1,ease:"power3.out"})},[]);return c.useEffect(()=>{if(E||!r.current)return;const T=document.body.style.cursor;Y&&(document.body.style.cursor="none");const g=r.current;p.current=g.querySelectorAll(".target-cursor-corner");let s=null,v=null,w=null;const O=t=>{v&&t.removeEventListener("mouseleave",v),v=null};e.set(g,{xPercent:-50,yPercent:-50,x:window.innerWidth/2,y:window.innerHeight/2}),(()=>{o.current&&o.current.kill(),o.current=e.timeline({repeat:-1}).to(g,{rotation:"+=360",duration:x,ease:"none"})})();const Z=()=>{if(!d.current||!r.current||!p.current)return;const t=C.current;if(t===0)return;const S=e.getProperty(r.current,"x"),f=e.getProperty(r.current,"y");Array.from(p.current).forEach((i,k)=>{const u=e.getProperty(i,"x"),a=e.getProperty(i,"y"),h=d.current[k].x-S,N=d.current[k].y-f,X=u+(h-u)*t,z=a+(N-a)*t,L=t>=.99?D?.2:0:.05;e.to(i,{x:X,y:z,duration:L,ease:L===0?"none":"power1.out",overwrite:"auto"})})};R.current=Z;const V=t=>M(t.clientX,t.clientY);window.addEventListener("mousemove",V);const W=()=>{if(!s||!r.current)return;const t=e.getProperty(r.current,"x"),S=e.getProperty(r.current,"y"),f=document.elementFromPoint(t,S);f&&(f===s||f.closest($)===s)||v&&v()};window.addEventListener("scroll",W,{passive:!0});const F=()=>{b.current&&(e.to(b.current,{scale:.7,duration:.3}),e.to(r.current,{scale:.9,duration:.2}))},U=()=>{b.current&&(e.to(b.current,{scale:1,duration:.3}),e.to(r.current,{scale:1,duration:.2}))};window.addEventListener("mousedown",F),window.addEventListener("mouseup",U);const B=t=>{var L;const S=t.target,f=[];let m=S;for(;m&&m!==document.body;)m.matches($)&&f.push(m),m=m.parentElement;const i=f[0]||null;if(!i||!r.current||!p.current||s===i)return;s&&O(s),w&&(clearTimeout(w),w=null),s=i;const k=Array.from(p.current);k.forEach(y=>e.killTweensOf(y)),e.killTweensOf(r.current,"rotation"),(L=o.current)==null||L.pause(),e.set(r.current,{rotation:0});const u=i.getBoundingClientRect(),{borderWidth:a,cornerSize:h}=H,N=e.getProperty(r.current,"x"),X=e.getProperty(r.current,"y");d.current=[{x:u.left-a,y:u.top-a},{x:u.right+a-h,y:u.top-a},{x:u.right+a-h,y:u.bottom+a-h},{x:u.left-a,y:u.bottom+a-h}],j.current=!0,e.ticker.add(R.current),e.to(C,{current:1,duration:q,ease:"power2.out"}),k.forEach((y,n)=>{e.to(y,{x:d.current[n].x-N,y:d.current[n].y-X,duration:.2,ease:"power2.out"})});const z=()=>{if(e.ticker.remove(R.current),j.current=!1,d.current=null,e.set(C,{current:0,overwrite:!0}),s=null,p.current){const y=Array.from(p.current);e.killTweensOf(y);const{cornerSize:n}=H,P=[{x:-n*1.5,y:-n*1.5},{x:n*.5,y:-n*1.5},{x:n*.5,y:n*.5},{x:-n*1.5,y:n*.5}],ee=e.timeline();y.forEach((re,I)=>{ee.to(re,{x:P[I].x,y:P[I].y,duration:.3,ease:"power3.out"},0)})}w=setTimeout(()=>{if(!s&&r.current&&o.current){const n=e.getProperty(r.current,"rotation")%360;o.current.kill(),o.current=e.timeline({repeat:-1}).to(r.current,{rotation:"+=360",duration:x,ease:"none"}),e.to(r.current,{rotation:n+360,duration:x*(1-n/360),ease:"none",onComplete:()=>{var P;(P=o.current)==null||P.restart()}})}w=null},50),O(i)};v=z,i.addEventListener("mouseleave",z)};return window.addEventListener("mouseover",B,{passive:!0}),()=>{var t;R.current&&e.ticker.remove(R.current),window.removeEventListener("mousemove",V),window.removeEventListener("mouseover",B),window.removeEventListener("scroll",W),window.removeEventListener("mousedown",F),window.removeEventListener("mouseup",U),s&&O(s),(t=o.current)==null||t.kill(),document.body.style.cursor=T,j.current=!1,d.current=null,C.current=0}},[$,x,M,H,Y,E,q,D]),c.useEffect(()=>{E||!r.current||!o.current||o.current.isActive()&&(o.current.kill(),o.current=e.timeline({repeat:-1}).to(r.current,{rotation:"+=360",duration:x,ease:"none"}))},[x,E]),E?null:_.jsxs("div",{ref:r,className:`${l["target-cursor-wrapper"]}`,children:[_.jsx("div",{ref:b,className:`${l["target-cursor-dot"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-tl"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-tr"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-br"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-bl"]}`})]})};Q.__docgenInfo={description:"",methods:[],displayName:"TargetCursor",props:{targetSelector:{defaultValue:{value:"'.cursor-target'",computed:!1},required:!1},spinDuration:{defaultValue:{value:"2",computed:!1},required:!1},hideDefaultCursor:{defaultValue:{value:"true",computed:!1},required:!1},hoverDuration:{defaultValue:{value:"0.2",computed:!1},required:!1},parallaxOn:{defaultValue:{value:"true",computed:!1},required:!1}}};const ce={title:"ReactBits/Animations/TargetCursor",component:Q,parameters:{layout:"fullscreen"},tags:["autodocs"]},A={args:{targetSelector:".cursor-target",spinDuration:2,hideDefaultCursor:!0,hoverDuration:.2,parallaxOn:!0}};var G,J,K;A.parameters={...A.parameters,docs:{...(G=A.parameters)==null?void 0:G.docs,source:{originalSource:`{
1
+ import{r as c,j as _}from"./iframe-B8pH-Lvr.js";import{g as e}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const l={"target-cursor-wrapper":"_target-cursor-wrapper_11z20_1","target-cursor-dot":"_target-cursor-dot_11z20_13","target-cursor-corner":"_target-cursor-corner_11z20_25","corner-tl":"_corner-tl_11z20_35","corner-tr":"_corner-tr_11z20_41","corner-br":"_corner-br_11z20_47","corner-bl":"_corner-bl_11z20_53"},Q=({targetSelector:$=".cursor-target",spinDuration:x=2,hideDefaultCursor:Y=!0,hoverDuration:q=.2,parallaxOn:D=!0})=>{const r=c.useRef(null),p=c.useRef(null),o=c.useRef(null),b=c.useRef(null),j=c.useRef(!1),d=c.useRef(null),R=c.useRef(null),C=c.useRef(0),E=c.useMemo(()=>{if(typeof window>"u")return!1;const T="ontouchstart"in window||navigator.maxTouchPoints>0,g=window.innerWidth<=768,s=navigator.userAgent||navigator.vendor||window.opera,w=/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(s.toLowerCase());return T&&g||w},[]),H=c.useMemo(()=>({borderWidth:3,cornerSize:12}),[]),M=c.useCallback((T,g)=>{r.current&&e.to(r.current,{x:T,y:g,duration:.1,ease:"power3.out"})},[]);return c.useEffect(()=>{if(E||!r.current)return;const T=document.body.style.cursor;Y&&(document.body.style.cursor="none");const g=r.current;p.current=g.querySelectorAll(".target-cursor-corner");let s=null,v=null,w=null;const O=t=>{v&&t.removeEventListener("mouseleave",v),v=null};e.set(g,{xPercent:-50,yPercent:-50,x:window.innerWidth/2,y:window.innerHeight/2}),(()=>{o.current&&o.current.kill(),o.current=e.timeline({repeat:-1}).to(g,{rotation:"+=360",duration:x,ease:"none"})})();const Z=()=>{if(!d.current||!r.current||!p.current)return;const t=C.current;if(t===0)return;const S=e.getProperty(r.current,"x"),f=e.getProperty(r.current,"y");Array.from(p.current).forEach((i,k)=>{const u=e.getProperty(i,"x"),a=e.getProperty(i,"y"),h=d.current[k].x-S,N=d.current[k].y-f,X=u+(h-u)*t,z=a+(N-a)*t,L=t>=.99?D?.2:0:.05;e.to(i,{x:X,y:z,duration:L,ease:L===0?"none":"power1.out",overwrite:"auto"})})};R.current=Z;const V=t=>M(t.clientX,t.clientY);window.addEventListener("mousemove",V);const W=()=>{if(!s||!r.current)return;const t=e.getProperty(r.current,"x"),S=e.getProperty(r.current,"y"),f=document.elementFromPoint(t,S);f&&(f===s||f.closest($)===s)||v&&v()};window.addEventListener("scroll",W,{passive:!0});const F=()=>{b.current&&(e.to(b.current,{scale:.7,duration:.3}),e.to(r.current,{scale:.9,duration:.2}))},U=()=>{b.current&&(e.to(b.current,{scale:1,duration:.3}),e.to(r.current,{scale:1,duration:.2}))};window.addEventListener("mousedown",F),window.addEventListener("mouseup",U);const B=t=>{var L;const S=t.target,f=[];let m=S;for(;m&&m!==document.body;)m.matches($)&&f.push(m),m=m.parentElement;const i=f[0]||null;if(!i||!r.current||!p.current||s===i)return;s&&O(s),w&&(clearTimeout(w),w=null),s=i;const k=Array.from(p.current);k.forEach(y=>e.killTweensOf(y)),e.killTweensOf(r.current,"rotation"),(L=o.current)==null||L.pause(),e.set(r.current,{rotation:0});const u=i.getBoundingClientRect(),{borderWidth:a,cornerSize:h}=H,N=e.getProperty(r.current,"x"),X=e.getProperty(r.current,"y");d.current=[{x:u.left-a,y:u.top-a},{x:u.right+a-h,y:u.top-a},{x:u.right+a-h,y:u.bottom+a-h},{x:u.left-a,y:u.bottom+a-h}],j.current=!0,e.ticker.add(R.current),e.to(C,{current:1,duration:q,ease:"power2.out"}),k.forEach((y,n)=>{e.to(y,{x:d.current[n].x-N,y:d.current[n].y-X,duration:.2,ease:"power2.out"})});const z=()=>{if(e.ticker.remove(R.current),j.current=!1,d.current=null,e.set(C,{current:0,overwrite:!0}),s=null,p.current){const y=Array.from(p.current);e.killTweensOf(y);const{cornerSize:n}=H,P=[{x:-n*1.5,y:-n*1.5},{x:n*.5,y:-n*1.5},{x:n*.5,y:n*.5},{x:-n*1.5,y:n*.5}],ee=e.timeline();y.forEach((re,I)=>{ee.to(re,{x:P[I].x,y:P[I].y,duration:.3,ease:"power3.out"},0)})}w=setTimeout(()=>{if(!s&&r.current&&o.current){const n=e.getProperty(r.current,"rotation")%360;o.current.kill(),o.current=e.timeline({repeat:-1}).to(r.current,{rotation:"+=360",duration:x,ease:"none"}),e.to(r.current,{rotation:n+360,duration:x*(1-n/360),ease:"none",onComplete:()=>{var P;(P=o.current)==null||P.restart()}})}w=null},50),O(i)};v=z,i.addEventListener("mouseleave",z)};return window.addEventListener("mouseover",B,{passive:!0}),()=>{var t;R.current&&e.ticker.remove(R.current),window.removeEventListener("mousemove",V),window.removeEventListener("mouseover",B),window.removeEventListener("scroll",W),window.removeEventListener("mousedown",F),window.removeEventListener("mouseup",U),s&&O(s),(t=o.current)==null||t.kill(),document.body.style.cursor=T,j.current=!1,d.current=null,C.current=0}},[$,x,M,H,Y,E,q,D]),c.useEffect(()=>{E||!r.current||!o.current||o.current.isActive()&&(o.current.kill(),o.current=e.timeline({repeat:-1}).to(r.current,{rotation:"+=360",duration:x,ease:"none"}))},[x,E]),E?null:_.jsxs("div",{ref:r,className:`${l["target-cursor-wrapper"]}`,children:[_.jsx("div",{ref:b,className:`${l["target-cursor-dot"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-tl"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-tr"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-br"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-bl"]}`})]})};Q.__docgenInfo={description:"",methods:[],displayName:"TargetCursor",props:{targetSelector:{defaultValue:{value:"'.cursor-target'",computed:!1},required:!1},spinDuration:{defaultValue:{value:"2",computed:!1},required:!1},hideDefaultCursor:{defaultValue:{value:"true",computed:!1},required:!1},hoverDuration:{defaultValue:{value:"0.2",computed:!1},required:!1},parallaxOn:{defaultValue:{value:"true",computed:!1},required:!1}}};const ce={title:"ReactBits/Animations/TargetCursor",component:Q,parameters:{layout:"fullscreen"},tags:["autodocs"]},A={args:{targetSelector:".cursor-target",spinDuration:2,hideDefaultCursor:!0,hoverDuration:.2,parallaxOn:!0}};var G,J,K;A.parameters={...A.parameters,docs:{...(G=A.parameters)==null?void 0:G.docs,source:{originalSource:`{
2
2
  args: {
3
3
  targetSelector: '.cursor-target',
4
4
  spinDuration: 2,
@@ -1,4 +1,4 @@
1
- import{j as t}from"./iframe-LZvJb0BS.js";const v="_textareaContainer_1p1q8_1",b="_compact_1p1q8_6",j="_textareaLabel_1p1q8_10",I="_requiredIndicator_1p1q8_25",L="_textareaInput_1p1q8_31",V="_characterCount_1p1q8_90",N="_nearLimit_1p1q8_115",M="_atLimit_1p1q8_124",T="_error_1p1q8_180",w="_success_1p1q8_205",A="_loading_1p1q8_232",y="_focusMode_1p1q8_249",a={textareaContainer:v,compact:b,textareaLabel:j,requiredIndicator:I,textareaInput:L,characterCount:V,nearLimit:N,atLimit:M,error:T,success:w,loading:A,focusMode:y};function B({label:n,value:r,onChange:p,rows:f=5,placeholder:m="",required:o=!1,maxLength:s,disabled:h=!1,error:i=!1,success:_=!1,loading:l=!1,focusMode:x=!1,compact:q=!1,className:c=""}){const u=`textarea-${Math.random().toString(36).substr(2,9)}`,g=()=>{const e=[a.textareaContainer];return i&&e.push(a.error),_&&e.push(a.success),l&&e.push(a.loading),x&&e.push(a.focusMode),q&&e.push(a.compact),c&&e.push(c),e.join(" ")},C=()=>{if(!s)return a.characterCount;const e=[a.characterCount],d=r.length/s*100;return d>=100?e.push(a.atLimit):d>=80&&e.push(a.nearLimit),e.join(" ")};return t.jsxs("div",{className:g(),children:[n&&t.jsxs("label",{htmlFor:u,className:a.textareaLabel,children:[n,o&&t.jsx("span",{className:a.requiredIndicator,children:"*"})]}),t.jsx("textarea",{id:u,value:r,onChange:e=>p(e.target.value),rows:f,placeholder:m,maxLength:s,className:a.textareaInput,"aria-required":o,disabled:h||l,"aria-invalid":i}),s&&t.jsxs("div",{className:C(),children:[t.jsx("span",{children:r.length}),t.jsx("span",{style:{opacity:.7},children:" / "}),t.jsx("span",{children:s})]})]})}B.__docgenInfo={description:`TextArea component - Multi-line text input with character counting
1
+ import{j as t}from"./iframe-B8pH-Lvr.js";const v="_textareaContainer_1p1q8_1",b="_compact_1p1q8_6",j="_textareaLabel_1p1q8_10",I="_requiredIndicator_1p1q8_25",L="_textareaInput_1p1q8_31",V="_characterCount_1p1q8_90",N="_nearLimit_1p1q8_115",M="_atLimit_1p1q8_124",T="_error_1p1q8_180",w="_success_1p1q8_205",A="_loading_1p1q8_232",y="_focusMode_1p1q8_249",a={textareaContainer:v,compact:b,textareaLabel:j,requiredIndicator:I,textareaInput:L,characterCount:V,nearLimit:N,atLimit:M,error:T,success:w,loading:A,focusMode:y};function B({label:n,value:r,onChange:p,rows:f=5,placeholder:m="",required:o=!1,maxLength:s,disabled:h=!1,error:i=!1,success:_=!1,loading:l=!1,focusMode:x=!1,compact:q=!1,className:c=""}){const u=`textarea-${Math.random().toString(36).substr(2,9)}`,g=()=>{const e=[a.textareaContainer];return i&&e.push(a.error),_&&e.push(a.success),l&&e.push(a.loading),x&&e.push(a.focusMode),q&&e.push(a.compact),c&&e.push(c),e.join(" ")},C=()=>{if(!s)return a.characterCount;const e=[a.characterCount],d=r.length/s*100;return d>=100?e.push(a.atLimit):d>=80&&e.push(a.nearLimit),e.join(" ")};return t.jsxs("div",{className:g(),children:[n&&t.jsxs("label",{htmlFor:u,className:a.textareaLabel,children:[n,o&&t.jsx("span",{className:a.requiredIndicator,children:"*"})]}),t.jsx("textarea",{id:u,value:r,onChange:e=>p(e.target.value),rows:f,placeholder:m,maxLength:s,className:a.textareaInput,"aria-required":o,disabled:h||l,"aria-invalid":i}),s&&t.jsxs("div",{className:C(),children:[t.jsx("span",{children:r.length}),t.jsx("span",{style:{opacity:.7},children:" / "}),t.jsx("span",{children:s})]})]})}B.__docgenInfo={description:`TextArea component - Multi-line text input with character counting
2
2
 
3
3
  @component
4
4
  @description
@@ -1,4 +1,4 @@
1
- import{r as h,j as e}from"./iframe-LZvJb0BS.js";import{T as u}from"./TextArea-DGywTJLt.js";import"./preload-helper-C1FmrZbK.js";const O={title:"Atoms/TextArea",component:u,parameters:{layout:"centered",docs:{description:{component:"A multiline text input component with character counter support and compact mode for arrays."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label text for the textarea"},value:{control:"text",description:"Current value of the textarea"},placeholder:{control:"text",description:"Placeholder text"},rows:{control:"number",description:"Number of visible rows"},maxLength:{control:"number",description:"Maximum character limit"},required:{control:"boolean",description:"Whether the textarea is required"},compact:{control:"boolean",description:"Compact mode for use in arrays or dense layouts"},onChange:{action:"changed"}}},s={args:{label:"Description",value:"",placeholder:"Enter your description here...",rows:4,onChange:()=>{}}},l={args:{label:"Bio",value:"Software developer passionate about creating great user experiences.",placeholder:"Tell us about yourself...",rows:4,maxLength:200,onChange:()=>{}}},i={args:{label:"Required Message",value:"",placeholder:"This field is required",required:!0,rows:3,onChange:()=>{}}},c={args:{label:"Notes",value:"",placeholder:"Compact mode for arrays...",rows:3,compact:!0,onChange:()=>{}}},m={args:{label:"",value:"",placeholder:"No label, compact mode...",rows:2,compact:!0,onChange:()=>{}}},d={args:{label:"Comparison",value:"",onChange:()=>{}},render:()=>{const[t,o]=h.useState(""),[x,g]=h.useState("");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"2rem",width:"400px"},children:[e.jsxs("div",{children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"Regular TextArea"}),e.jsx(u,{label:"Description",value:t,onChange:o,placeholder:"Regular size textarea...",rows:4,maxLength:200})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"Compact TextArea"}),e.jsx(u,{label:"Description",value:x,onChange:g,placeholder:"Compact size textarea...",rows:4,maxLength:200,compact:!0})]})]})},parameters:{controls:{disable:!0}}},p={args:{label:"Array Demo",value:"",onChange:()=>{}},render:()=>{const[t,o]=h.useState(["First item with some text",""]),x=(n,r)=>{const a=[...t];a[n]=r,o(a)},g=()=>{o([...t,""])},W=n=>{o(t.filter((r,a)=>a!==n))};return e.jsxs("div",{style:{width:"400px"},children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"TextArea in Array Context (Compact Mode)"}),e.jsxs("div",{style:{background:"#f8f9fa",padding:"1rem",borderRadius:"8px",border:"1px solid #dee2e6"},children:[t.map((n,r)=>e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:"0.5rem",marginBottom:r<t.length-1?"1rem":"0"},children:[e.jsx(u,{label:"",value:n,onChange:a=>x(r,a),placeholder:`Item ${r+1}...`,rows:2,compact:!0}),e.jsx("button",{onClick:()=>W(r),style:{background:"#dc3545",color:"white",border:"none",borderRadius:"4px",padding:"4px 8px",cursor:"pointer",fontSize:"12px",marginTop:"2px"},children:"x"})]},r)),e.jsx("button",{onClick:g,style:{background:"#007bff",color:"white",border:"none",borderRadius:"4px",padding:"8px 16px",cursor:"pointer",fontSize:"14px",marginTop:"1rem"},children:"+ Add Item"})]})]})},parameters:{controls:{disable:!0}}};var b,C,v;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`{
1
+ import{r as h,j as e}from"./iframe-B8pH-Lvr.js";import{T as u}from"./TextArea-DKx3k6hV.js";import"./preload-helper-C1FmrZbK.js";const O={title:"Atoms/TextArea",component:u,parameters:{layout:"centered",docs:{description:{component:"A multiline text input component with character counter support and compact mode for arrays."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label text for the textarea"},value:{control:"text",description:"Current value of the textarea"},placeholder:{control:"text",description:"Placeholder text"},rows:{control:"number",description:"Number of visible rows"},maxLength:{control:"number",description:"Maximum character limit"},required:{control:"boolean",description:"Whether the textarea is required"},compact:{control:"boolean",description:"Compact mode for use in arrays or dense layouts"},onChange:{action:"changed"}}},s={args:{label:"Description",value:"",placeholder:"Enter your description here...",rows:4,onChange:()=>{}}},l={args:{label:"Bio",value:"Software developer passionate about creating great user experiences.",placeholder:"Tell us about yourself...",rows:4,maxLength:200,onChange:()=>{}}},i={args:{label:"Required Message",value:"",placeholder:"This field is required",required:!0,rows:3,onChange:()=>{}}},c={args:{label:"Notes",value:"",placeholder:"Compact mode for arrays...",rows:3,compact:!0,onChange:()=>{}}},m={args:{label:"",value:"",placeholder:"No label, compact mode...",rows:2,compact:!0,onChange:()=>{}}},d={args:{label:"Comparison",value:"",onChange:()=>{}},render:()=>{const[t,o]=h.useState(""),[x,g]=h.useState("");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"2rem",width:"400px"},children:[e.jsxs("div",{children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"Regular TextArea"}),e.jsx(u,{label:"Description",value:t,onChange:o,placeholder:"Regular size textarea...",rows:4,maxLength:200})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"Compact TextArea"}),e.jsx(u,{label:"Description",value:x,onChange:g,placeholder:"Compact size textarea...",rows:4,maxLength:200,compact:!0})]})]})},parameters:{controls:{disable:!0}}},p={args:{label:"Array Demo",value:"",onChange:()=>{}},render:()=>{const[t,o]=h.useState(["First item with some text",""]),x=(n,r)=>{const a=[...t];a[n]=r,o(a)},g=()=>{o([...t,""])},W=n=>{o(t.filter((r,a)=>a!==n))};return e.jsxs("div",{style:{width:"400px"},children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"TextArea in Array Context (Compact Mode)"}),e.jsxs("div",{style:{background:"#f8f9fa",padding:"1rem",borderRadius:"8px",border:"1px solid #dee2e6"},children:[t.map((n,r)=>e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:"0.5rem",marginBottom:r<t.length-1?"1rem":"0"},children:[e.jsx(u,{label:"",value:n,onChange:a=>x(r,a),placeholder:`Item ${r+1}...`,rows:2,compact:!0}),e.jsx("button",{onClick:()=>W(r),style:{background:"#dc3545",color:"white",border:"none",borderRadius:"4px",padding:"4px 8px",cursor:"pointer",fontSize:"12px",marginTop:"2px"},children:"x"})]},r)),e.jsx("button",{onClick:g,style:{background:"#007bff",color:"white",border:"none",borderRadius:"4px",padding:"8px 16px",cursor:"pointer",fontSize:"14px",marginTop:"1rem"},children:"+ Add Item"})]})]})},parameters:{controls:{disable:!0}}};var b,C,v;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`{
2
2
  args: {
3
3
  label: 'Description',
4
4
  value: '',
@@ -1,4 +1,4 @@
1
- import{r as a,j as c}from"./iframe-LZvJb0BS.js";import{A as B}from"./index-vc18hLoj.js";import{m as L}from"./proxy-94dt0K2Y.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.js";const p={"text-cursor-container":"_text-cursor-container_uryua_1","text-cursor-inner":"_text-cursor-inner_uryua_7","text-cursor-item":"_text-cursor-item_uryua_16"},E=({text:V="⚛️",spacing:d=100,followMouseDirection:j=!0,randomFloat:n=!0,exitDuration:A=.5,removalInterval:x=30,maxPoints:y=5})=>{const[C,g]=a.useState([]),o=a.useRef(null),v=a.useRef(Date.now()),h=a.useRef(0),M=e=>{if(!o.current)return;const r=o.current.getBoundingClientRect(),_=e.clientX-r.left,D=e.clientY-r.top,I=()=>n?{randomX:Math.random()*10-5,randomY:Math.random()*10-5,randomRotate:Math.random()*10-5}:{};g(O=>{const t=[...O];if(t.length===0)t.push({id:h.current++,x:_,y:D,angle:0,...I()});else{const s=t[t.length-1],u=_-s.x,l=D-s.y,f=Math.sqrt(u*u+l*l);if(f>=d){let X=Math.atan2(l,u)*180/Math.PI;const Y=j?X:0,N=Math.floor(f/d);for(let m=1;m<=N;m++){const R=d*m/f,P=s.x+u*R,$=s.y+l*R;t.push({id:h.current++,x:P,y:$,angle:Y,...I()})}}}return t.length>y?t.slice(t.length-y):t}),v.current=Date.now()};return a.useEffect(()=>{const e=o.current;if(e)return e.addEventListener("mousemove",M),()=>e.removeEventListener("mousemove",M)},[]),a.useEffect(()=>{const e=setInterval(()=>{Date.now()-v.current>100&&g(r=>r.length>0?r.slice(1):r)},x);return()=>clearInterval(e)},[x]),c.jsx("div",{ref:o,className:`${p["text-cursor-container"]}`,children:c.jsx("div",{className:`${p["text-cursor-inner"]}`,children:c.jsx(B,{children:C.map(e=>c.jsx(L.div,{initial:{opacity:0,scale:1,rotate:e.angle},animate:{opacity:1,scale:1,x:n?[0,e.randomX||0,0]:0,y:n?[0,e.randomY||0,0]:0,rotate:n?[e.angle,e.angle+(e.randomRotate||0),e.angle]:e.angle},exit:{opacity:0,scale:0},transition:{opacity:{duration:A,ease:"easeOut"},...n&&{x:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"},y:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"},rotate:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"}}},className:`${p["text-cursor-item"]}`,style:{left:e.x,top:e.y},children:V},e.id))})})})};E.__docgenInfo={description:"",methods:[],displayName:"TextCursor",props:{text:{defaultValue:{value:"'⚛️'",computed:!1},required:!1},spacing:{defaultValue:{value:"100",computed:!1},required:!1},followMouseDirection:{defaultValue:{value:"true",computed:!1},required:!1},randomFloat:{defaultValue:{value:"true",computed:!1},required:!1},exitDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},removalInterval:{defaultValue:{value:"30",computed:!1},required:!1},maxPoints:{defaultValue:{value:"5",computed:!1},required:!1}}};const H={title:"ReactBits/TextAnimations/TextCursor",component:E,parameters:{layout:"fullscreen"},tags:["autodocs"]},i={args:{text:"⚛️",spacing:100,followMouseDirection:!0,randomFloat:!0,exitDuration:.5,removalInterval:30,maxPoints:5}};var w,T,q;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:`{
1
+ import{r as a,j as c}from"./iframe-B8pH-Lvr.js";import{A as B}from"./index-DBfrIdYd.js";import{m as L}from"./proxy-BA3VZtN5.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D5hZdVGx.js";const p={"text-cursor-container":"_text-cursor-container_uryua_1","text-cursor-inner":"_text-cursor-inner_uryua_7","text-cursor-item":"_text-cursor-item_uryua_16"},E=({text:V="⚛️",spacing:d=100,followMouseDirection:j=!0,randomFloat:n=!0,exitDuration:A=.5,removalInterval:x=30,maxPoints:y=5})=>{const[C,g]=a.useState([]),o=a.useRef(null),v=a.useRef(Date.now()),h=a.useRef(0),M=e=>{if(!o.current)return;const r=o.current.getBoundingClientRect(),_=e.clientX-r.left,D=e.clientY-r.top,I=()=>n?{randomX:Math.random()*10-5,randomY:Math.random()*10-5,randomRotate:Math.random()*10-5}:{};g(O=>{const t=[...O];if(t.length===0)t.push({id:h.current++,x:_,y:D,angle:0,...I()});else{const s=t[t.length-1],u=_-s.x,l=D-s.y,f=Math.sqrt(u*u+l*l);if(f>=d){let X=Math.atan2(l,u)*180/Math.PI;const Y=j?X:0,N=Math.floor(f/d);for(let m=1;m<=N;m++){const R=d*m/f,P=s.x+u*R,$=s.y+l*R;t.push({id:h.current++,x:P,y:$,angle:Y,...I()})}}}return t.length>y?t.slice(t.length-y):t}),v.current=Date.now()};return a.useEffect(()=>{const e=o.current;if(e)return e.addEventListener("mousemove",M),()=>e.removeEventListener("mousemove",M)},[]),a.useEffect(()=>{const e=setInterval(()=>{Date.now()-v.current>100&&g(r=>r.length>0?r.slice(1):r)},x);return()=>clearInterval(e)},[x]),c.jsx("div",{ref:o,className:`${p["text-cursor-container"]}`,children:c.jsx("div",{className:`${p["text-cursor-inner"]}`,children:c.jsx(B,{children:C.map(e=>c.jsx(L.div,{initial:{opacity:0,scale:1,rotate:e.angle},animate:{opacity:1,scale:1,x:n?[0,e.randomX||0,0]:0,y:n?[0,e.randomY||0,0]:0,rotate:n?[e.angle,e.angle+(e.randomRotate||0),e.angle]:e.angle},exit:{opacity:0,scale:0},transition:{opacity:{duration:A,ease:"easeOut"},...n&&{x:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"},y:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"},rotate:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"}}},className:`${p["text-cursor-item"]}`,style:{left:e.x,top:e.y},children:V},e.id))})})})};E.__docgenInfo={description:"",methods:[],displayName:"TextCursor",props:{text:{defaultValue:{value:"'⚛️'",computed:!1},required:!1},spacing:{defaultValue:{value:"100",computed:!1},required:!1},followMouseDirection:{defaultValue:{value:"true",computed:!1},required:!1},randomFloat:{defaultValue:{value:"true",computed:!1},required:!1},exitDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},removalInterval:{defaultValue:{value:"30",computed:!1},required:!1},maxPoints:{defaultValue:{value:"5",computed:!1},required:!1}}};const H={title:"ReactBits/TextAnimations/TextCursor",component:E,parameters:{layout:"fullscreen"},tags:["autodocs"]},i={args:{text:"⚛️",spacing:100,followMouseDirection:!0,randomFloat:!0,exitDuration:.5,removalInterval:30,maxPoints:5}};var w,T,q;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:`{
2
2
  args: {
3
3
  text: '⚛️',
4
4
  spacing: 100,
@@ -1,4 +1,4 @@
1
- import{R as _,j as n}from"./iframe-LZvJb0BS.js";import{u as T}from"./useSound-Dc8S51xy.js";const V="_textInput_mb1yv_1",A="_required_mb1yv_82",k="_inputError_mb1yv_89",M="_errorMessage_mb1yv_102",R="_success_mb1yv_138",S="_loading_mb1yv_167",P="_withIcon_mb1yv_184",$="_inputIcon_mb1yv_192",B="_withAction_mb1yv_209",F="_actionButton_mb1yv_213",t={textInput:V,required:A,inputError:k,errorMessage:M,success:R,loading:S,withIcon:P,inputIcon:$,withAction:B,actionButton:F};function H({label:b,value:r,onChange:v,type:x="text",onBlur:y,placeholder:I,error:a,required:w,disabled:m=!1,success:g=!1,loading:o=!1,icon:c,actionButton:l,maxLength:E,autoComplete:j,soundConfig:s,enableTypingSounds:q=!1}){const i=`input-${Math.random().toString(36).substr(2,9)}`,{handlers:u,playSound:p}=T(s),h=_.useRef(r),N=()=>{const e=[t.textInput];return g&&e.push(t.success),o&&e.push(t.loading),c&&e.push(t.withIcon),l&&e.push(t.withAction),e.join(" ")};return _.useEffect(()=>{h.current=r},[r]),n.jsxs("div",{className:N(),children:[n.jsxs("label",{htmlFor:i,children:[b,w&&n.jsx("span",{className:t.required,children:"*"})]}),n.jsxs("div",{style:{position:"relative"},children:[c&&n.jsx("div",{className:t.inputIcon,children:c}),n.jsx("input",{id:i,type:x,value:r,onChange:e=>{const d=e.target.value,f=h.current;v(d),(q||s!=null&&s.onClick)&&(d.length>f.length?p("type"):d.length<f.length&&p("delete")),a&&(s!=null&&s.onError)&&p(typeof s.onError=="string"?s.onError:"error")},onBlur:y,placeholder:I,className:a?t.inputError:"","aria-invalid":!!a,"aria-describedby":a?`${i}-error`:void 0,disabled:m||o,maxLength:E,autoComplete:j}),l&&n.jsx("button",{type:"button",className:t.actionButton,onClick:()=>{var e;(e=u.onClick)==null||e.call(u),l.onClick()},disabled:m||o,children:l.label})]}),a&&n.jsx("span",{id:`${i}-error`,className:t.errorMessage,children:a})]})}H.__docgenInfo={description:`TextInput component - A versatile text input field with label and error handling
1
+ import{R as _,j as n}from"./iframe-B8pH-Lvr.js";import{u as T}from"./useSound-Bk2W5gkV.js";const V="_textInput_mb1yv_1",A="_required_mb1yv_82",k="_inputError_mb1yv_89",M="_errorMessage_mb1yv_102",R="_success_mb1yv_138",S="_loading_mb1yv_167",P="_withIcon_mb1yv_184",$="_inputIcon_mb1yv_192",B="_withAction_mb1yv_209",F="_actionButton_mb1yv_213",t={textInput:V,required:A,inputError:k,errorMessage:M,success:R,loading:S,withIcon:P,inputIcon:$,withAction:B,actionButton:F};function H({label:b,value:r,onChange:v,type:x="text",onBlur:y,placeholder:I,error:a,required:w,disabled:m=!1,success:g=!1,loading:o=!1,icon:c,actionButton:l,maxLength:E,autoComplete:j,soundConfig:s,enableTypingSounds:q=!1}){const i=`input-${Math.random().toString(36).substr(2,9)}`,{handlers:u,playSound:p}=T(s),h=_.useRef(r),N=()=>{const e=[t.textInput];return g&&e.push(t.success),o&&e.push(t.loading),c&&e.push(t.withIcon),l&&e.push(t.withAction),e.join(" ")};return _.useEffect(()=>{h.current=r},[r]),n.jsxs("div",{className:N(),children:[n.jsxs("label",{htmlFor:i,children:[b,w&&n.jsx("span",{className:t.required,children:"*"})]}),n.jsxs("div",{style:{position:"relative"},children:[c&&n.jsx("div",{className:t.inputIcon,children:c}),n.jsx("input",{id:i,type:x,value:r,onChange:e=>{const d=e.target.value,f=h.current;v(d),(q||s!=null&&s.onClick)&&(d.length>f.length?p("type"):d.length<f.length&&p("delete")),a&&(s!=null&&s.onError)&&p(typeof s.onError=="string"?s.onError:"error")},onBlur:y,placeholder:I,className:a?t.inputError:"","aria-invalid":!!a,"aria-describedby":a?`${i}-error`:void 0,disabled:m||o,maxLength:E,autoComplete:j}),l&&n.jsx("button",{type:"button",className:t.actionButton,onClick:()=>{var e;(e=u.onClick)==null||e.call(u),l.onClick()},disabled:m||o,children:l.label})]}),a&&n.jsx("span",{id:`${i}-error`,className:t.errorMessage,children:a})]})}H.__docgenInfo={description:`TextInput component - A versatile text input field with label and error handling
2
2
 
3
3
  @component
4
4
  @description
@@ -1,4 +1,4 @@
1
- import{j as e,r as l}from"./iframe-LZvJb0BS.js";import{T as r}from"./TextInput-CiI38oLt.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Dc8S51xy.js";const ae={title:"Atoms/TextInput",component:r,parameters:{layout:"centered",docs:{description:{component:"A simple wrapper around Input component for text input with controlled state management."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label text for the input"},value:{control:"text",description:"Current value of the input"},placeholder:{control:"text",description:"Placeholder text"},error:{control:"text",description:"Error message to display"},type:{control:"select",options:["text","email","password","tel","url"],description:"Input type"},required:{control:"boolean",description:"Whether the input is required"},onChange:{action:"changed"},onBlur:{action:"blurred"}}},d={args:{label:"Name",value:"",placeholder:"Enter your name",onChange:()=>{}}},p={args:{label:"Username",value:"john_doe",placeholder:"Enter username",onChange:()=>{}}},i={args:{label:"Email Address",value:"",type:"email",placeholder:"john.doe@example.com",onChange:()=>{}}},u={args:{label:"Password",value:"",type:"password",placeholder:"Enter password",onChange:()=>{}}},m={args:{label:"Phone Number",value:"",type:"tel",placeholder:"+1 (555) 123-4567",onChange:()=>{}}},c={args:{label:"Required Field",value:"",placeholder:"This field is required",required:!0,onChange:()=>{}}},h={args:{label:"Email",value:"invalid-email",type:"email",error:"Please enter a valid email address",onChange:()=>{}}},g={args:{label:"Full Name",value:"",placeholder:"Enter your full name",onChange:()=>{}},render:()=>{const[n,v]=l.useState(""),[o,w]=l.useState(""),[a,t]=l.useState("");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",width:"300px"},children:[e.jsx(r,{label:"Full Name",value:n,onChange:v,placeholder:"Enter your full name"}),e.jsx(r,{label:"Email",type:"email",value:o,onChange:w,placeholder:"john.doe@example.com"}),e.jsx(r,{label:"Password",type:"password",value:a,onChange:t,placeholder:"Enter password"}),e.jsxs("div",{style:{marginTop:"1rem",padding:"1rem",background:"#f5f5f5",borderRadius:"4px"},children:[e.jsx("p",{style:{margin:0,fontSize:"0.875rem"},children:e.jsx("strong",{children:"Form Values:"})}),e.jsxs("ul",{style:{margin:"0.5rem 0 0",paddingLeft:"1.5rem",fontSize:"0.875rem"},children:[e.jsxs("li",{children:["Name: ",n||"(empty)"]}),e.jsxs("li",{children:["Email: ",o||"(empty)"]}),e.jsxs("li",{children:["Password: ",a?"•".repeat(a.length):"(empty)"]})]})]})]})},parameters:{controls:{disable:!0}}},x={args:{label:"Username",value:"",placeholder:"Enter username",required:!0,onChange:()=>{}},render:()=>{const[n,v]=l.useState(""),[o,w]=l.useState(""),[a,t]=l.useState({}),Y=()=>{const s={};n||(s.username="Username is required"),o?o.length<6&&(s.password="Password must be at least 6 characters"):s.password="Password is required",t(s)};return e.jsxs("div",{style:{padding:"2rem",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"8px",maxWidth:"400px"},children:[e.jsx("h3",{style:{marginTop:0,marginBottom:"1.5rem"},children:"Login"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsx(r,{label:"Username",value:n,onChange:s=>{v(s),a.username&&t(y=>({...y,username:void 0}))},placeholder:"Enter username",error:a.username,required:!0}),e.jsx(r,{label:"Password",type:"password",value:o,onChange:s=>{w(s),a.password&&t(y=>({...y,password:void 0}))},placeholder:"Enter password",error:a.password,required:!0}),e.jsx("button",{type:"button",onClick:Y,style:{padding:"0.75rem 1rem",backgroundColor:"#007bff",color:"white",border:"none",borderRadius:"4px",cursor:"pointer",marginTop:"0.5rem"},children:"Login"})]})]})},parameters:{controls:{disable:!0}}},b={args:{label:"Text Input",value:"",placeholder:"Regular text",onChange:()=>{}},render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",width:"300px"},children:[e.jsx(r,{label:"Text Input",value:"",onChange:()=>{},placeholder:"Regular text"}),e.jsx(r,{label:"Email Input",type:"email",value:"",onChange:()=>{},placeholder:"email@example.com"}),e.jsx(r,{label:"Password Input",type:"password",value:"",onChange:()=>{},placeholder:"Password"}),e.jsx(r,{label:"Phone Input",type:"tel",value:"",onChange:()=>{},placeholder:"+1 (555) 123-4567"}),e.jsx(r,{label:"URL Input",type:"url",value:"",onChange:()=>{},placeholder:"https://example.com"}),e.jsx(r,{label:"Required Field",required:!0,value:"",onChange:()=>{},placeholder:"Required"}),e.jsx(r,{label:"With Error",error:"This field has an error",value:"",onChange:()=>{}})]}),parameters:{controls:{disable:!0}}};var f,E,C;d.parameters={...d.parameters,docs:{...(f=d.parameters)==null?void 0:f.docs,source:{originalSource:`{
1
+ import{j as e,r as l}from"./iframe-B8pH-Lvr.js";import{T as r}from"./TextInput-CLyTHgK9.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Bk2W5gkV.js";const ae={title:"Atoms/TextInput",component:r,parameters:{layout:"centered",docs:{description:{component:"A simple wrapper around Input component for text input with controlled state management."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label text for the input"},value:{control:"text",description:"Current value of the input"},placeholder:{control:"text",description:"Placeholder text"},error:{control:"text",description:"Error message to display"},type:{control:"select",options:["text","email","password","tel","url"],description:"Input type"},required:{control:"boolean",description:"Whether the input is required"},onChange:{action:"changed"},onBlur:{action:"blurred"}}},d={args:{label:"Name",value:"",placeholder:"Enter your name",onChange:()=>{}}},p={args:{label:"Username",value:"john_doe",placeholder:"Enter username",onChange:()=>{}}},i={args:{label:"Email Address",value:"",type:"email",placeholder:"john.doe@example.com",onChange:()=>{}}},u={args:{label:"Password",value:"",type:"password",placeholder:"Enter password",onChange:()=>{}}},m={args:{label:"Phone Number",value:"",type:"tel",placeholder:"+1 (555) 123-4567",onChange:()=>{}}},c={args:{label:"Required Field",value:"",placeholder:"This field is required",required:!0,onChange:()=>{}}},h={args:{label:"Email",value:"invalid-email",type:"email",error:"Please enter a valid email address",onChange:()=>{}}},g={args:{label:"Full Name",value:"",placeholder:"Enter your full name",onChange:()=>{}},render:()=>{const[n,v]=l.useState(""),[o,w]=l.useState(""),[a,t]=l.useState("");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",width:"300px"},children:[e.jsx(r,{label:"Full Name",value:n,onChange:v,placeholder:"Enter your full name"}),e.jsx(r,{label:"Email",type:"email",value:o,onChange:w,placeholder:"john.doe@example.com"}),e.jsx(r,{label:"Password",type:"password",value:a,onChange:t,placeholder:"Enter password"}),e.jsxs("div",{style:{marginTop:"1rem",padding:"1rem",background:"#f5f5f5",borderRadius:"4px"},children:[e.jsx("p",{style:{margin:0,fontSize:"0.875rem"},children:e.jsx("strong",{children:"Form Values:"})}),e.jsxs("ul",{style:{margin:"0.5rem 0 0",paddingLeft:"1.5rem",fontSize:"0.875rem"},children:[e.jsxs("li",{children:["Name: ",n||"(empty)"]}),e.jsxs("li",{children:["Email: ",o||"(empty)"]}),e.jsxs("li",{children:["Password: ",a?"•".repeat(a.length):"(empty)"]})]})]})]})},parameters:{controls:{disable:!0}}},x={args:{label:"Username",value:"",placeholder:"Enter username",required:!0,onChange:()=>{}},render:()=>{const[n,v]=l.useState(""),[o,w]=l.useState(""),[a,t]=l.useState({}),Y=()=>{const s={};n||(s.username="Username is required"),o?o.length<6&&(s.password="Password must be at least 6 characters"):s.password="Password is required",t(s)};return e.jsxs("div",{style:{padding:"2rem",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"8px",maxWidth:"400px"},children:[e.jsx("h3",{style:{marginTop:0,marginBottom:"1.5rem"},children:"Login"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsx(r,{label:"Username",value:n,onChange:s=>{v(s),a.username&&t(y=>({...y,username:void 0}))},placeholder:"Enter username",error:a.username,required:!0}),e.jsx(r,{label:"Password",type:"password",value:o,onChange:s=>{w(s),a.password&&t(y=>({...y,password:void 0}))},placeholder:"Enter password",error:a.password,required:!0}),e.jsx("button",{type:"button",onClick:Y,style:{padding:"0.75rem 1rem",backgroundColor:"#007bff",color:"white",border:"none",borderRadius:"4px",cursor:"pointer",marginTop:"0.5rem"},children:"Login"})]})]})},parameters:{controls:{disable:!0}}},b={args:{label:"Text Input",value:"",placeholder:"Regular text",onChange:()=>{}},render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",width:"300px"},children:[e.jsx(r,{label:"Text Input",value:"",onChange:()=>{},placeholder:"Regular text"}),e.jsx(r,{label:"Email Input",type:"email",value:"",onChange:()=>{},placeholder:"email@example.com"}),e.jsx(r,{label:"Password Input",type:"password",value:"",onChange:()=>{},placeholder:"Password"}),e.jsx(r,{label:"Phone Input",type:"tel",value:"",onChange:()=>{},placeholder:"+1 (555) 123-4567"}),e.jsx(r,{label:"URL Input",type:"url",value:"",onChange:()=>{},placeholder:"https://example.com"}),e.jsx(r,{label:"Required Field",required:!0,value:"",onChange:()=>{},placeholder:"Required"}),e.jsx(r,{label:"With Error",error:"This field has an error",value:"",onChange:()=>{}})]}),parameters:{controls:{disable:!0}}};var f,E,C;d.parameters={...d.parameters,docs:{...(f=d.parameters)==null?void 0:f.docs,source:{originalSource:`{
2
2
  args: {
3
3
  label: 'Name',
4
4
  value: '',
@@ -1,4 +1,4 @@
1
- import{r,j as F}from"./iframe-LZvJb0BS.js";import"./preload-helper-C1FmrZbK.js";const J=(i,o)=>{const a=o.x-i.x,l=o.y-i.y;return Math.sqrt(a*a+l*l)},v=(i,o,a,l)=>{const h=l-Math.abs(l*i/o);return Math.max(a,h+a)},K=(i,o)=>{let a;return(...l)=>{clearTimeout(a),a=setTimeout(()=>{i.apply(void 0,l)},o)}},P=({text:i="Compressa",fontFamily:o="Compressa VF",fontUrl:a="https://res.cloudinary.com/dr6lvwubh/raw/upload/v1529908256/CompressaPRO-GX.woff2",width:l=!0,weight:h=!0,italic:V=!0,alpha:g=!1,flex:A=!0,stroke:q=!1,scale:S=!1,textColor:x="#FFFFFF",strokeColor:k="#FF0000",className:O="",minFontSize:R=24})=>{const p=r.useRef(null),d=r.useRef(null),E=r.useRef([]),c=r.useRef({x:0,y:0}),f=r.useRef({x:0,y:0}),[X,G]=r.useState(R),[N,b]=r.useState(1),[Y,M]=r.useState(1),C=i.split("");r.useEffect(()=>{const e=t=>{f.current.x=t.clientX,f.current.y=t.clientY},u=t=>{const s=t.touches[0];f.current.x=s.clientX,f.current.y=s.clientY};if(window.addEventListener("mousemove",e),window.addEventListener("touchmove",u,{passive:!0}),p.current){const{left:t,top:s,width:n,height:m}=p.current.getBoundingClientRect();c.current.x=t+n/2,c.current.y=s+m/2,f.current.x=c.current.x,f.current.y=c.current.y}return()=>{window.removeEventListener("mousemove",e),window.removeEventListener("touchmove",u)}},[]);const $=r.useCallback(()=>{if(!p.current||!d.current)return;const{width:e,height:u}=p.current.getBoundingClientRect();let t=e/(C.length/2);t=Math.max(t,R),G(t),b(1),M(1),requestAnimationFrame(()=>{if(!d.current)return;const s=d.current.getBoundingClientRect();if(S&&s.height>0){const n=u/s.height;b(n),M(n)}})},[C.length,R,S]);r.useEffect(()=>{const e=K($,100);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[$]),r.useEffect(()=>{let e;const u=()=>{if(c.current.x+=(f.current.x-c.current.x)/15,c.current.y+=(f.current.y-c.current.y)/15,d.current){const s=d.current.getBoundingClientRect().width/2;E.current.forEach(n=>{if(!n)return;const m=n.getBoundingClientRect(),H={x:m.x+m.width/2,y:m.y+m.height/2},w=J(c.current,H),I=l?Math.floor(v(w,s,5,200)):100,U=h?Math.floor(v(w,s,100,900)):400,W=V?v(w,s,0,1).toFixed(2):0,z=g?v(w,s,0,1).toFixed(2):1,j=`'wght' ${U}, 'wdth' ${I}, 'ital' ${W}`;n.style.fontVariationSettings!==j&&(n.style.fontVariationSettings=j),g&&n.style.opacity!==z&&(n.style.opacity=z)})}e=requestAnimationFrame(u)};return u(),()=>cancelAnimationFrame(e)},[l,h,V,g]);const _=r.useMemo(()=>F.jsx("style",{children:`
1
+ import{r,j as F}from"./iframe-B8pH-Lvr.js";import"./preload-helper-C1FmrZbK.js";const J=(i,o)=>{const a=o.x-i.x,l=o.y-i.y;return Math.sqrt(a*a+l*l)},v=(i,o,a,l)=>{const h=l-Math.abs(l*i/o);return Math.max(a,h+a)},K=(i,o)=>{let a;return(...l)=>{clearTimeout(a),a=setTimeout(()=>{i.apply(void 0,l)},o)}},P=({text:i="Compressa",fontFamily:o="Compressa VF",fontUrl:a="https://res.cloudinary.com/dr6lvwubh/raw/upload/v1529908256/CompressaPRO-GX.woff2",width:l=!0,weight:h=!0,italic:V=!0,alpha:g=!1,flex:A=!0,stroke:q=!1,scale:S=!1,textColor:x="#FFFFFF",strokeColor:k="#FF0000",className:O="",minFontSize:R=24})=>{const p=r.useRef(null),d=r.useRef(null),E=r.useRef([]),c=r.useRef({x:0,y:0}),f=r.useRef({x:0,y:0}),[X,G]=r.useState(R),[N,b]=r.useState(1),[Y,M]=r.useState(1),C=i.split("");r.useEffect(()=>{const e=t=>{f.current.x=t.clientX,f.current.y=t.clientY},u=t=>{const s=t.touches[0];f.current.x=s.clientX,f.current.y=s.clientY};if(window.addEventListener("mousemove",e),window.addEventListener("touchmove",u,{passive:!0}),p.current){const{left:t,top:s,width:n,height:m}=p.current.getBoundingClientRect();c.current.x=t+n/2,c.current.y=s+m/2,f.current.x=c.current.x,f.current.y=c.current.y}return()=>{window.removeEventListener("mousemove",e),window.removeEventListener("touchmove",u)}},[]);const $=r.useCallback(()=>{if(!p.current||!d.current)return;const{width:e,height:u}=p.current.getBoundingClientRect();let t=e/(C.length/2);t=Math.max(t,R),G(t),b(1),M(1),requestAnimationFrame(()=>{if(!d.current)return;const s=d.current.getBoundingClientRect();if(S&&s.height>0){const n=u/s.height;b(n),M(n)}})},[C.length,R,S]);r.useEffect(()=>{const e=K($,100);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[$]),r.useEffect(()=>{let e;const u=()=>{if(c.current.x+=(f.current.x-c.current.x)/15,c.current.y+=(f.current.y-c.current.y)/15,d.current){const s=d.current.getBoundingClientRect().width/2;E.current.forEach(n=>{if(!n)return;const m=n.getBoundingClientRect(),H={x:m.x+m.width/2,y:m.y+m.height/2},w=J(c.current,H),I=l?Math.floor(v(w,s,5,200)):100,U=h?Math.floor(v(w,s,100,900)):400,W=V?v(w,s,0,1).toFixed(2):0,z=g?v(w,s,0,1).toFixed(2):1,j=`'wght' ${U}, 'wdth' ${I}, 'ital' ${W}`;n.style.fontVariationSettings!==j&&(n.style.fontVariationSettings=j),g&&n.style.opacity!==z&&(n.style.opacity=z)})}e=requestAnimationFrame(u)};return u(),()=>cancelAnimationFrame(e)},[l,h,V,g]);const _=r.useMemo(()=>F.jsx("style",{children:`
2
2
  @font-face {
3
3
  font-family: '${o}';
4
4
  src: url('${a}');
@@ -1,4 +1,4 @@
1
- import{r as e,j}from"./iframe-LZvJb0BS.js";import{g as A}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const S={"text-type__cursor":"_text-type__cursor_i3t4x_6","text-type__cursor--hidden":"_text-type__cursor--hidden_i3t4x_12"},b=({text:n,as:k="div",typingSpeed:i=50,initialDelay:C=0,pauseDuration:x=2e3,deletingSpeed:V=30,loop:h=!0,className:w="",showCursor:y=!0,hideCursorWhileTyping:B=!1,cursorCharacter:H="|",cursorClassName:z="",cursorBlinkDuration:q=.5,textColors:g=[],variableSpeed:l,onSentenceComplete:T,startOnVisible:_=!1,reverseMode:D=!1,...F})=>{const[c,I]=e.useState(""),[o,E]=e.useState(0),[f,N]=e.useState(!1),[r,G]=e.useState(0),[R,J]=e.useState(!_),d=e.useRef(null),v=e.useRef(null),s=e.useMemo(()=>Array.isArray(n)?n:[n],[n]),K=e.useCallback(()=>{if(!l)return i;const{min:t,max:u}=l;return Math.random()*(u-t)+t},[l,i]),L=()=>g.length===0?"inherit":g[r%g.length];e.useEffect(()=>{if(!_||!v.current)return;const t=new IntersectionObserver(u=>{u.forEach(p=>{p.isIntersecting&&J(!0)})},{threshold:.1});return t.observe(v.current),()=>t.disconnect()},[_]),e.useEffect(()=>{y&&d.current&&(A.set(d.current,{opacity:1}),A.to(d.current,{opacity:0,duration:q,repeat:-1,yoyo:!0,ease:"power2.inOut"}))},[y,q]),e.useEffect(()=>{if(!R)return;let t;const u=s[r],p=D?u.split("").reverse().join(""):u,W=()=>{if(f)if(c===""){if(N(!1),r===s.length-1&&!h)return;T&&T(s[r],r),G(a=>(a+1)%s.length),E(0),t=setTimeout(()=>{},x)}else t=setTimeout(()=>{I(a=>a.slice(0,-1))},V);else if(o<p.length)t=setTimeout(()=>{I(a=>a+p[o]),E(a=>a+1)},l?K():i);else if(s.length>=1){if(!h&&r===s.length-1)return;t=setTimeout(()=>{N(!0)},x)}};return o===0&&!f&&c===""?t=setTimeout(W,C):W(),()=>clearTimeout(t)},[o,c,f,i,V,x,s,r,h,C,R,D,l,T]);const P=B&&(o<s[r].length||f);return e.createElement(k,{ref:v,className:`text-type ${w}`,...F},j.jsx("span",{className:"text-type__content",style:{color:L()||"inherit"},children:c}),y&&j.jsx("span",{ref:d,className:`${S["text-type__cursor"]} ${z} ${P?S["text-type__cursor--hidden"]:""}`,children:H}))};b.__docgenInfo={description:"",methods:[],displayName:"TextType",props:{as:{defaultValue:{value:"'div'",computed:!1},required:!1},typingSpeed:{defaultValue:{value:"50",computed:!1},required:!1},initialDelay:{defaultValue:{value:"0",computed:!1},required:!1},pauseDuration:{defaultValue:{value:"2000",computed:!1},required:!1},deletingSpeed:{defaultValue:{value:"30",computed:!1},required:!1},loop:{defaultValue:{value:"true",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},showCursor:{defaultValue:{value:"true",computed:!1},required:!1},hideCursorWhileTyping:{defaultValue:{value:"false",computed:!1},required:!1},cursorCharacter:{defaultValue:{value:"'|'",computed:!1},required:!1},cursorClassName:{defaultValue:{value:"''",computed:!1},required:!1},cursorBlinkDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},textColors:{defaultValue:{value:"[]",computed:!1},required:!1},startOnVisible:{defaultValue:{value:"false",computed:!1},required:!1},reverseMode:{defaultValue:{value:"false",computed:!1},required:!1}}};const Y={title:"ReactBits/TextAnimations/TextType",component:b,parameters:{layout:"fullscreen"},tags:["autodocs"]},m={args:{text:"Hello World",as:"div",typingSpeed:50,initialDelay:0,pauseDuration:2e3,deletingSpeed:30,loop:!0,showCursor:!0,hideCursorWhileTyping:!1,cursorCharacter:"|",cursorClassName:"",cursorBlinkDuration:.5,textColors:[],startOnVisible:!1,reverseMode:!1}};var M,O,$;m.parameters={...m.parameters,docs:{...(M=m.parameters)==null?void 0:M.docs,source:{originalSource:`{
1
+ import{r as e,j}from"./iframe-B8pH-Lvr.js";import{g as A}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const S={"text-type__cursor":"_text-type__cursor_i3t4x_6","text-type__cursor--hidden":"_text-type__cursor--hidden_i3t4x_12"},b=({text:n,as:k="div",typingSpeed:i=50,initialDelay:C=0,pauseDuration:x=2e3,deletingSpeed:V=30,loop:h=!0,className:w="",showCursor:y=!0,hideCursorWhileTyping:B=!1,cursorCharacter:H="|",cursorClassName:z="",cursorBlinkDuration:q=.5,textColors:g=[],variableSpeed:l,onSentenceComplete:T,startOnVisible:_=!1,reverseMode:D=!1,...F})=>{const[c,I]=e.useState(""),[o,E]=e.useState(0),[f,N]=e.useState(!1),[r,G]=e.useState(0),[R,J]=e.useState(!_),d=e.useRef(null),v=e.useRef(null),s=e.useMemo(()=>Array.isArray(n)?n:[n],[n]),K=e.useCallback(()=>{if(!l)return i;const{min:t,max:u}=l;return Math.random()*(u-t)+t},[l,i]),L=()=>g.length===0?"inherit":g[r%g.length];e.useEffect(()=>{if(!_||!v.current)return;const t=new IntersectionObserver(u=>{u.forEach(p=>{p.isIntersecting&&J(!0)})},{threshold:.1});return t.observe(v.current),()=>t.disconnect()},[_]),e.useEffect(()=>{y&&d.current&&(A.set(d.current,{opacity:1}),A.to(d.current,{opacity:0,duration:q,repeat:-1,yoyo:!0,ease:"power2.inOut"}))},[y,q]),e.useEffect(()=>{if(!R)return;let t;const u=s[r],p=D?u.split("").reverse().join(""):u,W=()=>{if(f)if(c===""){if(N(!1),r===s.length-1&&!h)return;T&&T(s[r],r),G(a=>(a+1)%s.length),E(0),t=setTimeout(()=>{},x)}else t=setTimeout(()=>{I(a=>a.slice(0,-1))},V);else if(o<p.length)t=setTimeout(()=>{I(a=>a+p[o]),E(a=>a+1)},l?K():i);else if(s.length>=1){if(!h&&r===s.length-1)return;t=setTimeout(()=>{N(!0)},x)}};return o===0&&!f&&c===""?t=setTimeout(W,C):W(),()=>clearTimeout(t)},[o,c,f,i,V,x,s,r,h,C,R,D,l,T]);const P=B&&(o<s[r].length||f);return e.createElement(k,{ref:v,className:`text-type ${w}`,...F},j.jsx("span",{className:"text-type__content",style:{color:L()||"inherit"},children:c}),y&&j.jsx("span",{ref:d,className:`${S["text-type__cursor"]} ${z} ${P?S["text-type__cursor--hidden"]:""}`,children:H}))};b.__docgenInfo={description:"",methods:[],displayName:"TextType",props:{as:{defaultValue:{value:"'div'",computed:!1},required:!1},typingSpeed:{defaultValue:{value:"50",computed:!1},required:!1},initialDelay:{defaultValue:{value:"0",computed:!1},required:!1},pauseDuration:{defaultValue:{value:"2000",computed:!1},required:!1},deletingSpeed:{defaultValue:{value:"30",computed:!1},required:!1},loop:{defaultValue:{value:"true",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},showCursor:{defaultValue:{value:"true",computed:!1},required:!1},hideCursorWhileTyping:{defaultValue:{value:"false",computed:!1},required:!1},cursorCharacter:{defaultValue:{value:"'|'",computed:!1},required:!1},cursorClassName:{defaultValue:{value:"''",computed:!1},required:!1},cursorBlinkDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},textColors:{defaultValue:{value:"[]",computed:!1},required:!1},startOnVisible:{defaultValue:{value:"false",computed:!1},required:!1},reverseMode:{defaultValue:{value:"false",computed:!1},required:!1}}};const Y={title:"ReactBits/TextAnimations/TextType",component:b,parameters:{layout:"fullscreen"},tags:["autodocs"]},m={args:{text:"Hello World",as:"div",typingSpeed:50,initialDelay:0,pauseDuration:2e3,deletingSpeed:30,loop:!0,showCursor:!0,hideCursorWhileTyping:!1,cursorCharacter:"|",cursorClassName:"",cursorBlinkDuration:.5,textColors:[],startOnVisible:!1,reverseMode:!1}};var M,O,$;m.parameters={...m.parameters,docs:{...(M=m.parameters)==null?void 0:M.docs,source:{originalSource:`{
2
2
  args: {
3
3
  text: 'Hello World',
4
4
  as: 'div',
@@ -1,4 +1,4 @@
1
- import{r as p,j as e}from"./iframe-LZvJb0BS.js";import{m as l}from"./proxy-94dt0K2Y.js";import{M as L,S}from"./sun-s1P_-p6e.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.js";import"./createLucideIcon-yjHXhSOm.js";const U=p.createContext(void 0),Y=()=>p.useContext(U)??null,X=({children:o,defaultTheme:m="light",storageKey:s="app-theme"})=>{const[i,g]=p.useState(()=>{const a=localStorage.getItem(s);return a&&["light","dark","lossito","lossito-dark","dao","dao-dark","crt"].includes(a)?a:window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":m}),v=a=>{g(a),localStorage.setItem(s,a)},n=()=>{const a=["light","dark","lossito","lossito-dark","dao","dao-dark","crt"],w=(a.indexOf(i)+1)%a.length;v(a[w])};return p.useEffect(()=>{const a=document.documentElement;a.setAttribute("data-theme",i),i.includes("dark")?a.classList.add("dark"):a.classList.remove("dark")},[i]),p.useEffect(()=>{const a=window.matchMedia("(prefers-color-scheme: dark)"),d=w=>{localStorage.getItem(s)||g(w.matches?"dark":"light")};return a.addEventListener("change",d),()=>a.removeEventListener("change",d)},[s]),e.jsx(U.Provider,{value:{theme:i,setTheme:v,toggleTheme:n},children:o})};X.__docgenInfo={description:"",methods:[],displayName:"ThemeProvider",props:{children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},defaultTheme:{required:!1,tsType:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-dark'"},{name:"literal",value:"'crt'"}]},description:"",defaultValue:{value:"'light'",computed:!1}},storageKey:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'app-theme'",computed:!1}}}};const Z="_button_2917u_1",K="_iconWrapper_2917u_20",ee="_label_2917u_28",ae="_toggle_2917u_33",te="_toggleTrack_2917u_43",re="_toggleThumb_2917u_53",oe="_dropdown_2917u_65",se="_dropdownTrigger_2917u_69",ne="_dropdownMenu_2917u_87",le="_dropdownItem_2917u_106",ie="_active_2917u_124",de="_icon_2917u_20",ce="_text_2917u_144",r={button:Z,iconWrapper:K,label:ee,toggle:ae,toggleTrack:te,toggleThumb:re,dropdown:oe,dropdownTrigger:se,dropdownMenu:ne,dropdownItem:le,active:ie,icon:de,text:ce},h=({variant:o="button",showLabel:m=!1,className:s="",currentTheme:i,onThemeChange:g,themes:v})=>{const n=Y(),a=i??(n==null?void 0:n.theme)??"light",d=g??(n==null?void 0:n.setTheme)??(()=>{}),c=v??[{value:"light",label:"Light",icon:e.jsx(S,{})},{value:"dark",label:"Dark",icon:e.jsx(L,{})},{value:"lossito",label:"Lossito Light",icon:"✨"},{value:"lossito-dark",label:"Lossito Dark",icon:"🌑"},{value:"dao",label:"Dao Light",icon:"⬜"},{value:"dao-dark",label:"Dao Dark",icon:"⬛"}],j=c.findIndex(t=>t.value===a),u=c[j]??c[0];if(o==="toggle"){const t=a.includes("dark");return e.jsxs(l.button,{className:`${r.toggle} ${s}`,onClick:()=>d(t?"light":"dark"),whileTap:{scale:.95},"aria-label":"Toggle theme",children:[e.jsx(l.div,{className:r.toggleTrack,animate:{backgroundColor:t?"var(--color-primary)":"var(--color-border)"},children:e.jsx(l.div,{className:r.toggleThumb,animate:{x:t?24:0},transition:{type:"spring",stiffness:500,damping:30},children:t?e.jsx(L,{size:14}):e.jsx(S,{size:14})})}),m&&e.jsx("span",{className:r.label,children:t?"Dark":"Light"})]})}return o==="dropdown"?e.jsxs("div",{className:`${r.dropdown} ${s}`,children:[e.jsxs(l.button,{className:r.dropdownTrigger,whileTap:{scale:.98},children:[u.icon,m&&e.jsx("span",{className:r.label,children:u.label})]}),e.jsx(l.div,{className:r.dropdownMenu,initial:{opacity:0,y:-10},animate:{opacity:1,y:0},children:c.map(t=>e.jsxs(l.button,{className:`${r.dropdownItem} ${a===t.value?r.active:""}`,onClick:()=>d(t.value),whileHover:{x:4},whileTap:{scale:.98},children:[e.jsx("span",{className:r.icon,children:t.icon}),e.jsx("span",{className:r.text,children:t.label})]},t.value))})]}):e.jsxs(l.button,{className:`${r.button} ${s}`,onClick:()=>{const t=(j+1)%c.length;d(c[t].value)},whileTap:{scale:.95},whileHover:{scale:1.05},"aria-label":`Current theme: ${u.label}. Click to change.`,children:[e.jsx(l.div,{initial:{rotate:-180,opacity:0},animate:{rotate:0,opacity:1},exit:{rotate:180,opacity:0},transition:{duration:.3},className:r.iconWrapper,children:u.icon},a),m&&e.jsx("span",{className:r.label,children:u.label})]})};h.__docgenInfo={description:"",methods:[],displayName:"ThemeSwitcher",props:{variant:{required:!1,tsType:{name:"union",raw:"'button' | 'dropdown' | 'toggle'",elements:[{name:"literal",value:"'button'"},{name:"literal",value:"'dropdown'"},{name:"literal",value:"'toggle'"}]},description:"",defaultValue:{value:"'button'",computed:!1}},showLabel:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},currentTheme:{required:!1,tsType:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-dark'"},{name:"literal",value:"'crt'"}]},description:""},onThemeChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(theme: Theme) => void",signature:{arguments:[{type:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-dark'"},{name:"literal",value:"'crt'"}]},name:"theme"}],return:{name:"void"}}},description:""},themes:{required:!1,tsType:{name:"Array",elements:[{name:"ThemeOption"}],raw:"ThemeOption[]"},description:""}}};const me=({children:o})=>e.jsx(X,{defaultTheme:"light",children:o}),be={title:"Molecules/ThemeSwitcher",component:h,decorators:[o=>e.jsx(me,{children:e.jsx("div",{style:{padding:"2rem"},children:e.jsx(o,{})})})],parameters:{layout:"centered"},argTypes:{variant:{control:{type:"select"},options:["button","dropdown","toggle"]},showLabel:{control:{type:"boolean"}}}},b={args:{variant:"button",showLabel:!1}},x={args:{variant:"button",showLabel:!0}},f={args:{variant:"toggle",showLabel:!1}},T={args:{variant:"toggle",showLabel:!0}},k={args:{variant:"dropdown",showLabel:!1}},_={args:{variant:"dropdown",showLabel:!0}},y={render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"2rem",alignItems:"center"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Button Variant"}),e.jsx(h,{variant:"button",showLabel:!0})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Toggle Variant"}),e.jsx(h,{variant:"toggle",showLabel:!0})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Dropdown Variant"}),e.jsx(h,{variant:"dropdown",showLabel:!0})]})]})};var I,N,D;b.parameters={...b.parameters,docs:{...(I=b.parameters)==null?void 0:I.docs,source:{originalSource:`{
1
+ import{r as p,j as e}from"./iframe-B8pH-Lvr.js";import{m as l}from"./proxy-BA3VZtN5.js";import{M as L,S}from"./sun-DgDhCM_S.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D5hZdVGx.js";import"./createLucideIcon-BNUG5osq.js";const U=p.createContext(void 0),Y=()=>p.useContext(U)??null,X=({children:o,defaultTheme:m="light",storageKey:s="app-theme"})=>{const[i,g]=p.useState(()=>{const a=localStorage.getItem(s);return a&&["light","dark","lossito","lossito-dark","dao","dao-dark","crt"].includes(a)?a:window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":m}),v=a=>{g(a),localStorage.setItem(s,a)},n=()=>{const a=["light","dark","lossito","lossito-dark","dao","dao-dark","crt"],w=(a.indexOf(i)+1)%a.length;v(a[w])};return p.useEffect(()=>{const a=document.documentElement;a.setAttribute("data-theme",i),i.includes("dark")?a.classList.add("dark"):a.classList.remove("dark")},[i]),p.useEffect(()=>{const a=window.matchMedia("(prefers-color-scheme: dark)"),d=w=>{localStorage.getItem(s)||g(w.matches?"dark":"light")};return a.addEventListener("change",d),()=>a.removeEventListener("change",d)},[s]),e.jsx(U.Provider,{value:{theme:i,setTheme:v,toggleTheme:n},children:o})};X.__docgenInfo={description:"",methods:[],displayName:"ThemeProvider",props:{children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},defaultTheme:{required:!1,tsType:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-dark'"},{name:"literal",value:"'crt'"}]},description:"",defaultValue:{value:"'light'",computed:!1}},storageKey:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'app-theme'",computed:!1}}}};const Z="_button_2917u_1",K="_iconWrapper_2917u_20",ee="_label_2917u_28",ae="_toggle_2917u_33",te="_toggleTrack_2917u_43",re="_toggleThumb_2917u_53",oe="_dropdown_2917u_65",se="_dropdownTrigger_2917u_69",ne="_dropdownMenu_2917u_87",le="_dropdownItem_2917u_106",ie="_active_2917u_124",de="_icon_2917u_20",ce="_text_2917u_144",r={button:Z,iconWrapper:K,label:ee,toggle:ae,toggleTrack:te,toggleThumb:re,dropdown:oe,dropdownTrigger:se,dropdownMenu:ne,dropdownItem:le,active:ie,icon:de,text:ce},h=({variant:o="button",showLabel:m=!1,className:s="",currentTheme:i,onThemeChange:g,themes:v})=>{const n=Y(),a=i??(n==null?void 0:n.theme)??"light",d=g??(n==null?void 0:n.setTheme)??(()=>{}),c=v??[{value:"light",label:"Light",icon:e.jsx(S,{})},{value:"dark",label:"Dark",icon:e.jsx(L,{})},{value:"lossito",label:"Lossito Light",icon:"✨"},{value:"lossito-dark",label:"Lossito Dark",icon:"🌑"},{value:"dao",label:"Dao Light",icon:"⬜"},{value:"dao-dark",label:"Dao Dark",icon:"⬛"}],j=c.findIndex(t=>t.value===a),u=c[j]??c[0];if(o==="toggle"){const t=a.includes("dark");return e.jsxs(l.button,{className:`${r.toggle} ${s}`,onClick:()=>d(t?"light":"dark"),whileTap:{scale:.95},"aria-label":"Toggle theme",children:[e.jsx(l.div,{className:r.toggleTrack,animate:{backgroundColor:t?"var(--color-primary)":"var(--color-border)"},children:e.jsx(l.div,{className:r.toggleThumb,animate:{x:t?24:0},transition:{type:"spring",stiffness:500,damping:30},children:t?e.jsx(L,{size:14}):e.jsx(S,{size:14})})}),m&&e.jsx("span",{className:r.label,children:t?"Dark":"Light"})]})}return o==="dropdown"?e.jsxs("div",{className:`${r.dropdown} ${s}`,children:[e.jsxs(l.button,{className:r.dropdownTrigger,whileTap:{scale:.98},children:[u.icon,m&&e.jsx("span",{className:r.label,children:u.label})]}),e.jsx(l.div,{className:r.dropdownMenu,initial:{opacity:0,y:-10},animate:{opacity:1,y:0},children:c.map(t=>e.jsxs(l.button,{className:`${r.dropdownItem} ${a===t.value?r.active:""}`,onClick:()=>d(t.value),whileHover:{x:4},whileTap:{scale:.98},children:[e.jsx("span",{className:r.icon,children:t.icon}),e.jsx("span",{className:r.text,children:t.label})]},t.value))})]}):e.jsxs(l.button,{className:`${r.button} ${s}`,onClick:()=>{const t=(j+1)%c.length;d(c[t].value)},whileTap:{scale:.95},whileHover:{scale:1.05},"aria-label":`Current theme: ${u.label}. Click to change.`,children:[e.jsx(l.div,{initial:{rotate:-180,opacity:0},animate:{rotate:0,opacity:1},exit:{rotate:180,opacity:0},transition:{duration:.3},className:r.iconWrapper,children:u.icon},a),m&&e.jsx("span",{className:r.label,children:u.label})]})};h.__docgenInfo={description:"",methods:[],displayName:"ThemeSwitcher",props:{variant:{required:!1,tsType:{name:"union",raw:"'button' | 'dropdown' | 'toggle'",elements:[{name:"literal",value:"'button'"},{name:"literal",value:"'dropdown'"},{name:"literal",value:"'toggle'"}]},description:"",defaultValue:{value:"'button'",computed:!1}},showLabel:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},currentTheme:{required:!1,tsType:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-dark'"},{name:"literal",value:"'crt'"}]},description:""},onThemeChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(theme: Theme) => void",signature:{arguments:[{type:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-dark'"},{name:"literal",value:"'crt'"}]},name:"theme"}],return:{name:"void"}}},description:""},themes:{required:!1,tsType:{name:"Array",elements:[{name:"ThemeOption"}],raw:"ThemeOption[]"},description:""}}};const me=({children:o})=>e.jsx(X,{defaultTheme:"light",children:o}),be={title:"Molecules/ThemeSwitcher",component:h,decorators:[o=>e.jsx(me,{children:e.jsx("div",{style:{padding:"2rem"},children:e.jsx(o,{})})})],parameters:{layout:"centered"},argTypes:{variant:{control:{type:"select"},options:["button","dropdown","toggle"]},showLabel:{control:{type:"boolean"}}}},b={args:{variant:"button",showLabel:!1}},x={args:{variant:"button",showLabel:!0}},f={args:{variant:"toggle",showLabel:!1}},T={args:{variant:"toggle",showLabel:!0}},k={args:{variant:"dropdown",showLabel:!1}},_={args:{variant:"dropdown",showLabel:!0}},y={render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"2rem",alignItems:"center"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Button Variant"}),e.jsx(h,{variant:"button",showLabel:!0})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Toggle Variant"}),e.jsx(h,{variant:"toggle",showLabel:!0})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Dropdown Variant"}),e.jsx(h,{variant:"dropdown",showLabel:!0})]})]})};var I,N,D;b.parameters={...b.parameters,docs:{...(I=b.parameters)==null?void 0:I.docs,source:{originalSource:`{
2
2
  args: {
3
3
  variant: 'button',
4
4
  showLabel: false
@@ -1,4 +1,4 @@
1
- import{r as d,j as z}from"./iframe-LZvJb0BS.js";import{R as F,P as D,M as T}from"./Mesh-CwXV3WjE.js";import{T as q}from"./Triangle-64ffRKNB.js";import{C as P}from"./Color-YRkaOI4u.js";import"./preload-helper-C1FmrZbK.js";const I={"threads-container":"_threads-container_1ao30_1"},S=`
1
+ import{r as d,j as z}from"./iframe-B8pH-Lvr.js";import{R as F,P as D,M as T}from"./Mesh-CwXV3WjE.js";import{T as q}from"./Triangle-64ffRKNB.js";import{C as P}from"./Color-YRkaOI4u.js";import"./preload-helper-C1FmrZbK.js";const I={"threads-container":"_threads-container_1ao30_1"},S=`
2
2
  attribute vec2 position;
3
3
  attribute vec2 uv;
4
4
  varying vec2 vUv;
@@ -1,4 +1,4 @@
1
- import{r as S,j as e}from"./iframe-LZvJb0BS.js";import{X as ae}from"./x-C7Ulr4p2.js";import{c as ne}from"./createLucideIcon-yjHXhSOm.js";import"./preload-helper-C1FmrZbK.js";/**
1
+ import{r as S,j as e}from"./iframe-B8pH-Lvr.js";import{X as ae}from"./x-BC8LCdn9.js";import{c as ne}from"./createLucideIcon-BNUG5osq.js";import"./preload-helper-C1FmrZbK.js";/**
2
2
  * @license lucide-react v0.539.0 - ISC
3
3
  *
4
4
  * This source code is licensed under the ISC license.
@@ -1,4 +1,4 @@
1
- import{r as p,j as i}from"./iframe-LZvJb0BS.js";import{u as w}from"./useSound-Dc8S51xy.js";import{m as a}from"./proxy-94dt0K2Y.js";const x="_toggleContainer_y5eyt_1",L="_toggleButton_y5eyt_11",_="_active_y5eyt_27",l={toggleContainer:x,toggleButton:L,active:_};function C(f){const{isOn:e,onToggle:r,leftLabel:m,rightLabel:u,leftIcon:d,rightIcon:h,className:T,style:b,soundConfig:t,enableCelebration:g=!1}=f,y=p.useRef(null),v=p.useRef(null),{handlers:o,playSound:n}=w({...t,onClick:(t==null?void 0:t.onClick)??"toggle",onHover:(t==null?void 0:t.onHover)??"hover"}),c={display:"flex",alignItems:"center",justifyContent:"center",...b};return i.jsxs("div",{className:`${l.toggleContainer} ${T||""}`,children:[i.jsxs(a.button,{ref:y,className:`${l.toggleButton} ${e?"":l.active}`,whileHover:{scale:1.05},whileTap:{scale:.95},transition:{type:"spring",stiffness:400,damping:17},onClick:()=>{n(e?"toggle":g?"success":"click"),r(!1)},onMouseEnter:()=>{var s;return(s=o.onMouseEnter)==null?void 0:s.call(o)},style:c,children:[i.jsx(a.div,{animate:{scale:e?1:1.1,rotate:e?0:[0,-5,5,0]},transition:{duration:.3},children:d}),m]}),i.jsxs(a.button,{ref:v,className:`${l.toggleButton} ${e?l.active:""}`,whileHover:{scale:1.05},whileTap:{scale:.95},transition:{type:"spring",stiffness:400,damping:17},onClick:()=>{n(e?g?"success":"click":"success"),r(!0)},onMouseEnter:()=>{var s;return(s=o.onMouseEnter)==null?void 0:s.call(o)},style:c,children:[i.jsx(a.div,{animate:{scale:e?1.1:1,rotate:e?[0,5,-5,0]:0},transition:{duration:.3},children:h}),u]})]})}C.__docgenInfo={description:`Toggle Component
1
+ import{r as p,j as i}from"./iframe-B8pH-Lvr.js";import{u as w}from"./useSound-Bk2W5gkV.js";import{m as a}from"./proxy-BA3VZtN5.js";const x="_toggleContainer_y5eyt_1",L="_toggleButton_y5eyt_11",_="_active_y5eyt_27",l={toggleContainer:x,toggleButton:L,active:_};function C(f){const{isOn:e,onToggle:r,leftLabel:m,rightLabel:u,leftIcon:d,rightIcon:h,className:T,style:b,soundConfig:t,enableCelebration:g=!1}=f,y=p.useRef(null),v=p.useRef(null),{handlers:o,playSound:n}=w({...t,onClick:(t==null?void 0:t.onClick)??"toggle",onHover:(t==null?void 0:t.onHover)??"hover"}),c={display:"flex",alignItems:"center",justifyContent:"center",...b};return i.jsxs("div",{className:`${l.toggleContainer} ${T||""}`,children:[i.jsxs(a.button,{ref:y,className:`${l.toggleButton} ${e?"":l.active}`,whileHover:{scale:1.05},whileTap:{scale:.95},transition:{type:"spring",stiffness:400,damping:17},onClick:()=>{n(e?"toggle":g?"success":"click"),r(!1)},onMouseEnter:()=>{var s;return(s=o.onMouseEnter)==null?void 0:s.call(o)},style:c,children:[i.jsx(a.div,{animate:{scale:e?1:1.1,rotate:e?0:[0,-5,5,0]},transition:{duration:.3},children:d}),m]}),i.jsxs(a.button,{ref:v,className:`${l.toggleButton} ${e?l.active:""}`,whileHover:{scale:1.05},whileTap:{scale:.95},transition:{type:"spring",stiffness:400,damping:17},onClick:()=>{n(e?g?"success":"click":"success"),r(!0)},onMouseEnter:()=>{var s;return(s=o.onMouseEnter)==null?void 0:s.call(o)},style:c,children:[i.jsx(a.div,{animate:{scale:e?1.1:1,rotate:e?[0,5,-5,0]:0},transition:{duration:.3},children:h}),u]})]})}C.__docgenInfo={description:`Toggle Component
2
2
 
3
3
  @component
4
4
  @description
@@ -1,4 +1,4 @@
1
- import{j as e,r as h}from"./iframe-LZvJb0BS.js";import{T as a}from"./Toggle-DwTHl9Fm.js";import{S as o,M as r}from"./sun-s1P_-p6e.js";import{c as J}from"./createLucideIcon-yjHXhSOm.js";import{L as F}from"./layout-grid-Dyvnjtf9.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Dc8S51xy.js";import"./proxy-94dt0K2Y.js";import"./MotionConfigContext-D_4LMwJ5.js";/**
1
+ import{j as e,r as h}from"./iframe-B8pH-Lvr.js";import{T as a}from"./Toggle-BntWdyUe.js";import{S as o,M as r}from"./sun-DgDhCM_S.js";import{c as J}from"./createLucideIcon-BNUG5osq.js";import{L as F}from"./layout-grid-TssXYNzv.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Bk2W5gkV.js";import"./proxy-BA3VZtN5.js";import"./MotionConfigContext-D5hZdVGx.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{j as a}from"./iframe-LZvJb0BS.js";import{u as S}from"./useSound-Dc8S51xy.js";import{m as i}from"./proxy-94dt0K2Y.js";import{A as c}from"./index-vc18hLoj.js";const q="_button_1ddez_1",A="_background_1ddez_33",N="_content_1ddez_49",V="_iconWrapper_1ddez_58",B="_icon_1ddez_58",R="_label_1ddez_75",W="_hideMobile_1ddez_81",P="_checkmark_1ddez_86",L="_ripple_1ddez_101",M="_small_1ddez_119",I="_large_1ddez_133",$="_active_1ddez_148",D="_outlined_1ddez_154",E="_filled_1ddez_168",F="_ghost_1ddez_179",Y="_active-primary_1ddez_196",H="_active-secondary_1ddez_202",J="_active-success_1ddez_208",O="_active-danger_1ddez_214",X="_active-warning_1ddez_220",G="_animation-scale_1ddez_258",K="_scaleAnimation_1ddez_1",Q="_animation-rotate_1ddez_262",U="_rotateAnimation_1ddez_1",Z="_animation-flip_1ddez_266",ee="_flipAnimation_1ddez_1",ae="_disabled_1ddez_298",e={button:q,background:A,content:N,iconWrapper:V,icon:B,label:R,hideMobile:W,checkmark:P,ripple:L,small:M,large:I,default:"_default_1ddez_148",active:$,outlined:D,filled:E,ghost:F,"active-primary":"_active-primary_1ddez_196",activePrimary:Y,"active-secondary":"_active-secondary_1ddez_202",activeSecondary:H,"active-success":"_active-success_1ddez_208",activeSuccess:J,"active-danger":"_active-danger_1ddez_214",activeDanger:O,"active-warning":"_active-warning_1ddez_220",activeWarning:X,"animation-scale":"_animation-scale_1ddez_258",animationScale:G,scaleAnimation:K,"animation-rotate":"_animation-rotate_1ddez_262",animationRotate:Q,rotateAnimation:U,"animation-flip":"_animation-flip_1ddez_266",animationFlip:Z,flipAnimation:ee,disabled:ae},te=({active:t,onClick:d,icon:o,label:l,disabled:s=!1,size:m="medium",variant:u="default",activeColor:p="primary",showCheckmark:_=!1,animation:r="scale",className:v="",style:f={},color:n,tooltip:g,hideLabelOnMobile:h=!1,soundConfig:y})=>{const{handlers:b,playSound:z}=S(y),k=[e.button,e[m],e[u],t&&e.active,t&&e[`active-${p}`],s&&e.disabled,r!=="none"&&e[`animation-${r}`],v].filter(Boolean).join(" "),T=[e.label,h&&e.hideMobile].filter(Boolean).join(" "),w={scale:{inactive:{scale:1},active:{scale:[1,1.2,1]}},rotate:{inactive:{rotate:0},active:{rotate:360}},flip:{inactive:{rotateY:0},active:{rotateY:180}},none:{inactive:{},active:{}}},C={hidden:{scale:0,opacity:0,rotate:-90},visible:{scale:1,opacity:1,rotate:0,transition:{type:"spring",stiffness:500,damping:25}}},x={inactive:{scale:0,opacity:0},active:{scale:1,opacity:1,transition:{type:"spring",stiffness:400,damping:20}}},j={...f,...n&&{"--toggle-color":n,"--toggle-border-color":t?n:`${n}40`,"--toggle-bg-color":t?`${n}20`:"transparent"}};return a.jsxs(i.button,{className:k,style:j,onClick:()=>{z("toggle"),d()},disabled:s,whileHover:s?void 0:{scale:1.05},whileTap:s?void 0:{scale:.95},title:g,"aria-pressed":t,"aria-label":l,...b,children:[a.jsx(i.div,{className:e.background,variants:x,initial:"inactive",animate:t?"active":"inactive"}),a.jsxs("div",{className:e.content,children:[o&&a.jsx(i.div,{className:e.iconWrapper,variants:w[r],initial:"inactive",animate:t?"active":"inactive",transition:{duration:.3},children:typeof o=="string"?a.jsx("span",{className:e.icon,children:o}):a.jsx("div",{className:e.icon,children:o})}),l&&a.jsx("span",{className:T,children:l}),a.jsx(c,{children:_&&t&&a.jsx(i.div,{className:e.checkmark,variants:C,initial:"hidden",animate:"visible",exit:"hidden",children:a.jsx("svg",{viewBox:"0 0 24 24",fill:"none",children:a.jsx("path",{d:"M20 6L9 17L4 12",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})})})})]}),a.jsx(c,{children:t&&a.jsx(i.div,{className:e.ripple,initial:{scale:0,opacity:.5},animate:{scale:2,opacity:0},exit:{scale:0,opacity:0},transition:{duration:.6}})})]})};te.__docgenInfo={description:`ToggleButton Component
1
+ import{j as a}from"./iframe-B8pH-Lvr.js";import{u as S}from"./useSound-Bk2W5gkV.js";import{m as i}from"./proxy-BA3VZtN5.js";import{A as c}from"./index-DBfrIdYd.js";const q="_button_1ddez_1",A="_background_1ddez_33",N="_content_1ddez_49",V="_iconWrapper_1ddez_58",B="_icon_1ddez_58",R="_label_1ddez_75",W="_hideMobile_1ddez_81",P="_checkmark_1ddez_86",L="_ripple_1ddez_101",M="_small_1ddez_119",I="_large_1ddez_133",$="_active_1ddez_148",D="_outlined_1ddez_154",E="_filled_1ddez_168",F="_ghost_1ddez_179",Y="_active-primary_1ddez_196",H="_active-secondary_1ddez_202",J="_active-success_1ddez_208",O="_active-danger_1ddez_214",X="_active-warning_1ddez_220",G="_animation-scale_1ddez_258",K="_scaleAnimation_1ddez_1",Q="_animation-rotate_1ddez_262",U="_rotateAnimation_1ddez_1",Z="_animation-flip_1ddez_266",ee="_flipAnimation_1ddez_1",ae="_disabled_1ddez_298",e={button:q,background:A,content:N,iconWrapper:V,icon:B,label:R,hideMobile:W,checkmark:P,ripple:L,small:M,large:I,default:"_default_1ddez_148",active:$,outlined:D,filled:E,ghost:F,"active-primary":"_active-primary_1ddez_196",activePrimary:Y,"active-secondary":"_active-secondary_1ddez_202",activeSecondary:H,"active-success":"_active-success_1ddez_208",activeSuccess:J,"active-danger":"_active-danger_1ddez_214",activeDanger:O,"active-warning":"_active-warning_1ddez_220",activeWarning:X,"animation-scale":"_animation-scale_1ddez_258",animationScale:G,scaleAnimation:K,"animation-rotate":"_animation-rotate_1ddez_262",animationRotate:Q,rotateAnimation:U,"animation-flip":"_animation-flip_1ddez_266",animationFlip:Z,flipAnimation:ee,disabled:ae},te=({active:t,onClick:d,icon:o,label:l,disabled:s=!1,size:m="medium",variant:u="default",activeColor:p="primary",showCheckmark:_=!1,animation:r="scale",className:v="",style:f={},color:n,tooltip:g,hideLabelOnMobile:h=!1,soundConfig:y})=>{const{handlers:b,playSound:z}=S(y),k=[e.button,e[m],e[u],t&&e.active,t&&e[`active-${p}`],s&&e.disabled,r!=="none"&&e[`animation-${r}`],v].filter(Boolean).join(" "),T=[e.label,h&&e.hideMobile].filter(Boolean).join(" "),w={scale:{inactive:{scale:1},active:{scale:[1,1.2,1]}},rotate:{inactive:{rotate:0},active:{rotate:360}},flip:{inactive:{rotateY:0},active:{rotateY:180}},none:{inactive:{},active:{}}},C={hidden:{scale:0,opacity:0,rotate:-90},visible:{scale:1,opacity:1,rotate:0,transition:{type:"spring",stiffness:500,damping:25}}},x={inactive:{scale:0,opacity:0},active:{scale:1,opacity:1,transition:{type:"spring",stiffness:400,damping:20}}},j={...f,...n&&{"--toggle-color":n,"--toggle-border-color":t?n:`${n}40`,"--toggle-bg-color":t?`${n}20`:"transparent"}};return a.jsxs(i.button,{className:k,style:j,onClick:()=>{z("toggle"),d()},disabled:s,whileHover:s?void 0:{scale:1.05},whileTap:s?void 0:{scale:.95},title:g,"aria-pressed":t,"aria-label":l,...b,children:[a.jsx(i.div,{className:e.background,variants:x,initial:"inactive",animate:t?"active":"inactive"}),a.jsxs("div",{className:e.content,children:[o&&a.jsx(i.div,{className:e.iconWrapper,variants:w[r],initial:"inactive",animate:t?"active":"inactive",transition:{duration:.3},children:typeof o=="string"?a.jsx("span",{className:e.icon,children:o}):a.jsx("div",{className:e.icon,children:o})}),l&&a.jsx("span",{className:T,children:l}),a.jsx(c,{children:_&&t&&a.jsx(i.div,{className:e.checkmark,variants:C,initial:"hidden",animate:"visible",exit:"hidden",children:a.jsx("svg",{viewBox:"0 0 24 24",fill:"none",children:a.jsx("path",{d:"M20 6L9 17L4 12",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})})})})]}),a.jsx(c,{children:t&&a.jsx(i.div,{className:e.ripple,initial:{scale:0,opacity:.5},animate:{scale:2,opacity:0},exit:{scale:0,opacity:0},transition:{duration:.6}})})]})};te.__docgenInfo={description:`ToggleButton Component
2
2
 
3
3
  @component
4
4
  @description
@@ -1,4 +1,4 @@
1
- import{j as e,r as o}from"./iframe-LZvJb0BS.js";import{T as a}from"./ToggleButton-s2aFLlgS.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Dc8S51xy.js";import"./proxy-94dt0K2Y.js";import"./MotionConfigContext-D_4LMwJ5.js";import"./index-vc18hLoj.js";const ue={title:"Atoms/ToggleButton",component:a,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{active:{control:"boolean",description:"Whether the button is active/selected"},onClick:{action:"clicked",description:"Click handler"},icon:{control:"text",description:"Icon or emoji to display"},label:{control:"text",description:"Label text"},disabled:{control:"boolean",description:"Whether the button is disabled"},size:{control:{type:"select"},options:["small","medium","large"],description:"Size variant"},variant:{control:{type:"select"},options:["default","outlined","filled","ghost"],description:"Visual variant"},activeColor:{control:{type:"select"},options:["primary","secondary","success","danger","warning"],description:"Color when active"},color:{control:"color",description:"Custom color for border/background when active"},showCheckmark:{control:"boolean",description:"Show a checkmark when active"},animation:{control:{type:"select"},options:["scale","rotate","flip","none"],description:"Animation type for state change"},tooltip:{control:"text",description:"Tooltip text"},hideLabelOnMobile:{control:"boolean",description:"Whether to hide the label on mobile"}}},w=t=>{const[l,s]=o.useState(t.active||!1);return e.jsx(a,{...t,active:l,onClick:()=>{var n;s(!l),(n=t.onClick)==null||n.call(t)}})},p={render:t=>e.jsx(w,{...t}),args:{active:!1,icon:"🦷",label:"Teeth"}},g={render:t=>e.jsx(w,{...t}),args:{active:!1,icon:"✅",label:"Complete",showCheckmark:!0}},v={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🐁",label:"Small",size:"small"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🐕",label:"Medium",size:"medium"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🐘",label:"Large",size:"large"})]})}},f={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🎨",label:"Default",variant:"default"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"📝",label:"Outlined",variant:"outlined"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🎯",label:"Filled",variant:"filled"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"👻",label:"Ghost",variant:"ghost"})]})}},C={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1),[u,m]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"💜",label:"Primary",activeColor:"primary"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"💚",label:"Secondary",activeColor:"secondary"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"✅",label:"Success",activeColor:"success"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"⚠️",label:"Danger",activeColor:"danger"}),e.jsx(a,{active:u,onClick:()=>m(!u),icon:"🔔",label:"Warning",activeColor:"warning"})]})}},k={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🎈",label:"Scale",animation:"scale"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🌀",label:"Rotate",animation:"rotate"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🔄",label:"Flip",animation:"flip"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"⏸️",label:"None",animation:"none"})]})}},S={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1),[u,m]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",flexWrap:"wrap",gap:"12px",maxWidth:"600px"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"😢",label:"Sad",color:"#3b82f6"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"😕",label:"Meh",color:"#8b5cf6"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"😐",label:"Neutral",color:"#6b7280"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"🙂",label:"Good",color:"#10b981"}),e.jsx(a,{active:u,onClick:()=>m(!u),icon:"😁",label:"Great",color:"#f59e0b"})]})}},x={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1),[u,m]=o.useState(!1);return e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(120px, 1fr))",gap:"12px",maxWidth:"400px"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🦷",label:"Teeth",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🚿",label:"Shower",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🧘",label:"Meditate",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"💊",label:"Vitamins",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:u,onClick:()=>m(!u),icon:"💪",label:"Exercise",variant:"outlined",activeColor:"success",showCheckmark:!0})]})}},h={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"12px"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"❤️",tooltip:"Add to favorites",activeColor:"danger",animation:"scale"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🔖",tooltip:"Bookmark",activeColor:"primary",animation:"flip"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🔔",tooltip:"Enable notifications",activeColor:"warning",animation:"rotate"})]})}},b={render:t=>e.jsx(w,{...t}),args:{active:!0,icon:"🔒",label:"Disabled",disabled:!0}},y={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🎨",label:"Primary",variant:"outlined",activeColor:"primary",showCheckmark:!0}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🎭",label:"Secondary",variant:"outlined",activeColor:"secondary",showCheckmark:!0}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"✨",label:"Success",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"🚨",label:"Danger",variant:"outlined",activeColor:"danger",showCheckmark:!0})]})}};var T,j,B;p.parameters={...p.parameters,docs:{...(T=p.parameters)==null?void 0:T.docs,source:{originalSource:`{
1
+ import{j as e,r as o}from"./iframe-B8pH-Lvr.js";import{T as a}from"./ToggleButton-BQqJdlB_.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Bk2W5gkV.js";import"./proxy-BA3VZtN5.js";import"./MotionConfigContext-D5hZdVGx.js";import"./index-DBfrIdYd.js";const ue={title:"Atoms/ToggleButton",component:a,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{active:{control:"boolean",description:"Whether the button is active/selected"},onClick:{action:"clicked",description:"Click handler"},icon:{control:"text",description:"Icon or emoji to display"},label:{control:"text",description:"Label text"},disabled:{control:"boolean",description:"Whether the button is disabled"},size:{control:{type:"select"},options:["small","medium","large"],description:"Size variant"},variant:{control:{type:"select"},options:["default","outlined","filled","ghost"],description:"Visual variant"},activeColor:{control:{type:"select"},options:["primary","secondary","success","danger","warning"],description:"Color when active"},color:{control:"color",description:"Custom color for border/background when active"},showCheckmark:{control:"boolean",description:"Show a checkmark when active"},animation:{control:{type:"select"},options:["scale","rotate","flip","none"],description:"Animation type for state change"},tooltip:{control:"text",description:"Tooltip text"},hideLabelOnMobile:{control:"boolean",description:"Whether to hide the label on mobile"}}},w=t=>{const[l,s]=o.useState(t.active||!1);return e.jsx(a,{...t,active:l,onClick:()=>{var n;s(!l),(n=t.onClick)==null||n.call(t)}})},p={render:t=>e.jsx(w,{...t}),args:{active:!1,icon:"🦷",label:"Teeth"}},g={render:t=>e.jsx(w,{...t}),args:{active:!1,icon:"✅",label:"Complete",showCheckmark:!0}},v={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🐁",label:"Small",size:"small"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🐕",label:"Medium",size:"medium"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🐘",label:"Large",size:"large"})]})}},f={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🎨",label:"Default",variant:"default"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"📝",label:"Outlined",variant:"outlined"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🎯",label:"Filled",variant:"filled"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"👻",label:"Ghost",variant:"ghost"})]})}},C={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1),[u,m]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"💜",label:"Primary",activeColor:"primary"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"💚",label:"Secondary",activeColor:"secondary"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"✅",label:"Success",activeColor:"success"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"⚠️",label:"Danger",activeColor:"danger"}),e.jsx(a,{active:u,onClick:()=>m(!u),icon:"🔔",label:"Warning",activeColor:"warning"})]})}},k={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🎈",label:"Scale",animation:"scale"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🌀",label:"Rotate",animation:"rotate"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🔄",label:"Flip",animation:"flip"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"⏸️",label:"None",animation:"none"})]})}},S={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1),[u,m]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",flexWrap:"wrap",gap:"12px",maxWidth:"600px"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"😢",label:"Sad",color:"#3b82f6"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"😕",label:"Meh",color:"#8b5cf6"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"😐",label:"Neutral",color:"#6b7280"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"🙂",label:"Good",color:"#10b981"}),e.jsx(a,{active:u,onClick:()=>m(!u),icon:"😁",label:"Great",color:"#f59e0b"})]})}},x={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1),[u,m]=o.useState(!1);return e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(120px, 1fr))",gap:"12px",maxWidth:"400px"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🦷",label:"Teeth",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🚿",label:"Shower",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🧘",label:"Meditate",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"💊",label:"Vitamins",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:u,onClick:()=>m(!u),icon:"💪",label:"Exercise",variant:"outlined",activeColor:"success",showCheckmark:!0})]})}},h={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"12px"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"❤️",tooltip:"Add to favorites",activeColor:"danger",animation:"scale"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🔖",tooltip:"Bookmark",activeColor:"primary",animation:"flip"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🔔",tooltip:"Enable notifications",activeColor:"warning",animation:"rotate"})]})}},b={render:t=>e.jsx(w,{...t}),args:{active:!0,icon:"🔒",label:"Disabled",disabled:!0}},y={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🎨",label:"Primary",variant:"outlined",activeColor:"primary",showCheckmark:!0}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🎭",label:"Secondary",variant:"outlined",activeColor:"secondary",showCheckmark:!0}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"✨",label:"Success",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"🚨",label:"Danger",variant:"outlined",activeColor:"danger",showCheckmark:!0})]})}};var T,j,B;p.parameters={...p.parameters,docs:{...(T=p.parameters)==null?void 0:T.docs,source:{originalSource:`{
2
2
  render: args => <ToggleButtonWrapper {...args} />,
3
3
  args: {
4
4
  active: false,
@@ -1,4 +1,4 @@
1
- import{r as a,j as n}from"./iframe-LZvJb0BS.js";import{m as T}from"./proxy-94dt0K2Y.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.js";const V="_active_ngfrk_24",C="_corner_ngfrk_37",e={"focus-container":"_focus-container_ngfrk_1","focus-word":"_focus-word_ngfrk_12",active:V,"focus-frame":"_focus-frame_ngfrk_28",corner:C,"top-left":"_top-left_ngfrk_47","top-right":"_top-right_ngfrk_54","bottom-left":"_bottom-left_ngfrk_61","bottom-right":"_bottom-right_ngfrk_68"},$=({sentence:R="True Focus",separator:y=" ",manualMode:s=!1,blurAmount:g=5,borderColor:_="green",glowColor:h="rgba(0, 255, 0, 0.6)",animationDuration:u=.5,pauseBetweenAnimations:v=1})=>{const l=R.split(y),[o,i]=a.useState(0),[j,k]=a.useState(null),d=a.useRef(null),p=a.useRef([]),[c,q]=a.useState({x:0,y:0,width:0,height:0});a.useEffect(()=>{if(!s){const r=setInterval(()=>{i(t=>(t+1)%l.length)},(u+v)*1e3);return()=>clearInterval(r)}},[s,u,v,l.length]),a.useEffect(()=>{if(o===null||o===-1||!p.current[o]||!d.current)return;const r=d.current.getBoundingClientRect(),t=p.current[o].getBoundingClientRect();q({x:t.left-r.left,y:t.top-r.top,width:t.width,height:t.height})},[o,l.length]);const A=r=>{s&&(k(r),i(r))},F=()=>{s&&i(j)};return n.jsxs("div",{className:`${e["focus-container"]}`,ref:d,children:[l.map((r,t)=>{const m=t===o;return n.jsx("span",{ref:N=>p.current[t]=N,className:`${e["focus-word"]} ${s?"manual":""} ${m&&!s?e.active:""}`,style:{filter:s?m?"blur(0px)":`blur(${g}px)`:m?"blur(0px)":`blur(${g}px)`,"--border-color":_,"--glow-color":h,transition:`filter ${u}s ease`},onMouseEnter:()=>A(t),onMouseLeave:F,children:r},t)}),n.jsxs(T.div,{className:`${e["focus-frame"]}`,animate:{x:c.x,y:c.y,width:c.width,height:c.height,opacity:o>=0?1:0},transition:{duration:u},style:{"--border-color":_,"--glow-color":h},children:[n.jsx("span",{className:`${e.corner} ${e["top-left"]}`}),n.jsx("span",{className:`${e.corner} ${e["top-right"]}`}),n.jsx("span",{className:`${e.corner} ${e["bottom-left"]}`}),n.jsx("span",{className:`${e.corner} ${e["bottom-right"]}`})]})]})};$.__docgenInfo={description:"",methods:[],displayName:"TrueFocus",props:{sentence:{defaultValue:{value:"'True Focus'",computed:!1},required:!1},separator:{defaultValue:{value:"' '",computed:!1},required:!1},manualMode:{defaultValue:{value:"false",computed:!1},required:!1},blurAmount:{defaultValue:{value:"5",computed:!1},required:!1},borderColor:{defaultValue:{value:"'green'",computed:!1},required:!1},glowColor:{defaultValue:{value:"'rgba(0, 255, 0, 0.6)'",computed:!1},required:!1},animationDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},pauseBetweenAnimations:{defaultValue:{value:"1",computed:!1},required:!1}}};const L={title:"ReactBits/TextAnimations/TrueFocus",component:$,parameters:{layout:"fullscreen"},tags:["autodocs"]},f={args:{sentence:"True Focus",separator:" ",manualMode:!1,blurAmount:5,borderColor:"green",glowColor:"rgba(0, 255, 0, 0.6)",animationDuration:.5,pauseBetweenAnimations:1}};var x,b,w;f.parameters={...f.parameters,docs:{...(x=f.parameters)==null?void 0:x.docs,source:{originalSource:`{
1
+ import{r as a,j as n}from"./iframe-B8pH-Lvr.js";import{m as T}from"./proxy-BA3VZtN5.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D5hZdVGx.js";const V="_active_ngfrk_24",C="_corner_ngfrk_37",e={"focus-container":"_focus-container_ngfrk_1","focus-word":"_focus-word_ngfrk_12",active:V,"focus-frame":"_focus-frame_ngfrk_28",corner:C,"top-left":"_top-left_ngfrk_47","top-right":"_top-right_ngfrk_54","bottom-left":"_bottom-left_ngfrk_61","bottom-right":"_bottom-right_ngfrk_68"},$=({sentence:R="True Focus",separator:y=" ",manualMode:s=!1,blurAmount:g=5,borderColor:_="green",glowColor:h="rgba(0, 255, 0, 0.6)",animationDuration:u=.5,pauseBetweenAnimations:v=1})=>{const l=R.split(y),[o,i]=a.useState(0),[j,k]=a.useState(null),d=a.useRef(null),p=a.useRef([]),[c,q]=a.useState({x:0,y:0,width:0,height:0});a.useEffect(()=>{if(!s){const r=setInterval(()=>{i(t=>(t+1)%l.length)},(u+v)*1e3);return()=>clearInterval(r)}},[s,u,v,l.length]),a.useEffect(()=>{if(o===null||o===-1||!p.current[o]||!d.current)return;const r=d.current.getBoundingClientRect(),t=p.current[o].getBoundingClientRect();q({x:t.left-r.left,y:t.top-r.top,width:t.width,height:t.height})},[o,l.length]);const A=r=>{s&&(k(r),i(r))},F=()=>{s&&i(j)};return n.jsxs("div",{className:`${e["focus-container"]}`,ref:d,children:[l.map((r,t)=>{const m=t===o;return n.jsx("span",{ref:N=>p.current[t]=N,className:`${e["focus-word"]} ${s?"manual":""} ${m&&!s?e.active:""}`,style:{filter:s?m?"blur(0px)":`blur(${g}px)`:m?"blur(0px)":`blur(${g}px)`,"--border-color":_,"--glow-color":h,transition:`filter ${u}s ease`},onMouseEnter:()=>A(t),onMouseLeave:F,children:r},t)}),n.jsxs(T.div,{className:`${e["focus-frame"]}`,animate:{x:c.x,y:c.y,width:c.width,height:c.height,opacity:o>=0?1:0},transition:{duration:u},style:{"--border-color":_,"--glow-color":h},children:[n.jsx("span",{className:`${e.corner} ${e["top-left"]}`}),n.jsx("span",{className:`${e.corner} ${e["top-right"]}`}),n.jsx("span",{className:`${e.corner} ${e["bottom-left"]}`}),n.jsx("span",{className:`${e.corner} ${e["bottom-right"]}`})]})]})};$.__docgenInfo={description:"",methods:[],displayName:"TrueFocus",props:{sentence:{defaultValue:{value:"'True Focus'",computed:!1},required:!1},separator:{defaultValue:{value:"' '",computed:!1},required:!1},manualMode:{defaultValue:{value:"false",computed:!1},required:!1},blurAmount:{defaultValue:{value:"5",computed:!1},required:!1},borderColor:{defaultValue:{value:"'green'",computed:!1},required:!1},glowColor:{defaultValue:{value:"'rgba(0, 255, 0, 0.6)'",computed:!1},required:!1},animationDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},pauseBetweenAnimations:{defaultValue:{value:"1",computed:!1},required:!1}}};const L={title:"ReactBits/TextAnimations/TrueFocus",component:$,parameters:{layout:"fullscreen"},tags:["autodocs"]},f={args:{sentence:"True Focus",separator:" ",manualMode:!1,blurAmount:5,borderColor:"green",glowColor:"rgba(0, 255, 0, 0.6)",animationDuration:.5,pauseBetweenAnimations:1}};var x,b,w;f.parameters={...f.parameters,docs:{...(x=f.parameters)==null?void 0:x.docs,source:{originalSource:`{
2
2
  args: {
3
3
  sentence: 'True Focus',
4
4
  separator: ' ',
@@ -1,4 +1,4 @@
1
- import{r as l,j as m}from"./iframe-LZvJb0BS.js";import{m as T}from"./proxy-94dt0K2Y.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.js";const E={"variable-proximity":"_variable-proximity_14yrm_3","sr-only":"_sr-only_14yrm_7"};function W(e){l.useEffect(()=>{let r;const c=()=>{e(),r=requestAnimationFrame(c)};return r=requestAnimationFrame(c),()=>cancelAnimationFrame(r)},[e])}function O(e){const r=l.useRef({x:0,y:0});return l.useEffect(()=>{const c=(n,a)=>{if(e!=null&&e.current){const y=e.current.getBoundingClientRect();r.current={x:n-y.left,y:a-y.top}}else r.current={x:n,y:a}},p=n=>c(n.clientX,n.clientY),d=n=>{const a=n.touches[0];c(a.clientX,a.clientY)};return window.addEventListener("mousemove",p),window.addEventListener("touchmove",d),()=>{window.removeEventListener("mousemove",p),window.removeEventListener("touchmove",d)}},[e]),r}const x=l.forwardRef((e,r)=>{const{label:c,fromFontVariationSettings:p,toFontVariationSettings:d,containerRef:n,radius:a=50,falloff:y="linear",className:C="",onClick:z,style:A,...L}=e,V=l.useRef([]),b=l.useRef([]),h=O(n),w=l.useRef({x:null,y:null}),N=l.useMemo(()=>{const s=t=>new Map(t.split(",").map(i=>i.trim()).map(i=>{const[f,S]=i.split(" ");return[f.replace(/['"]/g,""),parseFloat(S)]})),o=s(p),u=s(d);return Array.from(o.entries()).map(([t,i])=>({axis:t,fromValue:i,toValue:u.get(t)??i}))},[p,d]),$=(s,o,u,t)=>Math.sqrt((u-s)**2+(t-o)**2),k=s=>{const o=Math.min(Math.max(1-s/a,0),1);switch(y){case"exponential":return o**2;case"gaussian":return Math.exp(-((s/(a/2))**2)/2);case"linear":default:return o}};W(()=>{if(!(n!=null&&n.current))return;const s=n.current.getBoundingClientRect(),{x:o,y:u}=h.current;w.current.x===o&&w.current.y===u||(w.current={x:o,y:u},V.current.forEach((t,i)=>{if(!t)return;const f=t.getBoundingClientRect(),S=f.left+f.width/2-s.left,I=f.top+f.height/2-s.top,P=$(h.current.x,h.current.y,S,I);if(P>=a){t.style.fontVariationSettings=p;return}const q=k(P),j=N.map(({axis:D,fromValue:F,toValue:X})=>{const Y=F+(X-F)*q;return`'${D}' ${Y}`}).join(", ");b.current[i]=j,t.style.fontVariationSettings=j}))});const v=c.split(" ");let B=0;return m.jsxs("span",{ref:r,className:`${C} ${E["variable-proximity"]}`,onClick:z,style:{display:"inline",...A},...L,children:[v.map((s,o)=>m.jsxs("span",{style:{display:"inline-block",whiteSpace:"nowrap"},children:[s.split("").map(u=>{const t=B++;return m.jsx(T.span,{ref:i=>{V.current[t]=i},style:{display:"inline-block",fontVariationSettings:b.current[t]},"aria-hidden":"true",children:u},t)}),o<v.length-1&&m.jsx("span",{style:{display:"inline-block"},children:" "})]},o)),m.jsx("span",{className:`${E["sr-only"]}`,children:c})]})});x.displayName="VariableProximity";x.__docgenInfo={description:"",methods:[],displayName:"VariableProximity"};const U={title:"ReactBits/TextAnimations/VariableProximity",component:x,parameters:{layout:"fullscreen"},tags:["autodocs"]},G=e=>{const r=l.useRef(null);return m.jsx("div",{ref:r,style:{position:"relative",width:"100%",height:"300px",display:"flex",alignItems:"center",justifyContent:"center",background:"#000"},children:m.jsx(x,{...e,containerRef:r})})},g={render:e=>m.jsx(G,{...e}),args:{label:"Variable Proximity",fromFontVariationSettings:"'wght' 400, 'opsz' 9",toFontVariationSettings:"'wght' 900, 'opsz' 40",radius:150,falloff:"linear",style:{fontSize:"3rem",color:"#fff"}}};var M,_,R;g.parameters={...g.parameters,docs:{...(M=g.parameters)==null?void 0:M.docs,source:{originalSource:`{
1
+ import{r as l,j as m}from"./iframe-B8pH-Lvr.js";import{m as T}from"./proxy-BA3VZtN5.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D5hZdVGx.js";const E={"variable-proximity":"_variable-proximity_14yrm_3","sr-only":"_sr-only_14yrm_7"};function W(e){l.useEffect(()=>{let r;const c=()=>{e(),r=requestAnimationFrame(c)};return r=requestAnimationFrame(c),()=>cancelAnimationFrame(r)},[e])}function O(e){const r=l.useRef({x:0,y:0});return l.useEffect(()=>{const c=(n,a)=>{if(e!=null&&e.current){const y=e.current.getBoundingClientRect();r.current={x:n-y.left,y:a-y.top}}else r.current={x:n,y:a}},p=n=>c(n.clientX,n.clientY),d=n=>{const a=n.touches[0];c(a.clientX,a.clientY)};return window.addEventListener("mousemove",p),window.addEventListener("touchmove",d),()=>{window.removeEventListener("mousemove",p),window.removeEventListener("touchmove",d)}},[e]),r}const x=l.forwardRef((e,r)=>{const{label:c,fromFontVariationSettings:p,toFontVariationSettings:d,containerRef:n,radius:a=50,falloff:y="linear",className:C="",onClick:z,style:A,...L}=e,V=l.useRef([]),b=l.useRef([]),h=O(n),w=l.useRef({x:null,y:null}),N=l.useMemo(()=>{const s=t=>new Map(t.split(",").map(i=>i.trim()).map(i=>{const[f,S]=i.split(" ");return[f.replace(/['"]/g,""),parseFloat(S)]})),o=s(p),u=s(d);return Array.from(o.entries()).map(([t,i])=>({axis:t,fromValue:i,toValue:u.get(t)??i}))},[p,d]),$=(s,o,u,t)=>Math.sqrt((u-s)**2+(t-o)**2),k=s=>{const o=Math.min(Math.max(1-s/a,0),1);switch(y){case"exponential":return o**2;case"gaussian":return Math.exp(-((s/(a/2))**2)/2);case"linear":default:return o}};W(()=>{if(!(n!=null&&n.current))return;const s=n.current.getBoundingClientRect(),{x:o,y:u}=h.current;w.current.x===o&&w.current.y===u||(w.current={x:o,y:u},V.current.forEach((t,i)=>{if(!t)return;const f=t.getBoundingClientRect(),S=f.left+f.width/2-s.left,I=f.top+f.height/2-s.top,P=$(h.current.x,h.current.y,S,I);if(P>=a){t.style.fontVariationSettings=p;return}const q=k(P),j=N.map(({axis:D,fromValue:F,toValue:X})=>{const Y=F+(X-F)*q;return`'${D}' ${Y}`}).join(", ");b.current[i]=j,t.style.fontVariationSettings=j}))});const v=c.split(" ");let B=0;return m.jsxs("span",{ref:r,className:`${C} ${E["variable-proximity"]}`,onClick:z,style:{display:"inline",...A},...L,children:[v.map((s,o)=>m.jsxs("span",{style:{display:"inline-block",whiteSpace:"nowrap"},children:[s.split("").map(u=>{const t=B++;return m.jsx(T.span,{ref:i=>{V.current[t]=i},style:{display:"inline-block",fontVariationSettings:b.current[t]},"aria-hidden":"true",children:u},t)}),o<v.length-1&&m.jsx("span",{style:{display:"inline-block"},children:" "})]},o)),m.jsx("span",{className:`${E["sr-only"]}`,children:c})]})});x.displayName="VariableProximity";x.__docgenInfo={description:"",methods:[],displayName:"VariableProximity"};const U={title:"ReactBits/TextAnimations/VariableProximity",component:x,parameters:{layout:"fullscreen"},tags:["autodocs"]},G=e=>{const r=l.useRef(null);return m.jsx("div",{ref:r,style:{position:"relative",width:"100%",height:"300px",display:"flex",alignItems:"center",justifyContent:"center",background:"#000"},children:m.jsx(x,{...e,containerRef:r})})},g={render:e=>m.jsx(G,{...e}),args:{label:"Variable Proximity",fromFontVariationSettings:"'wght' 400, 'opsz' 9",toFontVariationSettings:"'wght' 900, 'opsz' 40",radius:150,falloff:"linear",style:{fontSize:"3rem",color:"#fff"}}};var M,_,R;g.parameters={...g.parameters,docs:{...(M=g.parameters)==null?void 0:M.docs,source:{originalSource:`{
2
2
  render: args => <VariableProximityWrapper {...args} />,
3
3
  args: {
4
4
  label: 'Variable Proximity',
@@ -1 +1 @@
1
- import{r as i,j as J}from"./iframe-LZvJb0BS.js";import"./preload-helper-C1FmrZbK.js";const le="_waves_vgm9y_1",K={waves:le,"waves-canvas":"_waves-canvas_vgm9y_25"};class l{constructor(s,r,o){this.x=s,this.y=r,this.z=o}dot2(s,r){return this.x*s+this.y*r}}class ie{constructor(s=0){this.grad3=[new l(1,1,0),new l(-1,1,0),new l(1,-1,0),new l(-1,-1,0),new l(1,0,1),new l(-1,0,1),new l(1,0,-1),new l(-1,0,-1),new l(0,1,1),new l(0,-1,1),new l(0,1,-1),new l(0,-1,-1)],this.p=[151,160,137,91,90,15,131,13,201,95,96,53,194,233,7,225,140,36,103,30,69,142,8,99,37,240,21,10,23,190,6,148,247,120,234,75,0,26,197,62,94,252,219,203,117,35,11,32,57,177,33,88,237,149,56,87,174,20,125,136,171,168,68,175,74,165,71,134,139,48,27,166,77,146,158,231,83,111,229,122,60,211,133,230,220,105,92,41,55,46,245,40,244,102,143,54,65,25,63,161,1,216,80,73,209,76,132,187,208,89,18,169,200,196,135,130,116,188,159,86,164,100,109,198,173,186,3,64,52,217,226,250,124,123,5,202,38,147,118,126,255,82,85,212,207,206,59,227,47,16,58,17,182,189,28,42,223,183,170,213,119,248,152,2,44,154,163,70,221,153,101,155,167,43,172,9,129,22,39,253,19,98,108,110,79,113,224,232,178,185,112,104,218,246,97,228,251,34,242,193,238,210,144,12,191,179,162,241,81,51,145,235,249,14,239,107,49,192,214,31,181,199,106,157,184,84,204,176,115,121,50,45,127,4,150,254,138,236,205,93,222,114,67,29,24,72,243,141,128,195,78,66,215,61,156,180],this.perm=new Array(512),this.gradP=new Array(512),this.seed(s)}seed(s){s>0&&s<1&&(s*=65536),s=Math.floor(s),s<256&&(s|=s<<8);for(let r=0;r<256;r++){let o=r&1?this.p[r]^s&255:this.p[r]^s>>8&255;this.perm[r]=this.perm[r+256]=o,this.gradP[r]=this.gradP[r+256]=this.grad3[o%12]}}fade(s){return s*s*s*(s*(s*6-15)+10)}lerp(s,r,o){return(1-o)*s+o*r}perlin2(s,r){let o=Math.floor(s),f=Math.floor(r);s-=o,r-=f,o&=255,f&=255;const g=this.gradP[o+this.perm[f]].dot2(s,r),M=this.gradP[o+this.perm[f+1]].dot2(s,r-1),R=this.gradP[o+1+this.perm[f]].dot2(s-1,r),q=this.gradP[o+1+this.perm[f+1]].dot2(s-1,r-1),x=this.fade(s);return this.lerp(this.lerp(g,R,x),this.lerp(M,q,x),this.fade(r))}}const ee=({lineColor:p="black",backgroundColor:s="transparent",waveSpeedX:r=.0125,waveSpeedY:o=.005,waveAmpX:f=32,waveAmpY:g=16,xGap:M=10,yGap:R=32,friction:q=.925,tension:x=.005,maxCursorMove:A=100,style:te={},className:se=""})=>{const X=i.useRef(null),Y=i.useRef(null),$=i.useRef(null),w=i.useRef({width:0,height:0,left:0,top:0}),re=i.useRef(new ie(Math.random())),E=i.useRef([]),S=i.useRef({x:-10,y:0,lx:0,ly:0,sx:0,sy:0,v:0,vs:0,a:0,set:!1}),V=i.useRef({lineColor:p,waveSpeedX:r,waveSpeedY:o,waveAmpX:f,waveAmpY:g,friction:q,tension:x,maxCursorMove:A,xGap:M,yGap:R}),b=i.useRef(null);return i.useEffect(()=>{V.current={lineColor:p,waveSpeedX:r,waveSpeedY:o,waveAmpX:f,waveAmpY:g,friction:q,tension:x,maxCursorMove:A,xGap:M,yGap:R}},[p,r,o,f,g,q,x,A,M,R]),i.useEffect(()=>{console.log("Waves mounted");const j=Y.current,z=X.current;$.current=j.getContext("2d");function T(){w.current=z.getBoundingClientRect(),j.width=w.current.width,j.height=w.current.height}function B(){const{width:n,height:e}=w.current;E.current=[];const t=n+200,c=e+30,{xGap:u,yGap:v}=V.current,m=Math.ceil(t/u),d=Math.ceil(c/v),y=(n-u*m)/2,P=(e-v*d)/2;for(let h=0;h<=m;h++){const L=[];for(let a=0;a<=d;a++)L.push({x:y+u*h,y:P+v*a,wave:{x:0,y:0},cursor:{x:0,y:0,vx:0,vy:0}});E.current.push(L)}}function ae(n){const e=E.current,t=S.current,c=re.current,{waveSpeedX:u,waveSpeedY:v,waveAmpX:m,waveAmpY:d,friction:y,tension:P,maxCursorMove:h}=V.current;e.forEach(L=>{L.forEach(a=>{const I=c.perlin2((a.x+n*u)*.002,(a.y+n*v)*.0015)*12;a.wave.x=Math.cos(I)*m,a.wave.y=Math.sin(I)*d;const oe=a.x-t.sx,ce=a.y-t.sy,W=Math.hypot(oe,ce),_=Math.max(175,t.vs);if(W<_){const ue=1-W/_,O=Math.cos(W*.001)*ue;a.cursor.vx+=Math.cos(t.a)*O*_*t.vs*65e-5,a.cursor.vy+=Math.sin(t.a)*O*_*t.vs*65e-5}a.cursor.vx+=(0-a.cursor.x)*P,a.cursor.vy+=(0-a.cursor.y)*P,a.cursor.vx*=y,a.cursor.vy*=y,a.cursor.x+=a.cursor.vx*2,a.cursor.y+=a.cursor.vy*2,a.cursor.x=Math.min(h,Math.max(-h,a.cursor.x)),a.cursor.y=Math.min(h,Math.max(-h,a.cursor.y))})})}function N(n,e=!0){const t=n.x+n.wave.x+(e?n.cursor.x:0),c=n.y+n.wave.y+(e?n.cursor.y:0);return{x:Math.round(t*10)/10,y:Math.round(c*10)/10}}function ne(){const{width:n,height:e}=w.current,t=$.current;t.clearRect(0,0,n,e),t.beginPath(),t.strokeStyle=V.current.lineColor,E.current.forEach(c=>{let u=N(c[0],!1);t.moveTo(u.x,u.y),c.forEach((v,m)=>{const d=m===c.length-1;u=N(v,!d);const y=N(c[m+1]||c[c.length-1],!d);t.lineTo(u.x,u.y),d&&t.moveTo(y.x,y.y)})}),t.stroke()}function C(n){const e=S.current;e.sx+=(e.x-e.sx)*.1,e.sy+=(e.y-e.sy)*.1;const t=e.x-e.lx,c=e.y-e.ly,u=Math.hypot(t,c);e.v=u,e.vs+=(u-e.vs)*.1,e.vs=Math.min(100,e.vs),e.lx=e.x,e.ly=e.y,e.a=Math.atan2(c,t),z.style.setProperty("--x",`${e.sx}px`),z.style.setProperty("--y",`${e.sy}px`),ae(n),ne(),b.current=requestAnimationFrame(C)}function F(){T(),B()}function G(n){H(n.clientX,n.clientY)}function D(n){const e=n.touches[0];H(e.clientX,e.clientY)}function H(n,e){const t=S.current,c=w.current;t.x=n-c.left,t.y=e-c.top,t.set||(t.sx=t.x,t.sy=t.y,t.lx=t.x,t.ly=t.y,t.set=!0)}return T(),B(),b.current=requestAnimationFrame(C),window.addEventListener("resize",F),window.addEventListener("mousemove",G),window.addEventListener("touchmove",D,{passive:!1}),()=>{window.removeEventListener("resize",F),window.removeEventListener("mousemove",G),window.removeEventListener("touchmove",D),cancelAnimationFrame(b.current)}},[]),J.jsx("div",{ref:X,className:`${K.waves} ${se}`,style:{position:"relative",margin:0,padding:0,width:"100%",minHeight:"100vh",overflow:"hidden",backgroundColor:s,...te},children:J.jsx("canvas",{ref:Y,className:`${K["waves-canvas"]}`})})};ee.__docgenInfo={description:"",methods:[],displayName:"Waves",props:{lineColor:{defaultValue:{value:"'black'",computed:!1},required:!1},backgroundColor:{defaultValue:{value:"'transparent'",computed:!1},required:!1},waveSpeedX:{defaultValue:{value:"0.0125",computed:!1},required:!1},waveSpeedY:{defaultValue:{value:"0.005",computed:!1},required:!1},waveAmpX:{defaultValue:{value:"32",computed:!1},required:!1},waveAmpY:{defaultValue:{value:"16",computed:!1},required:!1},xGap:{defaultValue:{value:"10",computed:!1},required:!1},yGap:{defaultValue:{value:"32",computed:!1},required:!1},friction:{defaultValue:{value:"0.925",computed:!1},required:!1},tension:{defaultValue:{value:"0.005",computed:!1},required:!1},maxCursorMove:{defaultValue:{value:"100",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const he={title:"ReactBits/Backgrounds/Waves",component:ee,parameters:{layout:"fullscreen"},tags:["autodocs"]},k={};var Q,U,Z;k.parameters={...k.parameters,docs:{...(Q=k.parameters)==null?void 0:Q.docs,source:{originalSource:"{}",...(Z=(U=k.parameters)==null?void 0:U.docs)==null?void 0:Z.source}}};const ve=["Default"];export{k as Default,ve as __namedExportsOrder,he as default};
1
+ import{r as i,j as J}from"./iframe-B8pH-Lvr.js";import"./preload-helper-C1FmrZbK.js";const le="_waves_vgm9y_1",K={waves:le,"waves-canvas":"_waves-canvas_vgm9y_25"};class l{constructor(s,r,o){this.x=s,this.y=r,this.z=o}dot2(s,r){return this.x*s+this.y*r}}class ie{constructor(s=0){this.grad3=[new l(1,1,0),new l(-1,1,0),new l(1,-1,0),new l(-1,-1,0),new l(1,0,1),new l(-1,0,1),new l(1,0,-1),new l(-1,0,-1),new l(0,1,1),new l(0,-1,1),new l(0,1,-1),new l(0,-1,-1)],this.p=[151,160,137,91,90,15,131,13,201,95,96,53,194,233,7,225,140,36,103,30,69,142,8,99,37,240,21,10,23,190,6,148,247,120,234,75,0,26,197,62,94,252,219,203,117,35,11,32,57,177,33,88,237,149,56,87,174,20,125,136,171,168,68,175,74,165,71,134,139,48,27,166,77,146,158,231,83,111,229,122,60,211,133,230,220,105,92,41,55,46,245,40,244,102,143,54,65,25,63,161,1,216,80,73,209,76,132,187,208,89,18,169,200,196,135,130,116,188,159,86,164,100,109,198,173,186,3,64,52,217,226,250,124,123,5,202,38,147,118,126,255,82,85,212,207,206,59,227,47,16,58,17,182,189,28,42,223,183,170,213,119,248,152,2,44,154,163,70,221,153,101,155,167,43,172,9,129,22,39,253,19,98,108,110,79,113,224,232,178,185,112,104,218,246,97,228,251,34,242,193,238,210,144,12,191,179,162,241,81,51,145,235,249,14,239,107,49,192,214,31,181,199,106,157,184,84,204,176,115,121,50,45,127,4,150,254,138,236,205,93,222,114,67,29,24,72,243,141,128,195,78,66,215,61,156,180],this.perm=new Array(512),this.gradP=new Array(512),this.seed(s)}seed(s){s>0&&s<1&&(s*=65536),s=Math.floor(s),s<256&&(s|=s<<8);for(let r=0;r<256;r++){let o=r&1?this.p[r]^s&255:this.p[r]^s>>8&255;this.perm[r]=this.perm[r+256]=o,this.gradP[r]=this.gradP[r+256]=this.grad3[o%12]}}fade(s){return s*s*s*(s*(s*6-15)+10)}lerp(s,r,o){return(1-o)*s+o*r}perlin2(s,r){let o=Math.floor(s),f=Math.floor(r);s-=o,r-=f,o&=255,f&=255;const g=this.gradP[o+this.perm[f]].dot2(s,r),M=this.gradP[o+this.perm[f+1]].dot2(s,r-1),R=this.gradP[o+1+this.perm[f]].dot2(s-1,r),q=this.gradP[o+1+this.perm[f+1]].dot2(s-1,r-1),x=this.fade(s);return this.lerp(this.lerp(g,R,x),this.lerp(M,q,x),this.fade(r))}}const ee=({lineColor:p="black",backgroundColor:s="transparent",waveSpeedX:r=.0125,waveSpeedY:o=.005,waveAmpX:f=32,waveAmpY:g=16,xGap:M=10,yGap:R=32,friction:q=.925,tension:x=.005,maxCursorMove:A=100,style:te={},className:se=""})=>{const X=i.useRef(null),Y=i.useRef(null),$=i.useRef(null),w=i.useRef({width:0,height:0,left:0,top:0}),re=i.useRef(new ie(Math.random())),E=i.useRef([]),S=i.useRef({x:-10,y:0,lx:0,ly:0,sx:0,sy:0,v:0,vs:0,a:0,set:!1}),V=i.useRef({lineColor:p,waveSpeedX:r,waveSpeedY:o,waveAmpX:f,waveAmpY:g,friction:q,tension:x,maxCursorMove:A,xGap:M,yGap:R}),b=i.useRef(null);return i.useEffect(()=>{V.current={lineColor:p,waveSpeedX:r,waveSpeedY:o,waveAmpX:f,waveAmpY:g,friction:q,tension:x,maxCursorMove:A,xGap:M,yGap:R}},[p,r,o,f,g,q,x,A,M,R]),i.useEffect(()=>{console.log("Waves mounted");const j=Y.current,z=X.current;$.current=j.getContext("2d");function T(){w.current=z.getBoundingClientRect(),j.width=w.current.width,j.height=w.current.height}function B(){const{width:n,height:e}=w.current;E.current=[];const t=n+200,c=e+30,{xGap:u,yGap:v}=V.current,m=Math.ceil(t/u),d=Math.ceil(c/v),y=(n-u*m)/2,P=(e-v*d)/2;for(let h=0;h<=m;h++){const L=[];for(let a=0;a<=d;a++)L.push({x:y+u*h,y:P+v*a,wave:{x:0,y:0},cursor:{x:0,y:0,vx:0,vy:0}});E.current.push(L)}}function ae(n){const e=E.current,t=S.current,c=re.current,{waveSpeedX:u,waveSpeedY:v,waveAmpX:m,waveAmpY:d,friction:y,tension:P,maxCursorMove:h}=V.current;e.forEach(L=>{L.forEach(a=>{const I=c.perlin2((a.x+n*u)*.002,(a.y+n*v)*.0015)*12;a.wave.x=Math.cos(I)*m,a.wave.y=Math.sin(I)*d;const oe=a.x-t.sx,ce=a.y-t.sy,W=Math.hypot(oe,ce),_=Math.max(175,t.vs);if(W<_){const ue=1-W/_,O=Math.cos(W*.001)*ue;a.cursor.vx+=Math.cos(t.a)*O*_*t.vs*65e-5,a.cursor.vy+=Math.sin(t.a)*O*_*t.vs*65e-5}a.cursor.vx+=(0-a.cursor.x)*P,a.cursor.vy+=(0-a.cursor.y)*P,a.cursor.vx*=y,a.cursor.vy*=y,a.cursor.x+=a.cursor.vx*2,a.cursor.y+=a.cursor.vy*2,a.cursor.x=Math.min(h,Math.max(-h,a.cursor.x)),a.cursor.y=Math.min(h,Math.max(-h,a.cursor.y))})})}function N(n,e=!0){const t=n.x+n.wave.x+(e?n.cursor.x:0),c=n.y+n.wave.y+(e?n.cursor.y:0);return{x:Math.round(t*10)/10,y:Math.round(c*10)/10}}function ne(){const{width:n,height:e}=w.current,t=$.current;t.clearRect(0,0,n,e),t.beginPath(),t.strokeStyle=V.current.lineColor,E.current.forEach(c=>{let u=N(c[0],!1);t.moveTo(u.x,u.y),c.forEach((v,m)=>{const d=m===c.length-1;u=N(v,!d);const y=N(c[m+1]||c[c.length-1],!d);t.lineTo(u.x,u.y),d&&t.moveTo(y.x,y.y)})}),t.stroke()}function C(n){const e=S.current;e.sx+=(e.x-e.sx)*.1,e.sy+=(e.y-e.sy)*.1;const t=e.x-e.lx,c=e.y-e.ly,u=Math.hypot(t,c);e.v=u,e.vs+=(u-e.vs)*.1,e.vs=Math.min(100,e.vs),e.lx=e.x,e.ly=e.y,e.a=Math.atan2(c,t),z.style.setProperty("--x",`${e.sx}px`),z.style.setProperty("--y",`${e.sy}px`),ae(n),ne(),b.current=requestAnimationFrame(C)}function F(){T(),B()}function G(n){H(n.clientX,n.clientY)}function D(n){const e=n.touches[0];H(e.clientX,e.clientY)}function H(n,e){const t=S.current,c=w.current;t.x=n-c.left,t.y=e-c.top,t.set||(t.sx=t.x,t.sy=t.y,t.lx=t.x,t.ly=t.y,t.set=!0)}return T(),B(),b.current=requestAnimationFrame(C),window.addEventListener("resize",F),window.addEventListener("mousemove",G),window.addEventListener("touchmove",D,{passive:!1}),()=>{window.removeEventListener("resize",F),window.removeEventListener("mousemove",G),window.removeEventListener("touchmove",D),cancelAnimationFrame(b.current)}},[]),J.jsx("div",{ref:X,className:`${K.waves} ${se}`,style:{position:"relative",margin:0,padding:0,width:"100%",minHeight:"100vh",overflow:"hidden",backgroundColor:s,...te},children:J.jsx("canvas",{ref:Y,className:`${K["waves-canvas"]}`})})};ee.__docgenInfo={description:"",methods:[],displayName:"Waves",props:{lineColor:{defaultValue:{value:"'black'",computed:!1},required:!1},backgroundColor:{defaultValue:{value:"'transparent'",computed:!1},required:!1},waveSpeedX:{defaultValue:{value:"0.0125",computed:!1},required:!1},waveSpeedY:{defaultValue:{value:"0.005",computed:!1},required:!1},waveAmpX:{defaultValue:{value:"32",computed:!1},required:!1},waveAmpY:{defaultValue:{value:"16",computed:!1},required:!1},xGap:{defaultValue:{value:"10",computed:!1},required:!1},yGap:{defaultValue:{value:"32",computed:!1},required:!1},friction:{defaultValue:{value:"0.925",computed:!1},required:!1},tension:{defaultValue:{value:"0.005",computed:!1},required:!1},maxCursorMove:{defaultValue:{value:"100",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const he={title:"ReactBits/Backgrounds/Waves",component:ee,parameters:{layout:"fullscreen"},tags:["autodocs"]},k={};var Q,U,Z;k.parameters={...k.parameters,docs:{...(Q=k.parameters)==null?void 0:Q.docs,source:{originalSource:"{}",...(Z=(U=k.parameters)==null?void 0:U.docs)==null?void 0:Z.source}}};const ve=["Default"];export{k as Default,ve as __namedExportsOrder,he as default};
@@ -1,4 +1,4 @@
1
- import{c}from"./createLucideIcon-yjHXhSOm.js";/**
1
+ import{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{c as o}from"./createLucideIcon-yjHXhSOm.js";/**
1
+ import{c as o}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.