@stfrigerio/sito-template 0.1.36 → 0.1.39

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 (470) hide show
  1. package/dist/__tests__/setup.d.ts +2 -0
  2. package/dist/__tests__/setup.d.ts.map +1 -0
  3. package/dist/components/atoms/AllAtoms.stories.d.ts +1 -1
  4. package/dist/components/atoms/AllAtoms.stories.d.ts.map +1 -1
  5. package/dist/components/atoms/Button/Button.stories.d.ts +2 -14
  6. package/dist/components/atoms/Button/Button.stories.d.ts.map +1 -1
  7. package/dist/components/atoms/Card/Card.stories.d.ts +4 -23
  8. package/dist/components/atoms/Card/Card.stories.d.ts.map +1 -1
  9. package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts +1 -1
  10. package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts.map +1 -1
  11. package/dist/components/atoms/DateInput/DateInput.d.ts +1 -1
  12. package/dist/components/atoms/DateInput/DateInput.d.ts.map +1 -1
  13. package/dist/components/atoms/DateInput/DateInput.stories.d.ts +1 -1
  14. package/dist/components/atoms/DateInput/DateInput.stories.d.ts.map +1 -1
  15. package/dist/components/atoms/DecryptedText/DecryptedText.d.ts +50 -0
  16. package/dist/components/atoms/DecryptedText/DecryptedText.d.ts.map +1 -0
  17. package/dist/components/atoms/DecryptedText/index.d.ts +3 -0
  18. package/dist/components/atoms/DecryptedText/index.d.ts.map +1 -0
  19. package/dist/components/atoms/LoadingSpinner/LoadingSpinner.d.ts.map +1 -1
  20. package/dist/components/atoms/LoadingSpinner/LoadingSpinner.stories.d.ts +1 -1
  21. package/dist/components/atoms/LoadingSpinner/LoadingSpinner.stories.d.ts.map +1 -1
  22. package/dist/components/atoms/NumberStepper/NumberStepper.d.ts.map +1 -1
  23. package/dist/components/atoms/NumberStepper/NumberStepper.stories.d.ts +1 -1
  24. package/dist/components/atoms/NumberStepper/NumberStepper.stories.d.ts.map +1 -1
  25. package/dist/components/atoms/SearchableDropdown/SearchableDropdown.stories.d.ts +1 -1
  26. package/dist/components/atoms/SearchableDropdown/SearchableDropdown.stories.d.ts.map +1 -1
  27. package/dist/components/atoms/SelectInput/SelectInput.d.ts +4 -2
  28. package/dist/components/atoms/SelectInput/SelectInput.d.ts.map +1 -1
  29. package/dist/components/atoms/Slider/Slider.stories.d.ts +2 -10
  30. package/dist/components/atoms/Slider/Slider.stories.d.ts.map +1 -1
  31. package/dist/components/atoms/SoundDemo/SoundDemo.d.ts +11 -0
  32. package/dist/components/atoms/SoundDemo/SoundDemo.d.ts.map +1 -0
  33. package/dist/components/atoms/SoundDemo/SoundDemo.stories.d.ts +1 -1
  34. package/dist/components/atoms/SoundDemo/SoundDemo.stories.d.ts.map +1 -1
  35. package/dist/components/atoms/TextArea/TextArea.d.ts.map +1 -1
  36. package/dist/components/atoms/TextArea/TextArea.stories.d.ts +1 -1
  37. package/dist/components/atoms/TextArea/TextArea.stories.d.ts.map +1 -1
  38. package/dist/components/atoms/TextInput/TextInput.d.ts +1 -1
  39. package/dist/components/atoms/TextInput/TextInput.d.ts.map +1 -1
  40. package/dist/components/atoms/TextInput/TextInput.stories.d.ts +1 -4
  41. package/dist/components/atoms/TextInput/TextInput.stories.d.ts.map +1 -1
  42. package/dist/components/atoms/Toggle/Toggle.d.ts +5 -4
  43. package/dist/components/atoms/Toggle/Toggle.d.ts.map +1 -1
  44. package/dist/components/atoms/Toggle/Toggle.stories.d.ts +1 -1
  45. package/dist/components/atoms/Toggle/Toggle.stories.d.ts.map +1 -1
  46. package/dist/components/atoms/ToggleButton/ToggleButton.stories.d.ts +1 -1
  47. package/dist/components/atoms/ToggleButton/ToggleButton.stories.d.ts.map +1 -1
  48. package/dist/components/atoms/index.d.ts +2 -0
  49. package/dist/components/atoms/index.d.ts.map +1 -1
  50. package/dist/components/molecules/ArrayInput/ArrayInput.d.ts +3 -3
  51. package/dist/components/molecules/ArrayInput/ArrayInput.d.ts.map +1 -1
  52. package/dist/components/molecules/ArrayInput/ArrayInput.stories.d.ts +1 -1
  53. package/dist/components/molecules/ArrayInput/ArrayInput.stories.d.ts.map +1 -1
  54. package/dist/components/molecules/Breadcrumb/Breadcrumb.d.ts +28 -0
  55. package/dist/components/molecules/Breadcrumb/Breadcrumb.d.ts.map +1 -0
  56. package/dist/components/molecules/Breadcrumb/index.d.ts +3 -0
  57. package/dist/components/molecules/Breadcrumb/index.d.ts.map +1 -0
  58. package/dist/components/molecules/EditFAB/EditFAB.stories.d.ts +1 -1
  59. package/dist/components/molecules/EditFAB/EditFAB.stories.d.ts.map +1 -1
  60. package/dist/components/molecules/LiquidButton/LiquidButton.d.ts +33 -0
  61. package/dist/components/molecules/LiquidButton/LiquidButton.d.ts.map +1 -0
  62. package/dist/components/molecules/LiquidButton/index.d.ts +3 -0
  63. package/dist/components/molecules/LiquidButton/index.d.ts.map +1 -0
  64. package/dist/components/molecules/SearchBar/SearchBar.stories.d.ts +1 -1
  65. package/dist/components/molecules/SearchBar/SearchBar.stories.d.ts.map +1 -1
  66. package/dist/components/molecules/Tabs/Tabs.d.ts +1 -1
  67. package/dist/components/molecules/Tabs/Tabs.d.ts.map +1 -1
  68. package/dist/components/molecules/Tabs/Tabs.stories.d.ts +1 -1
  69. package/dist/components/molecules/Tabs/Tabs.stories.d.ts.map +1 -1
  70. package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.d.ts +4 -3
  71. package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.d.ts.map +1 -1
  72. package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.stories.d.ts +1 -1
  73. package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.stories.d.ts.map +1 -1
  74. package/dist/components/molecules/TimeInput/TimeInput.stories.d.ts +1 -1
  75. package/dist/components/molecules/TimeInput/TimeInput.stories.d.ts.map +1 -1
  76. package/dist/components/molecules/Toast/Toast.d.ts +16 -0
  77. package/dist/components/molecules/Toast/Toast.d.ts.map +1 -0
  78. package/dist/components/molecules/Toast/index.d.ts +3 -0
  79. package/dist/components/molecules/Toast/index.d.ts.map +1 -0
  80. package/dist/components/molecules/index.d.ts +6 -0
  81. package/dist/components/molecules/index.d.ts.map +1 -1
  82. package/dist/components/organisms/Calendar/Calendar.d.ts +1 -1
  83. package/dist/components/organisms/Calendar/Calendar.d.ts.map +1 -1
  84. package/dist/components/organisms/Calendar/Calendar.stories.d.ts +1 -1
  85. package/dist/components/organisms/Calendar/Calendar.stories.d.ts.map +1 -1
  86. package/dist/components/organisms/ConfirmationModal/ConfirmationModal.d.ts +30 -0
  87. package/dist/components/organisms/ConfirmationModal/ConfirmationModal.d.ts.map +1 -0
  88. package/dist/components/organisms/ConfirmationModal/index.d.ts +3 -0
  89. package/dist/components/organisms/ConfirmationModal/index.d.ts.map +1 -0
  90. package/dist/components/organisms/ImageSlideshow/ImageSlideshow.d.ts +1 -1
  91. package/dist/components/organisms/ImageSlideshow/ImageSlideshow.d.ts.map +1 -1
  92. package/dist/components/organisms/ImageSlideshow/ImageSlideshow.stories.d.ts +1 -6
  93. package/dist/components/organisms/ImageSlideshow/ImageSlideshow.stories.d.ts.map +1 -1
  94. package/dist/components/organisms/Navbar/Navbar.d.ts +3 -2
  95. package/dist/components/organisms/Navbar/Navbar.d.ts.map +1 -1
  96. package/dist/components/organisms/Navbar/Navbar.stories.d.ts +1 -1
  97. package/dist/components/organisms/Navbar/Navbar.stories.d.ts.map +1 -1
  98. package/dist/components/organisms/Table/Table.d.ts +6 -6
  99. package/dist/components/organisms/Table/Table.d.ts.map +1 -1
  100. package/dist/components/organisms/Table/Table.stories.d.ts +26 -14
  101. package/dist/components/organisms/Table/Table.stories.d.ts.map +1 -1
  102. package/dist/components/organisms/ThemeProvider/ThemeProvider.d.ts +3 -1
  103. package/dist/components/organisms/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  104. package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.d.ts.map +1 -1
  105. package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.stories.d.ts +1 -1
  106. package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.stories.d.ts.map +1 -1
  107. package/dist/components/organisms/charts/MoodChart/MoodChart.stories.d.ts +1 -1
  108. package/dist/components/organisms/charts/MoodChart/MoodChart.stories.d.ts.map +1 -1
  109. package/dist/components/organisms/charts/PieChart/PieChart.d.ts.map +1 -1
  110. package/dist/components/organisms/charts/PieChart/PieChart.stories.d.ts +1 -1
  111. package/dist/components/organisms/charts/PieChart/PieChart.stories.d.ts.map +1 -1
  112. package/dist/components/organisms/charts/QuantifiableHabitsChart/QuantifiableHabitsChart.d.ts +2 -0
  113. package/dist/components/organisms/charts/QuantifiableHabitsChart/QuantifiableHabitsChart.d.ts.map +1 -1
  114. package/dist/components/organisms/charts/QuantifiableHabitsChart/QuantifiableHabitsChart.stories.d.ts +1 -1
  115. package/dist/components/organisms/charts/QuantifiableHabitsChart/QuantifiableHabitsChart.stories.d.ts.map +1 -1
  116. package/dist/components/organisms/charts/SleepChart/SleepChart.stories.d.ts +1 -1
  117. package/dist/components/organisms/charts/SleepChart/SleepChart.stories.d.ts.map +1 -1
  118. package/dist/components/organisms/charts/SunburstChart/SunburstChart.d.ts.map +1 -1
  119. package/dist/components/organisms/charts/SunburstChart/SunburstChart.stories.d.ts +1 -1
  120. package/dist/components/organisms/charts/SunburstChart/SunburstChart.stories.d.ts.map +1 -1
  121. package/dist/components/organisms/index.d.ts +3 -1
  122. package/dist/components/organisms/index.d.ts.map +1 -1
  123. package/dist/index.d.ts +0 -1
  124. package/dist/index.d.ts.map +1 -1
  125. package/dist/index.esm.js +791 -490
  126. package/dist/index.esm.js.map +1 -1
  127. package/dist/index.js +809 -502
  128. package/dist/index.js.map +1 -1
  129. package/dist/stories/utils.d.ts +2 -2
  130. package/dist/stories/utils.d.ts.map +1 -1
  131. package/dist/styles.css +1 -1
  132. package/dist/styles.css.map +1 -1
  133. package/dist/themes/default.css +47 -0
  134. package/dist/themes/dmood.css +46 -0
  135. package/dist/themes/globals.css +110 -0
  136. package/dist/themes/lossito.css +52 -0
  137. package/dist/tokens/tokens.css +79 -0
  138. package/dist/utils/formUtils.d.ts +0 -5
  139. package/dist/utils/formUtils.d.ts.map +1 -1
  140. package/package.json +32 -10
  141. package/storybook-static/addon-visual-tests-assets/visual-test-illustration.mp4 +0 -0
  142. package/storybook-static/assets/3d/bar.glb +0 -0
  143. package/storybook-static/assets/3d/cube.glb +0 -0
  144. package/storybook-static/assets/3d/lens.glb +0 -0
  145. package/storybook-static/assets/ASCIIText.stories-C2xDENP3.js +82 -0
  146. package/storybook-static/assets/AllAtoms.stories-B6sDWol9.js +109 -0
  147. package/storybook-static/assets/AnimatedContent.stories-BsmULV3s.js +18 -0
  148. package/storybook-static/assets/AnimatedList-B3_lNwJZ.css +1 -0
  149. package/storybook-static/assets/AnimatedList.stories-CpaOS5Tg.js +26 -0
  150. package/storybook-static/assets/Antigravity.stories-Bt6bMzsu.js +19 -0
  151. package/storybook-static/assets/ArrayInput-CkUpk1TR.css +1 -0
  152. package/storybook-static/assets/ArrayInput.stories-DWAGBtBK.js +232 -0
  153. package/storybook-static/assets/Aurora-JSo3CGBi.css +1 -0
  154. package/storybook-static/assets/Aurora.stories-D2saYiRk.js +97 -0
  155. package/storybook-static/assets/Beams-BaZopjLr.css +1 -0
  156. package/storybook-static/assets/Beams.stories-BnM_wPsm.js +122 -0
  157. package/storybook-static/assets/BlobCursor-sr9FxN5W.css +1 -0
  158. package/storybook-static/assets/BlobCursor.stories-DDxFJs49.js +24 -0
  159. package/storybook-static/assets/BlurText.stories-Bpt2Pxty.js +11 -0
  160. package/storybook-static/assets/BooleansHeatmap-BV4VTyo6.css +1 -0
  161. package/storybook-static/assets/BooleansHeatmap.stories-3npXygec.js +123 -0
  162. package/storybook-static/assets/BorderGlow-BkXv9hP6.css +1 -0
  163. package/storybook-static/assets/BorderGlow.stories-Ctdci-vM.js +15 -0
  164. package/storybook-static/assets/BubbleMenu-C856-Amm.css +1 -0
  165. package/storybook-static/assets/BubbleMenu.stories-D0BfU9Sn.js +57 -0
  166. package/storybook-static/assets/Button-Bkr9S309.js +37 -0
  167. package/storybook-static/assets/Button-O-w2-ag3.css +1 -0
  168. package/storybook-static/assets/Button.stories-9jnfGkHf.js +93 -0
  169. package/storybook-static/assets/Calendar-BSjjdOp3.css +1 -0
  170. package/storybook-static/assets/Calendar.stories-Bv76X2vb.js +470 -0
  171. package/storybook-static/assets/Camera-BM3HOhP6.js +1 -0
  172. package/storybook-static/assets/Card-BLzDBn78.js +49 -0
  173. package/storybook-static/assets/Card-BxyVZ-1r.css +1 -0
  174. package/storybook-static/assets/Card.stories-BbHJW4z7.js +127 -0
  175. package/storybook-static/assets/CardNav-DJBuAE3a.css +1 -0
  176. package/storybook-static/assets/CardNav.stories-0AGDiezF.js +55 -0
  177. package/storybook-static/assets/Carousel-DQYq51gd.css +1 -0
  178. package/storybook-static/assets/Carousel.stories-TJ2kpedN.js +58 -0
  179. package/storybook-static/assets/Checkbox-CpADrZij.js +33 -0
  180. package/storybook-static/assets/Checkbox-DMUHtq9s.css +1 -0
  181. package/storybook-static/assets/Checkbox.stories-RTwjfwnG.js +83 -0
  182. package/storybook-static/assets/ChromaGrid-DuVAYWII.css +1 -0
  183. package/storybook-static/assets/ChromaGrid.stories-BQ3E28Hi.js +59 -0
  184. package/storybook-static/assets/CircularGallery-Dw0kM5fT.css +1 -0
  185. package/storybook-static/assets/CircularGallery.stories-DJqMMKX-.js +95 -0
  186. package/storybook-static/assets/CircularText-DofQkQcn.css +1 -0
  187. package/storybook-static/assets/CircularText.stories-BFdO2vvu.js +7 -0
  188. package/storybook-static/assets/ClickSpark.stories-C9eRAhrL.js +12 -0
  189. package/storybook-static/assets/Color-AVL7NMMY-_tP8XmFH.js +1 -0
  190. package/storybook-static/assets/Color-YRkaOI4u.js +1 -0
  191. package/storybook-static/assets/ColorBends-BkbPScKk.css +1 -0
  192. package/storybook-static/assets/ColorBends.stories-BzjHvboa.js +103 -0
  193. package/storybook-static/assets/CountUp.stories-C4KGivWd.js +11 -0
  194. package/storybook-static/assets/Counter-NM41Ofe9.css +1 -0
  195. package/storybook-static/assets/Counter.stories-D0YBBEvJ.js +15 -0
  196. package/storybook-static/assets/Crosshair.stories-DM0VkVrQ.js +6 -0
  197. package/storybook-static/assets/Cubes-BbZLRUsz.css +1 -0
  198. package/storybook-static/assets/Cubes.stories-CDK6pjAy.js +1 -0
  199. package/storybook-static/assets/CurvedLoop-DyoDI-mm.css +1 -0
  200. package/storybook-static/assets/CurvedLoop.stories-gsnw1c_E.js +9 -0
  201. package/storybook-static/assets/DarkVeil-CeIthsg1.css +1 -0
  202. package/storybook-static/assets/DarkVeil.stories-C5L7QoIF.js +79 -0
  203. package/storybook-static/assets/DateInput-C4-Rlnpy.css +1 -0
  204. package/storybook-static/assets/DateInput-DDPZqyBR.js +38 -0
  205. package/storybook-static/assets/DateInput.stories-B2N9buuW.js +119 -0
  206. package/storybook-static/assets/DecayCard-2Nc9J_8G.css +1 -0
  207. package/storybook-static/assets/DecayCard.stories-YGHrmyBt.js +8 -0
  208. package/storybook-static/assets/DecryptedText.stories-B5x1eEwu.js +15 -0
  209. package/storybook-static/assets/Dither-CDTFjgCl.css +1 -0
  210. package/storybook-static/assets/Dither.stories-1NJxvHAv.js +134 -0
  211. package/storybook-static/assets/Dock-DwLYexgF.css +1 -0
  212. package/storybook-static/assets/Dock.stories-BkL_Ddtn.js +40 -0
  213. package/storybook-static/assets/DocsRenderer-PQXLIZUC-e7izZ1Ax.js +1243 -0
  214. package/storybook-static/assets/EditFAB-CntUhqRB.css +1 -0
  215. package/storybook-static/assets/EditFAB.stories-CHva2s7W.js +378 -0
  216. package/storybook-static/assets/EvilEye-QIF3Ik1Y.css +1 -0
  217. package/storybook-static/assets/EvilEye.stories-QosS4nGr.js +103 -0
  218. package/storybook-static/assets/FadeContent.stories-CQDQC3hl.js +14 -0
  219. package/storybook-static/assets/FaultyTerminal-D6zQXJ-g.css +1 -0
  220. package/storybook-static/assets/FaultyTerminal.stories-CPrObG0w.js +224 -0
  221. package/storybook-static/assets/Fbo-CjO1EXQj.js +1 -0
  222. package/storybook-static/assets/FloatingLines-BPpNRsJk.css +1 -0
  223. package/storybook-static/assets/FloatingLines.stories-D3I_iw-g.js +187 -0
  224. package/storybook-static/assets/FlowingMenu-Cff-letA.css +1 -0
  225. package/storybook-static/assets/FlowingMenu.stories-BmR27_hE.js +27 -0
  226. package/storybook-static/assets/FluidGlass.stories-CrjfBTV6.js +490 -0
  227. package/storybook-static/assets/Folder-BFuU52Ao.css +1 -0
  228. package/storybook-static/assets/Folder.stories-DQJN6c0j.js +13 -0
  229. package/storybook-static/assets/FuzzyText.stories-zdwwY1Eh.js +22 -0
  230. package/storybook-static/assets/Galaxy-Cj2Xx-fN.css +1 -0
  231. package/storybook-static/assets/Galaxy.stories-B3moXy9j.js +184 -0
  232. package/storybook-static/assets/GhostCursor-CLKgvqwd.css +1 -0
  233. package/storybook-static/assets/GhostCursor.stories-l58_4Z7e.js +276 -0
  234. package/storybook-static/assets/GlareHover-D8gfoeb7.css +1 -0
  235. package/storybook-static/assets/GlareHover.stories-BRGDypMB.js +1 -0
  236. package/storybook-static/assets/GlassSurface-D51dj98P.css +1 -0
  237. package/storybook-static/assets/GlassSurface.stories-BghO_KVP.js +43 -0
  238. package/storybook-static/assets/GlitchText-CsL0nL6_.css +1 -0
  239. package/storybook-static/assets/GlitchText.stories-rGZAjXwr.js +8 -0
  240. package/storybook-static/assets/GooeyNav-8BBsSYWJ.css +1 -0
  241. package/storybook-static/assets/GooeyNav.stories-Ca-d0UXQ.js +24 -0
  242. package/storybook-static/assets/GradientBlinds-CBpfmlwu.css +1 -0
  243. package/storybook-static/assets/GradientBlinds.stories-BQDyziZr.js +136 -0
  244. package/storybook-static/assets/GradientText-Bsx4jZeS.css +1 -0
  245. package/storybook-static/assets/GradientText.stories-DgmckSCu.js +11 -0
  246. package/storybook-static/assets/Grainient.stories-8y3SuU8n.js +113 -0
  247. package/storybook-static/assets/GridMotion-GSkrJvrd.css +1 -0
  248. package/storybook-static/assets/GridMotion.stories-DbXQdTvS.js +6 -0
  249. package/storybook-static/assets/ImageSlideshow-CrquLxbj.css +1 -0
  250. package/storybook-static/assets/ImageSlideshow.stories-BXFPrrNl.js +385 -0
  251. package/storybook-static/assets/Iridescence-DkXB1G15.css +1 -0
  252. package/storybook-static/assets/Iridescence.stories-DuPTQ9Fo.js +47 -0
  253. package/storybook-static/assets/LaserFlow-YpDTX0s9.css +1 -0
  254. package/storybook-static/assets/LaserFlow.stories-DkwNBv4p.js +253 -0
  255. package/storybook-static/assets/LetterGlitch.stories-BqwpeJRY.js +1 -0
  256. package/storybook-static/assets/LightPillar-B1pSzH3x.css +1 -0
  257. package/storybook-static/assets/LightPillar.stories-BR4beWO5.js +103 -0
  258. package/storybook-static/assets/LightRays.stories-B3LIIkr4.js +114 -0
  259. package/storybook-static/assets/Lightning-Duov5diw.css +1 -0
  260. package/storybook-static/assets/Lightning.stories-DMfFw1rE.js +92 -0
  261. package/storybook-static/assets/LineWaves-CGZ5Tp0W.css +1 -0
  262. package/storybook-static/assets/LineWaves.stories-1wQVWsio.js +132 -0
  263. package/storybook-static/assets/LiquidChrome-C8jkHJD4.css +1 -0
  264. package/storybook-static/assets/LiquidChrome.stories-DjaXtUK6.js +60 -0
  265. package/storybook-static/assets/LiquidEther-BTKKmNQk.css +1 -0
  266. package/storybook-static/assets/LiquidEther.stories-CBrhorPT.js +161 -0
  267. package/storybook-static/assets/LoadingSpinner-1jvNgxlI.css +1 -0
  268. package/storybook-static/assets/LoadingSpinner-Cz1P0luX.js +49 -0
  269. package/storybook-static/assets/LoadingSpinner.stories-Es0dDszY.js +169 -0
  270. package/storybook-static/assets/MagicRings-B15iCWeD.css +1 -0
  271. package/storybook-static/assets/MagicRings.stories-BeLXvBv9.js +81 -0
  272. package/storybook-static/assets/Magnet.stories-CICXGf2j.js +12 -0
  273. package/storybook-static/assets/MagnetLines-BMVF8tvL.css +1 -0
  274. package/storybook-static/assets/MagnetLines.stories-D6mS1H0S.js +1 -0
  275. package/storybook-static/assets/Masonry-JijTuZ6o.css +1 -0
  276. package/storybook-static/assets/Masonry.stories-DeNkhLqR.js +53 -0
  277. package/storybook-static/assets/Mesh-CwXV3WjE.js +7 -0
  278. package/storybook-static/assets/MetaBalls-Do7Vo_Ig.css +1 -0
  279. package/storybook-static/assets/MetaBalls.stories-CJw3g9l_.js +63 -0
  280. package/storybook-static/assets/MetallicPaint-rQ3s8Y0v.css +1 -0
  281. package/storybook-static/assets/MetallicPaint.stories-DXrEd8Sz.js +159 -0
  282. package/storybook-static/assets/MoodChart-2hr_Y2GI.css +1 -0
  283. package/storybook-static/assets/MoodChart.stories-DYRAoHr7.js +40 -0
  284. package/storybook-static/assets/MotionConfigContext-C_Ro_xsO.js +1 -0
  285. package/storybook-static/assets/Navbar-BPWxCB-U.css +1 -0
  286. package/storybook-static/assets/Navbar.stories-B0_sa2Hr.js +325 -0
  287. package/storybook-static/assets/Noise-wMLTuki1.css +1 -0
  288. package/storybook-static/assets/Noise.stories-CFYN81ep.js +9 -0
  289. package/storybook-static/assets/NumberStepper-CWsYbCdm.js +110 -0
  290. package/storybook-static/assets/NumberStepper-C_00aeJp.css +1 -0
  291. package/storybook-static/assets/NumberStepper.stories-DtsWeT0-.js +436 -0
  292. package/storybook-static/assets/Orb-CS8T832d.css +1 -0
  293. package/storybook-static/assets/Orb.stories-CDw4x9GM.js +177 -0
  294. package/storybook-static/assets/OrbitImages-DqsOGdeH.css +1 -0
  295. package/storybook-static/assets/OrbitImages.stories-DLeS6BKi.js +26 -0
  296. package/storybook-static/assets/PieChart-OfDGlJ4g.css +1 -0
  297. package/storybook-static/assets/PieChart.stories-ByeJD3jM.js +199 -0
  298. package/storybook-static/assets/PixelBlast-xjKshbH4.css +1 -0
  299. package/storybook-static/assets/PixelBlast.stories-DZHlNBbC.js +211 -0
  300. package/storybook-static/assets/PixelCard-dyv8Jzsb.css +1 -0
  301. package/storybook-static/assets/PixelCard.stories-DD3uedTX.js +6 -0
  302. package/storybook-static/assets/PixelSnow-Mq8jFd6s.css +1 -0
  303. package/storybook-static/assets/PixelSnow.stories-GOOKq9Jo.js +155 -0
  304. package/storybook-static/assets/PixelTransition-4YlpcBIO.css +1 -0
  305. package/storybook-static/assets/PixelTransition.stories-7l0r4CEg.js +27 -0
  306. package/storybook-static/assets/Plasma-hc6I4S4K.css +1 -0
  307. package/storybook-static/assets/Plasma.stories-BNQMi2qs.js +78 -0
  308. package/storybook-static/assets/Prism-1A7MRUuH.css +1 -0
  309. package/storybook-static/assets/Prism.stories-DD-1CeHx.js +121 -0
  310. package/storybook-static/assets/PrismaticBurst-CJEX1JKp.css +1 -0
  311. package/storybook-static/assets/PrismaticBurst.stories-Bgr0PBrA.js +170 -0
  312. package/storybook-static/assets/ProfileCard-CO0Gk0e9.css +1 -0
  313. package/storybook-static/assets/ProfileCard.stories-DAHKcZT1.js +15 -0
  314. package/storybook-static/assets/QuantifiableHabitsChart-Bam6n9X_.css +1 -0
  315. package/storybook-static/assets/QuantifiableHabitsChart.stories-6RkqSLP7.js +105 -0
  316. package/storybook-static/assets/Radar-xwRKh0lP.css +1 -0
  317. package/storybook-static/assets/Radar.stories-BFyFeDmo.js +88 -0
  318. package/storybook-static/assets/Ribbons-CjSeVzzZ.css +1 -0
  319. package/storybook-static/assets/Ribbons.stories-D20uKPGq.js +132 -0
  320. package/storybook-static/assets/RippleGrid-NvomE-YP.css +1 -0
  321. package/storybook-static/assets/RippleGrid.stories-BKV-9TCI.js +113 -0
  322. package/storybook-static/assets/RotatingText-BGK56OzZ.css +1 -0
  323. package/storybook-static/assets/RotatingText.stories-BnBClUQv.js +12 -0
  324. package/storybook-static/assets/ScrollFloat-CuaI6iDB.css +1 -0
  325. package/storybook-static/assets/ScrollFloat.stories-tzqiOgHH.js +12 -0
  326. package/storybook-static/assets/ScrollReveal-7GSimuFY.css +1 -0
  327. package/storybook-static/assets/ScrollReveal.stories-4a1gyKmu.js +13 -0
  328. package/storybook-static/assets/ScrollTrigger-D1XJUMov.js +15 -0
  329. package/storybook-static/assets/ScrollVelocity-BQllEnJm.css +1 -0
  330. package/storybook-static/assets/ScrollVelocity.stories-1YFBGtbZ.js +9 -0
  331. package/storybook-static/assets/SearchBar-CYhuHFt7.css +1 -0
  332. package/storybook-static/assets/SearchBar.stories-T1tR-GmV.js +169 -0
  333. package/storybook-static/assets/SearchableDropdown-CLYLzeoj.css +1 -0
  334. package/storybook-static/assets/SearchableDropdown-DhEHRY6d.js +38 -0
  335. package/storybook-static/assets/SearchableDropdown.stories-E1pMIVn_.js +282 -0
  336. package/storybook-static/assets/SelectInput-BTPptV1H.css +1 -0
  337. package/storybook-static/assets/SelectInput-BrdH7gJ5.js +31 -0
  338. package/storybook-static/assets/SelectInput.stories-BJ8-v1VC.js +129 -0
  339. package/storybook-static/assets/ShapeBlur.stories-BD9LHX3y.js +131 -0
  340. package/storybook-static/assets/ShapeGrid-D5w-KuEm.css +1 -0
  341. package/storybook-static/assets/ShapeGrid.stories-MtqpqIIh.js +11 -0
  342. package/storybook-static/assets/ShinyText-D0_UmCBv.css +1 -0
  343. package/storybook-static/assets/ShinyText.stories-qP5FdChR.js +14 -0
  344. package/storybook-static/assets/Silk.stories-BHYeNKYP.js +62 -0
  345. package/storybook-static/assets/SleepChart-DBRb08s_.css +1 -0
  346. package/storybook-static/assets/SleepChart.stories-BcwHExRn.js +58 -0
  347. package/storybook-static/assets/Slider-A51SjNTF.js +32 -0
  348. package/storybook-static/assets/Slider-Bq7zObwV.css +1 -0
  349. package/storybook-static/assets/Slider.stories-lOqz9gMz.js +99 -0
  350. package/storybook-static/assets/SoftAurora-2A7ssVQp.css +1 -0
  351. package/storybook-static/assets/SoftAurora.stories-sSXHgJo6.js +147 -0
  352. package/storybook-static/assets/SoundDemo.stories-tUFyk4lU.js +3 -0
  353. package/storybook-static/assets/SplashCursor.stories-DerGqkHm.js +244 -0
  354. package/storybook-static/assets/SpotlightCard-Bi63T6N0.css +1 -0
  355. package/storybook-static/assets/SpotlightCard.stories-DBsgFOws.js +6 -0
  356. package/storybook-static/assets/Stack-CBKeDK5i.css +1 -0
  357. package/storybook-static/assets/Stack.stories-DAcB1tOU.js +32 -0
  358. package/storybook-static/assets/StaggeredMenu-DjV6Ra1C.css +1 -0
  359. package/storybook-static/assets/StaggeredMenu.stories-goFBD6nv.js +45 -0
  360. package/storybook-static/assets/StarBorder-isNlSycS.css +1 -0
  361. package/storybook-static/assets/StarBorder.stories-DBM6IkZW.js +9 -0
  362. package/storybook-static/assets/SunburstChart-ChXvU9py.css +1 -0
  363. package/storybook-static/assets/SunburstChart.stories-cY39K-7Q.js +285 -0
  364. package/storybook-static/assets/Table-DnhtoClE.css +1 -0
  365. package/storybook-static/assets/Table.stories-rAe1I70z.js +227 -0
  366. package/storybook-static/assets/Tabs-BfJ7skOE.css +1 -0
  367. package/storybook-static/assets/Tabs.stories-D3bsFZfU.js +64 -0
  368. package/storybook-static/assets/TargetCursor-CWS-TuGF.css +1 -0
  369. package/storybook-static/assets/TargetCursor.stories-uvcMTfQh.js +9 -0
  370. package/storybook-static/assets/TextArea-B2UrQsuf.css +1 -0
  371. package/storybook-static/assets/TextArea-CbqMjFCN.js +28 -0
  372. package/storybook-static/assets/TextArea.stories-CuMypTf4.js +155 -0
  373. package/storybook-static/assets/TextCursor-DDqF-3pV.css +1 -0
  374. package/storybook-static/assets/TextCursor.stories-Bu6iMunU.js +11 -0
  375. package/storybook-static/assets/TextInput-BjVJQEYN.css +1 -0
  376. package/storybook-static/assets/TextInput-BpsPIO3D.js +28 -0
  377. package/storybook-static/assets/TextInput.stories-C0oXgEQ2.js +203 -0
  378. package/storybook-static/assets/TextPressure.stories-DNGUmrTD.js +47 -0
  379. package/storybook-static/assets/TextType-BYHLKnc2.css +1 -0
  380. package/storybook-static/assets/TextType.stories-BKNycUNL.js +19 -0
  381. package/storybook-static/assets/Texture-BkQWYNP2.js +1 -0
  382. package/storybook-static/assets/ThemeSwitcher-XCVQ6hhy.css +1 -0
  383. package/storybook-static/assets/ThemeSwitcher.stories-D5lsOFPy.js +62 -0
  384. package/storybook-static/assets/Threads-C5ItmUMV.css +1 -0
  385. package/storybook-static/assets/Threads.stories-VyvPNiLc.js +121 -0
  386. package/storybook-static/assets/TimeInput-C3enPYoV.css +1 -0
  387. package/storybook-static/assets/TimeInput.stories-BC5vDv_Y.js +55 -0
  388. package/storybook-static/assets/Toggle-BZxwy2el.js +41 -0
  389. package/storybook-static/assets/Toggle-DhKq5lh5.css +1 -0
  390. package/storybook-static/assets/Toggle.stories-VQMzqzt7.js +199 -0
  391. package/storybook-static/assets/ToggleButton-CijvK4iQ.js +32 -0
  392. package/storybook-static/assets/ToggleButton-DJU3CV_i.css +1 -0
  393. package/storybook-static/assets/ToggleButton.stories-DY0c1Gny.js +163 -0
  394. package/storybook-static/assets/Triangle-64ffRKNB.js +1 -0
  395. package/storybook-static/assets/TrueFocus-C4c7GDsQ.css +1 -0
  396. package/storybook-static/assets/TrueFocus.stories-DEScRjfz.js +12 -0
  397. package/storybook-static/assets/VariableProximity-E64p6UBv.css +1 -0
  398. package/storybook-static/assets/VariableProximity.stories-DbTKbjW_.js +14 -0
  399. package/storybook-static/assets/Vec2-Cf1C3GIc.js +1 -0
  400. package/storybook-static/assets/Waves-C7txy_IO.css +1 -0
  401. package/storybook-static/assets/Waves.stories-tLQsX0Mg.js +1 -0
  402. package/storybook-static/assets/arc-DgcIQOLP.js +1 -0
  403. package/storybook-static/assets/array-BKyUJesY.js +1 -0
  404. package/storybook-static/assets/axis-D3QohQNI.js +1 -0
  405. package/storybook-static/assets/check-CAskjz10.js +6 -0
  406. package/storybook-static/assets/chevron-down-BI8IU4ZZ.js +6 -0
  407. package/storybook-static/assets/chevron-right-DUHx58vO.js +6 -0
  408. package/storybook-static/assets/client-DFRPWCQR.js +1 -0
  409. package/storybook-static/assets/createLucideIcon-C7zEcVM7.js +21 -0
  410. package/storybook-static/assets/defaultLocale-DJ2q5QjE.js +1 -0
  411. package/storybook-static/assets/demo/cs1.webp +0 -0
  412. package/storybook-static/assets/demo/cs2.webp +0 -0
  413. package/storybook-static/assets/demo/cs3.webp +0 -0
  414. package/storybook-static/assets/folder-CR6tETf-.js +6 -0
  415. package/storybook-static/assets/iconBase-AISesxwq.js +1 -0
  416. package/storybook-static/assets/iframe-Cz1R6gKZ.js +1087 -0
  417. package/storybook-static/assets/iframe-Df7_64QT.css +1 -0
  418. package/storybook-static/assets/index-C2Ys00st.js +1 -0
  419. package/storybook-static/assets/index-C8pce-KX.js +15 -0
  420. package/storybook-static/assets/index-CIvCfZMj.js +9 -0
  421. package/storybook-static/assets/index-DcRHiSf7.js +128 -0
  422. package/storybook-static/assets/index-jFY_uKTI.js +24 -0
  423. package/storybook-static/assets/layout-grid-CE52it1h.js +6 -0
  424. package/storybook-static/assets/linear-dkJHgUri.js +1 -0
  425. package/storybook-static/assets/monotone-DHdPkfDP.js +1 -0
  426. package/storybook-static/assets/path-CbwjOpE9.js +1 -0
  427. package/storybook-static/assets/preload-helper-C1FmrZbK.js +1 -0
  428. package/storybook-static/assets/proxy-CAwOFzsk.js +1 -0
  429. package/storybook-static/assets/react-18-DoKaDswt.js +1 -0
  430. package/storybook-static/assets/react-three-fiber.esm-t8sCLCER.js +43 -0
  431. package/storybook-static/assets/search-DcwY6Xta.js +6 -0
  432. package/storybook-static/assets/sun-DeCJTUMz.js +11 -0
  433. package/storybook-static/assets/three.module--_vTUKhS.js +4057 -0
  434. package/storybook-static/assets/transform-BKmuZieF.js +1 -0
  435. package/storybook-static/assets/use-animation-frame-DhanRv3Z.js +1 -0
  436. package/storybook-static/assets/use-in-view-D50EZJ4s.js +1 -0
  437. package/storybook-static/assets/use-motion-value-BgGWOnBX.js +1 -0
  438. package/storybook-static/assets/use-spring-CKPLi_a5.js +1 -0
  439. package/storybook-static/assets/use-transform-CJxjUEuh.js +1 -0
  440. package/storybook-static/assets/useSound-DOpt9DfD.js +1 -0
  441. package/storybook-static/assets/users-C7jpE6gP.js +6 -0
  442. package/storybook-static/assets/x-CP8OMUcV.js +6 -0
  443. package/storybook-static/favicon-wrapper.svg +46 -0
  444. package/storybook-static/favicon.svg +1 -0
  445. package/storybook-static/iframe.html +693 -0
  446. package/storybook-static/index.html +164 -0
  447. package/storybook-static/index.json +1 -0
  448. package/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
  449. package/storybook-static/nunito-sans-bold.woff2 +0 -0
  450. package/storybook-static/nunito-sans-italic.woff2 +0 -0
  451. package/storybook-static/nunito-sans-regular.woff2 +0 -0
  452. package/storybook-static/project.json +1 -0
  453. package/storybook-static/sb-addons/chromatic-com-storybook-4/manager-bundle.js +356 -0
  454. package/storybook-static/sb-addons/chromatic-com-storybook-4/manager-bundle.js.LEGAL.txt +40 -0
  455. package/storybook-static/sb-addons/docs-2/manager-bundle.js +151 -0
  456. package/storybook-static/sb-addons/links-3/manager-bundle.js +3 -0
  457. package/storybook-static/sb-addons/onboarding-1/manager-bundle.js +127 -0
  458. package/storybook-static/sb-addons/storybook-5/manager-bundle.js +3 -0
  459. package/storybook-static/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +971 -0
  460. package/storybook-static/sb-common-assets/favicon-wrapper.svg +46 -0
  461. package/storybook-static/sb-common-assets/favicon.svg +1 -0
  462. package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  463. package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  464. package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  465. package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  466. package/storybook-static/sb-manager/globals-module-info.js +797 -0
  467. package/storybook-static/sb-manager/globals-runtime.js +69653 -0
  468. package/storybook-static/sb-manager/globals.js +34 -0
  469. package/storybook-static/sb-manager/runtime.js +13181 -0
  470. package/storybook-static/vite-inject-mocker-entry.js +18 -0
@@ -0,0 +1 @@
1
+ ._circular-text_2sef0_1{margin:0 auto;border-radius:50%;width:200px;position:relative;height:200px;font-weight:700;color:#fff;font-weight:900;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}._circular-text_2sef0_1 span{position:absolute;display:inline-block;left:0;right:0;top:0;bottom:0;font-size:24px;transition:all .5s cubic-bezier(0,0,0,1)}
@@ -0,0 +1,7 @@
1
+ import{r as A,j as g}from"./iframe-Cz1R6gKZ.js";import{U as _,u as k}from"./MotionConfigContext-C_Ro_xsO.js";import{g as w,s as b,m as U}from"./proxy-CAwOFzsk.js";import{u as H}from"./use-motion-value-BgGWOnBX.js";import"./preload-helper-C1FmrZbK.js";function $(t){t.values.forEach(e=>e.stop())}function f(t,e){[...e].reverse().forEach(c=>{const o=t.getVariant(c);o&&b(t,o),t.variantChildren&&t.variantChildren.forEach(n=>{f(n,e)})})}function j(t,e){if(Array.isArray(e))return f(t,e);if(typeof e=="string")return f(t,[e]);b(t,e)}function I(){const t=new Set,e={subscribe(s){return t.add(s),()=>void t.delete(s)},start(s,c){const o=[];return t.forEach(n=>{o.push(w(n,s,{transitionOverride:c}))}),Promise.all(o)},set(s){return t.forEach(c=>{j(c,s)})},stop(){t.forEach(s=>{$(s)})},mount(){return()=>{e.stop()}}};return e}function M(){const t=_(I);return k(t.mount,[]),t}const q=M,L={"circular-text":"_circular-text_2sef0_1"},N=(t,e,s=!0)=>({from:e,to:e+360,ease:"linear",duration:t,type:"tween",repeat:s?1/0:0}),i=(t,e)=>({rotate:N(t,e),scale:{type:"spring",damping:20,stiffness:300}}),C=({text:t,spinDuration:e=20,onHover:s="speedUp",className:c=""})=>{const o=Array.from(t),n=q(),l=H(0);A.useEffect(()=>{const r=l.get();n.start({rotate:r+360,scale:1,transition:i(e,r)})},[e,t,s,n,l]);const v=()=>{const r=l.get();if(console.log("CircularText mounted with text:",t),!s)return;let a,u=1;switch(s){case"slowDown":a=i(e*2,r);break;case"speedUp":a=i(e/4,r);break;case"pause":a={rotate:{type:"spring",damping:20,stiffness:300},scale:{type:"spring",damping:20,stiffness:300}},u=1;break;case"goBonkers":a=i(e/20,r),u=.8;break;default:a=i(e,r)}n.start({rotate:r+360,scale:u,transition:a})},T=()=>{const r=l.get();n.start({rotate:r+360,scale:1,transition:i(e,r)})};return g.jsx(U.div,{className:`${L["circular-text"]} ${c}`,style:{rotate:l},initial:{rotate:0},animate:n,onMouseEnter:v,onMouseLeave:T,children:o.map((r,a)=>{const u=360/o.length*a,d=Math.PI/o.length,V=d*a,E=d*a,m=`rotateZ(${u}deg) translate3d(${V}px, ${E}px, 0)`;return g.jsx("span",{style:{transform:m,WebkitTransform:m},children:r},a)})})};C.__docgenInfo={description:"",methods:[],displayName:"CircularText",props:{spinDuration:{defaultValue:{value:"20",computed:!1},required:!1},onHover:{defaultValue:{value:"'speedUp'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const D={title:"ReactBits/TextAnimations/CircularText",component:C,parameters:{layout:"fullscreen"},tags:["autodocs"]},p={args:{text:"Hello World",spinDuration:20,onHover:"speedUp"}};var h,x,y;p.parameters={...p.parameters,docs:{...(h=p.parameters)==null?void 0:h.docs,source:{originalSource:`{
2
+ args: {
3
+ text: 'Hello World',
4
+ spinDuration: 20,
5
+ onHover: 'speedUp'
6
+ }
7
+ }`,...(y=(x=p.parameters)==null?void 0:x.docs)==null?void 0:y.source}}};const O=["Default"];export{p as Default,O as __namedExportsOrder,D as default};
@@ -0,0 +1,12 @@
1
+ import{r as l,j as S}from"./iframe-Cz1R6gKZ.js";import"./preload-helper-C1FmrZbK.js";const V=({sparkColor:g="#fff",sparkSize:v=10,sparkRadius:x=15,sparkCount:m=8,duration:p=400,easing:R="ease-out",extraScale:k=1,children:b})=>{const i=l.useRef(null),h=l.useRef([]),C=l.useRef(null);l.useEffect(()=>{const e=i.current;if(!e)return;const t=e.parentElement;if(!t)return;let a;const s=()=>{const{width:r,height:c}=t.getBoundingClientRect();(e.width!==r||e.height!==c)&&(e.width=r,e.height=c)},o=()=>{clearTimeout(a),a=setTimeout(s,100)},n=new ResizeObserver(o);return n.observe(t),s(),()=>{n.disconnect(),clearTimeout(a)}},[]);const w=l.useCallback(e=>{switch(R){case"linear":return e;case"ease-in":return e*e;case"ease-in-out":return e<.5?2*e*e:-1+(4-2*e)*e;default:return e*(2-e)}},[R]);l.useEffect(()=>{const e=i.current;if(!e)return;const t=e.getContext("2d");let a;const s=o=>{C.current||(C.current=o),t.clearRect(0,0,e.width,e.height),h.current=h.current.filter(n=>{const r=o-n.startTime;if(r>=p)return!1;const c=r/p,u=w(c),f=u*x*k,y=v*(1-u),A=n.x+f*Math.cos(n.angle),M=n.y+f*Math.sin(n.angle),_=n.x+(f+y)*Math.cos(n.angle),j=n.y+(f+y)*Math.sin(n.angle);return t.strokeStyle=g,t.lineWidth=2,t.beginPath(),t.moveTo(A,M),t.lineTo(_,j),t.stroke(),!0}),a=requestAnimationFrame(s)};return a=requestAnimationFrame(s),()=>{cancelAnimationFrame(a)}},[g,v,x,m,p,w,k]);const z=e=>{const t=i.current;if(!t)return;const a=t.getBoundingClientRect(),s=e.clientX-a.left,o=e.clientY-a.top,n=performance.now(),r=Array.from({length:m},(c,u)=>({x:s,y:o,angle:2*Math.PI*u/m,startTime:n}));h.current.push(...r)};return S.jsxs("div",{style:{position:"relative",width:"100%",height:"100%"},onClick:z,children:[S.jsx("canvas",{ref:i,style:{width:"100%",height:"100%",display:"block",userSelect:"none",position:"absolute",top:0,left:0,pointerEvents:"none"}}),b]})};V.__docgenInfo={description:"",methods:[],displayName:"ClickSpark",props:{sparkColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},sparkSize:{defaultValue:{value:"10",computed:!1},required:!1},sparkRadius:{defaultValue:{value:"15",computed:!1},required:!1},sparkCount:{defaultValue:{value:"8",computed:!1},required:!1},duration:{defaultValue:{value:"400",computed:!1},required:!1},easing:{defaultValue:{value:"'ease-out'",computed:!1},required:!1},extraScale:{defaultValue:{value:"1.0",computed:!1},required:!1}}};const I={title:"ReactBits/Animations/ClickSpark",component:V,parameters:{layout:"fullscreen"},tags:["autodocs"]},d={args:{sparkColor:"#fff",sparkSize:10,sparkRadius:15,sparkCount:8,duration:400,easing:"ease-out",extraScale:1,children:"Hello World"}};var q,T,E;d.parameters={...d.parameters,docs:{...(q=d.parameters)==null?void 0:q.docs,source:{originalSource:`{
2
+ args: {
3
+ sparkColor: '#fff',
4
+ sparkSize: 10,
5
+ sparkRadius: 15,
6
+ sparkCount: 8,
7
+ duration: 400,
8
+ easing: 'ease-out',
9
+ extraScale: 1.0,
10
+ children: 'Hello World'
11
+ }
12
+ }`,...(E=(T=d.parameters)==null?void 0:T.docs)==null?void 0:E.source}}};const W=["Default"];export{d as Default,W as __namedExportsOrder,I as default};
@@ -0,0 +1 @@
1
+ import{d as ce,x as M,Y as U,g as he,i as fe,Z as de,M as ge,_ as be,a as q}from"./DocsRenderer-PQXLIZUC-e7izZ1Ax.js";import{r as p,R as v}from"./iframe-Cz1R6gKZ.js";import"./preload-helper-C1FmrZbK.js";import"./react-18-DoKaDswt.js";import"./client-DFRPWCQR.js";import"./index-jFY_uKTI.js";var ve=q({"../../node_modules/color-name/index.js"(r,l){l.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),Z=q({"../../node_modules/color-convert/conversions.js"(r,l){var s=ve(),h={};for(let e of Object.keys(s))h[s[e]]=e;var u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};l.exports=u;for(let e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:n,labels:t}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:n}),Object.defineProperty(u[e],"labels",{value:t})}u.rgb.hsl=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.min(n,t,a),i=Math.max(n,t,a),c=i-o,f,g;i===o?f=0:n===i?f=(t-a)/c:t===i?f=2+(a-n)/c:a===i&&(f=4+(n-t)/c),f=Math.min(f*60,360),f<0&&(f+=360);let b=(o+i)/2;return i===o?g=0:b<=.5?g=c/(i+o):g=c/(2-i-o),[f,g*100,b*100]},u.rgb.hsv=function(e){let n,t,a,o,i,c=e[0]/255,f=e[1]/255,g=e[2]/255,b=Math.max(c,f,g),y=b-Math.min(c,f,g),m=function(k){return(b-k)/6/y+1/2};return y===0?(o=0,i=0):(i=y/b,n=m(c),t=m(f),a=m(g),c===b?o=a-t:f===b?o=1/3+n-a:g===b&&(o=2/3+t-n),o<0?o+=1:o>1&&(o-=1)),[o*360,i*100,b*100]},u.rgb.hwb=function(e){let n=e[0],t=e[1],a=e[2],o=u.rgb.hsl(e)[0],i=1/255*Math.min(n,Math.min(t,a));return a=1-1/255*Math.max(n,Math.max(t,a)),[o,i*100,a*100]},u.rgb.cmyk=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.min(1-n,1-t,1-a),i=(1-n-o)/(1-o)||0,c=(1-t-o)/(1-o)||0,f=(1-a-o)/(1-o)||0;return[i*100,c*100,f*100,o*100]};function d(e,n){return(e[0]-n[0])**2+(e[1]-n[1])**2+(e[2]-n[2])**2}u.rgb.keyword=function(e){let n=h[e];if(n)return n;let t=1/0,a;for(let o of Object.keys(s)){let i=s[o],c=d(e,i);c<t&&(t=c,a=o)}return a},u.keyword.rgb=function(e){return s[e]},u.rgb.xyz=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255;n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92;let o=n*.4124+t*.3576+a*.1805,i=n*.2126+t*.7152+a*.0722,c=n*.0193+t*.1192+a*.9505;return[o*100,i*100,c*100]},u.rgb.lab=function(e){let n=u.rgb.xyz(e),t=n[0],a=n[1],o=n[2];t/=95.047,a/=100,o/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;let i=116*a-16,c=500*(t-a),f=200*(a-o);return[i,c,f]},u.hsl.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,o,i,c;if(t===0)return c=a*255,[c,c,c];a<.5?o=a*(1+t):o=a+t-a*t;let f=2*a-o,g=[0,0,0];for(let b=0;b<3;b++)i=n+1/3*-(b-1),i<0&&i++,i>1&&i--,6*i<1?c=f+(o-f)*6*i:2*i<1?c=o:3*i<2?c=f+(o-f)*(2/3-i)*6:c=f,g[b]=c*255;return g},u.hsl.hsv=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,o=t,i=Math.max(a,.01);a*=2,t*=a<=1?a:2-a,o*=i<=1?i:2-i;let c=(a+t)/2,f=a===0?2*o/(i+o):2*t/(a+t);return[n,f*100,c*100]},u.hsv.rgb=function(e){let n=e[0]/60,t=e[1]/100,a=e[2]/100,o=Math.floor(n)%6,i=n-Math.floor(n),c=255*a*(1-t),f=255*a*(1-t*i),g=255*a*(1-t*(1-i));switch(a*=255,o){case 0:return[a,g,c];case 1:return[f,a,c];case 2:return[c,a,g];case 3:return[c,f,a];case 4:return[g,c,a];case 5:return[a,c,f]}},u.hsv.hsl=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,o=Math.max(a,.01),i,c;c=(2-t)*a;let f=(2-t)*o;return i=t*o,i/=f<=1?f:2-f,i=i||0,c/=2,[n,i*100,c*100]},u.hwb.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,o=t+a,i;o>1&&(t/=o,a/=o);let c=Math.floor(6*n),f=1-a;i=6*n-c,c&1&&(i=1-i);let g=t+i*(f-t),b,y,m;switch(c){default:case 6:case 0:b=f,y=g,m=t;break;case 1:b=g,y=f,m=t;break;case 2:b=t,y=f,m=g;break;case 3:b=t,y=g,m=f;break;case 4:b=g,y=t,m=f;break;case 5:b=f,y=t,m=g;break}return[b*255,y*255,m*255]},u.cmyk.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,o=e[3]/100,i=1-Math.min(1,n*(1-o)+o),c=1-Math.min(1,t*(1-o)+o),f=1-Math.min(1,a*(1-o)+o);return[i*255,c*255,f*255]},u.xyz.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,o,i,c;return o=n*3.2406+t*-1.5372+a*-.4986,i=n*-.9689+t*1.8758+a*.0415,c=n*.0557+t*-.204+a*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,c=c>.0031308?1.055*c**(1/2.4)-.055:c*12.92,o=Math.min(Math.max(0,o),1),i=Math.min(Math.max(0,i),1),c=Math.min(Math.max(0,c),1),[o*255,i*255,c*255]},u.xyz.lab=function(e){let n=e[0],t=e[1],a=e[2];n/=95.047,t/=100,a/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116;let o=116*t-16,i=500*(n-t),c=200*(t-a);return[o,i,c]},u.lab.xyz=function(e){let n=e[0],t=e[1],a=e[2],o,i,c;i=(n+16)/116,o=t/500+i,c=i-a/200;let f=i**3,g=o**3,b=c**3;return i=f>.008856?f:(i-16/116)/7.787,o=g>.008856?g:(o-16/116)/7.787,c=b>.008856?b:(c-16/116)/7.787,o*=95.047,i*=100,c*=108.883,[o,i,c]},u.lab.lch=function(e){let n=e[0],t=e[1],a=e[2],o;o=Math.atan2(a,t)*360/2/Math.PI,o<0&&(o+=360);let i=Math.sqrt(t*t+a*a);return[n,i,o]},u.lch.lab=function(e){let n=e[0],t=e[1],a=e[2]/360*2*Math.PI,o=t*Math.cos(a),i=t*Math.sin(a);return[n,o,i]},u.rgb.ansi16=function(e,n=null){let[t,a,o]=e,i=n===null?u.rgb.hsv(e)[2]:n;if(i=Math.round(i/50),i===0)return 30;let c=30+(Math.round(o/255)<<2|Math.round(a/255)<<1|Math.round(t/255));return i===2&&(c+=60),c},u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])},u.rgb.ansi256=function(e){let n=e[0],t=e[1],a=e[2];return n===t&&t===a?n<8?16:n>248?231:Math.round((n-8)/247*24)+232:16+36*Math.round(n/255*5)+6*Math.round(t/255*5)+Math.round(a/255*5)},u.ansi16.rgb=function(e){let n=e%10;if(n===0||n===7)return e>50&&(n+=3.5),n=n/10.5*255,[n,n,n];let t=(~~(e>50)+1)*.5,a=(n&1)*t*255,o=(n>>1&1)*t*255,i=(n>>2&1)*t*255;return[a,o,i]},u.ansi256.rgb=function(e){if(e>=232){let i=(e-232)*10+8;return[i,i,i]}e-=16;let n,t=Math.floor(e/36)/5*255,a=Math.floor((n=e%36)/6)/5*255,o=n%6/5*255;return[t,a,o]},u.rgb.hex=function(e){let n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n},u.hex.rgb=function(e){let n=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!n)return[0,0,0];let t=n[0];n[0].length===3&&(t=t.split("").map(f=>f+f).join(""));let a=parseInt(t,16),o=a>>16&255,i=a>>8&255,c=a&255;return[o,i,c]},u.rgb.hcg=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.max(Math.max(n,t),a),i=Math.min(Math.min(n,t),a),c=o-i,f,g;return c<1?f=i/(1-c):f=0,c<=0?g=0:o===n?g=(t-a)/c%6:o===t?g=2+(a-n)/c:g=4+(n-t)/c,g/=6,g%=1,[g*360,c*100,f*100]},u.hsl.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=t<.5?2*n*t:2*n*(1-t),o=0;return a<1&&(o=(t-.5*a)/(1-a)),[e[0],a*100,o*100]},u.hsv.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=n*t,o=0;return a<1&&(o=(t-a)/(1-a)),[e[0],a*100,o*100]},u.hcg.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100;if(t===0)return[a*255,a*255,a*255];let o=[0,0,0],i=n%1*6,c=i%1,f=1-c,g=0;switch(Math.floor(i)){case 0:o[0]=1,o[1]=c,o[2]=0;break;case 1:o[0]=f,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=c;break;case 3:o[0]=0,o[1]=f,o[2]=1;break;case 4:o[0]=c,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=f}return g=(1-t)*a,[(t*o[0]+g)*255,(t*o[1]+g)*255,(t*o[2]+g)*255]},u.hcg.hsv=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n),o=0;return a>0&&(o=n/a),[e[0],o*100,a*100]},u.hcg.hsl=function(e){let n=e[1]/100,t=e[2]/100*(1-n)+.5*n,a=0;return t>0&&t<.5?a=n/(2*t):t>=.5&&t<1&&(a=n/(2*(1-t))),[e[0],a*100,t*100]},u.hcg.hwb=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n);return[e[0],(a-n)*100,(1-a)*100]},u.hwb.hcg=function(e){let n=e[1]/100,t=1-e[2]/100,a=t-n,o=0;return a<1&&(o=(t-a)/(1-a)),[e[0],a*100,o*100]},u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},u.gray.hsl=function(e){return[0,0,e[0]]},u.gray.hsv=u.gray.hsl,u.gray.hwb=function(e){return[0,100,e[0]]},u.gray.cmyk=function(e){return[0,0,0,e[0]]},u.gray.lab=function(e){return[e[0],0,0]},u.gray.hex=function(e){let n=Math.round(e[0]/100*255)&255,t=((n<<16)+(n<<8)+n).toString(16).toUpperCase();return"000000".substring(t.length)+t},u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),me=q({"../../node_modules/color-convert/route.js"(r,l){var s=Z();function h(){let n={},t=Object.keys(s);for(let a=t.length,o=0;o<a;o++)n[t[o]]={distance:-1,parent:null};return n}function u(n){let t=h(),a=[n];for(t[n].distance=0;a.length;){let o=a.pop(),i=Object.keys(s[o]);for(let c=i.length,f=0;f<c;f++){let g=i[f],b=t[g];b.distance===-1&&(b.distance=t[o].distance+1,b.parent=o,a.unshift(g))}}return t}function d(n,t){return function(a){return t(n(a))}}function e(n,t){let a=[t[n].parent,n],o=s[t[n].parent][n],i=t[n].parent;for(;t[i].parent;)a.unshift(t[i].parent),o=d(s[t[i].parent][i],o),i=t[i].parent;return o.conversion=a,o}l.exports=function(n){let t=u(n),a={},o=Object.keys(t);for(let i=o.length,c=0;c<i;c++){let f=o[c];t[f].parent!==null&&(a[f]=e(f,t))}return a}}}),pe=q({"../../node_modules/color-convert/index.js"(r,l){var s=Z(),h=me(),u={},d=Object.keys(s);function e(t){let a=function(...o){let i=o[0];return i==null?i:(i.length>1&&(o=i),t(o))};return"conversion"in t&&(a.conversion=t.conversion),a}function n(t){let a=function(...o){let i=o[0];if(i==null)return i;i.length>1&&(o=i);let c=t(o);if(typeof c=="object")for(let f=c.length,g=0;g<f;g++)c[g]=Math.round(c[g]);return c};return"conversion"in t&&(a.conversion=t.conversion),a}d.forEach(t=>{u[t]={},Object.defineProperty(u[t],"channels",{value:s[t].channels}),Object.defineProperty(u[t],"labels",{value:s[t].labels});let a=h(t);Object.keys(a).forEach(o=>{let i=a[o];u[t][o]=n(i),u[t][o].raw=e(i)})}),l.exports=u}}),_=be(pe());function C(){return(C=Object.assign||function(r){for(var l=1;l<arguments.length;l++){var s=arguments[l];for(var h in s)Object.prototype.hasOwnProperty.call(s,h)&&(r[h]=s[h])}return r}).apply(this,arguments)}function D(r,l){if(r==null)return{};var s,h,u={},d=Object.keys(r);for(h=0;h<d.length;h++)l.indexOf(s=d[h])>=0||(u[s]=r[s]);return u}function L(r){var l=p.useRef(r),s=p.useRef(function(h){l.current&&l.current(h)});return l.current=r,s.current}var O=function(r,l,s){return l===void 0&&(l=0),s===void 0&&(s=1),r>s?s:r<l?l:r},S=function(r){return"touches"in r},B=function(r){return r&&r.ownerDocument.defaultView||self},T=function(r,l,s){var h=r.getBoundingClientRect(),u=S(l)?function(d,e){for(var n=0;n<d.length;n++)if(d[n].identifier===e)return d[n];return d[0]}(l.touches,s):l;return{left:O((u.pageX-(h.left+B(r).pageXOffset))/h.width),top:O((u.pageY-(h.top+B(r).pageYOffset))/h.height)}},W=function(r){!S(r)&&r.preventDefault()},G=v.memo(function(r){var l=r.onMove,s=r.onKey,h=D(r,["onMove","onKey"]),u=p.useRef(null),d=L(l),e=L(s),n=p.useRef(null),t=p.useRef(!1),a=p.useMemo(function(){var f=function(y){W(y),(S(y)?y.touches.length>0:y.buttons>0)&&u.current?d(T(u.current,y,n.current)):b(!1)},g=function(){return b(!1)};function b(y){var m=t.current,k=B(u.current),E=y?k.addEventListener:k.removeEventListener;E(m?"touchmove":"mousemove",f),E(m?"touchend":"mouseup",g)}return[function(y){var m=y.nativeEvent,k=u.current;if(k&&(W(m),!function(x,R){return R&&!S(x)}(m,t.current)&&k)){if(S(m)){t.current=!0;var E=m.changedTouches||[];E.length&&(n.current=E[0].identifier)}k.focus(),d(T(k,m,n.current)),b(!0)}},function(y){var m=y.which||y.keyCode;m<37||m>40||(y.preventDefault(),e({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},b]},[e,d]),o=a[0],i=a[1],c=a[2];return p.useEffect(function(){return c},[c]),v.createElement("div",C({},h,{onTouchStart:o,onMouseDown:o,className:"react-colorful__interactive",ref:u,onKeyDown:i,tabIndex:0,role:"slider"}))}),N=function(r){return r.filter(Boolean).join(" ")},F=function(r){var l=r.color,s=r.left,h=r.top,u=h===void 0?.5:h,d=N(["react-colorful__pointer",r.className]);return v.createElement("div",{className:d,style:{top:100*u+"%",left:100*s+"%"}},v.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:l}}))},w=function(r,l,s){return l===void 0&&(l=0),s===void 0&&(s=Math.pow(10,l)),Math.round(s*r)/s},ye={grad:.9,turn:360,rad:360/(2*Math.PI)},xe=function(r){return ee(K(r))},K=function(r){return r[0]==="#"&&(r=r.substring(1)),r.length<6?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:r.length===4?w(parseInt(r[3]+r[3],16)/255,2):1}:{r:parseInt(r.substring(0,2),16),g:parseInt(r.substring(2,4),16),b:parseInt(r.substring(4,6),16),a:r.length===8?w(parseInt(r.substring(6,8),16)/255,2):1}},we=function(r,l){return l===void 0&&(l="deg"),Number(r)*(ye[l]||1)},ke=function(r){var l=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return l?_e({h:we(l[1],l[2]),s:Number(l[3]),l:Number(l[4]),a:l[5]===void 0?1:Number(l[5])/(l[6]?100:1)}):{h:0,s:0,v:0,a:1}},_e=function(r){var l=r.s,s=r.l;return{h:r.h,s:(l*=(s<50?s:100-s)/100)>0?2*l/(s+l)*100:0,v:s+l,a:r.a}},Ee=function(r){return Ce(Q(r))},J=function(r){var l=r.s,s=r.v,h=r.a,u=(200-l)*s/100;return{h:w(r.h),s:w(u>0&&u<200?l*s/100/(u<=100?u:200-u)*100:0),l:w(u/2),a:w(h,2)}},X=function(r){var l=J(r);return"hsl("+l.h+", "+l.s+"%, "+l.l+"%)"},H=function(r){var l=J(r);return"hsla("+l.h+", "+l.s+"%, "+l.l+"%, "+l.a+")"},Q=function(r){var l=r.h,s=r.s,h=r.v,u=r.a;l=l/360*6,s/=100,h/=100;var d=Math.floor(l),e=h*(1-s),n=h*(1-(l-d)*s),t=h*(1-(1-l+d)*s),a=d%6;return{r:w(255*[h,n,e,e,t,h][a]),g:w(255*[t,h,h,n,e,e][a]),b:w(255*[e,e,t,h,h,n][a]),a:w(u,2)}},Me=function(r){var l=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return l?ee({r:Number(l[1])/(l[2]?100/255:1),g:Number(l[3])/(l[4]?100/255:1),b:Number(l[5])/(l[6]?100/255:1),a:l[7]===void 0?1:Number(l[7])/(l[8]?100:1)}):{h:0,s:0,v:0,a:1}},j=function(r){var l=r.toString(16);return l.length<2?"0"+l:l},Ce=function(r){var l=r.r,s=r.g,h=r.b,u=r.a,d=u<1?j(w(255*u)):"";return"#"+j(l)+j(s)+j(h)+d},ee=function(r){var l=r.r,s=r.g,h=r.b,u=r.a,d=Math.max(l,s,h),e=d-Math.min(l,s,h),n=e?d===l?(s-h)/e:d===s?2+(h-l)/e:4+(l-s)/e:0;return{h:w(60*(n<0?n+6:n)),s:w(d?e/d*100:0),v:w(d/255*100),a:u}},re=v.memo(function(r){var l=r.hue,s=r.onChange,h=N(["react-colorful__hue",r.className]);return v.createElement("div",{className:h},v.createElement(G,{onMove:function(u){s({h:360*u.left})},onKey:function(u){s({h:O(l+360*u.left,0,360)})},"aria-label":"Hue","aria-valuenow":w(l),"aria-valuemax":"360","aria-valuemin":"0"},v.createElement(F,{className:"react-colorful__hue-pointer",left:l/360,color:X({h:l,s:100,v:100,a:1})})))}),te=v.memo(function(r){var l=r.hsva,s=r.onChange,h={backgroundColor:X({h:l.h,s:100,v:100,a:1})};return v.createElement("div",{className:"react-colorful__saturation",style:h},v.createElement(G,{onMove:function(u){s({s:100*u.left,v:100-100*u.top})},onKey:function(u){s({s:O(l.s+100*u.left,0,100),v:O(l.v-100*u.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+w(l.s)+"%, Brightness "+w(l.v)+"%"},v.createElement(F,{className:"react-colorful__saturation-pointer",top:1-l.v/100,left:l.s/100,color:X(l)})))}),ne=function(r,l){if(r===l)return!0;for(var s in r)if(r[s]!==l[s])return!1;return!0},ae=function(r,l){return r.replace(/\s/g,"")===l.replace(/\s/g,"")},$e=function(r,l){return r.toLowerCase()===l.toLowerCase()||ne(K(r),K(l))};function le(r,l,s){var h=L(s),u=p.useState(function(){return r.toHsva(l)}),d=u[0],e=u[1],n=p.useRef({color:l,hsva:d});p.useEffect(function(){if(!r.equal(l,n.current.color)){var a=r.toHsva(l);n.current={hsva:a,color:l},e(a)}},[l,r]),p.useEffect(function(){var a;ne(d,n.current.hsva)||r.equal(a=r.fromHsva(d),n.current.color)||(n.current={hsva:d,color:a},h(a))},[d,r,h]);var t=p.useCallback(function(a){e(function(o){return Object.assign({},o,a)})},[]);return[d,t]}var Oe=typeof window<"u"?p.useLayoutEffect:p.useEffect,Se=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},Y=new Map,oe=function(r){Oe(function(){var l=r.current?r.current.ownerDocument:document;if(l!==void 0&&!Y.has(l)){var s=l.createElement("style");s.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,Y.set(l,s);var h=Se();h&&s.setAttribute("nonce",h),l.head.appendChild(s)}},[])},Ne=function(r){var l=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,d=r.onChange,e=D(r,["className","colorModel","color","onChange"]),n=p.useRef(null);oe(n);var t=le(s,u,d),a=t[0],o=t[1],i=N(["react-colorful",l]);return v.createElement("div",C({},e,{ref:n,className:i}),v.createElement(te,{hsva:a,onChange:o}),v.createElement(re,{hue:a.h,onChange:o,className:"react-colorful__last-control"}))},Re={defaultColor:"000",toHsva:xe,fromHsva:function(r){return Ee({h:r.h,s:r.s,v:r.v,a:1})},equal:$e},je=function(r){return v.createElement(Ne,C({},r,{colorModel:Re}))},ze=function(r){var l=r.className,s=r.hsva,h=r.onChange,u={backgroundImage:"linear-gradient(90deg, "+H(Object.assign({},s,{a:0}))+", "+H(Object.assign({},s,{a:1}))+")"},d=N(["react-colorful__alpha",l]),e=w(100*s.a);return v.createElement("div",{className:d},v.createElement("div",{className:"react-colorful__alpha-gradient",style:u}),v.createElement(G,{onMove:function(n){h({a:n.left})},onKey:function(n){h({a:O(s.a+n.left)})},"aria-label":"Alpha","aria-valuetext":e+"%","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100"},v.createElement(F,{className:"react-colorful__alpha-pointer",left:s.a,color:H(s)})))},ue=function(r){var l=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,d=r.onChange,e=D(r,["className","colorModel","color","onChange"]),n=p.useRef(null);oe(n);var t=le(s,u,d),a=t[0],o=t[1],i=N(["react-colorful",l]);return v.createElement("div",C({},e,{ref:n,className:i}),v.createElement(te,{hsva:a,onChange:o}),v.createElement(re,{hue:a.h,onChange:o}),v.createElement(ze,{hsva:a,onChange:o,className:"react-colorful__last-control"}))},He={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ke,fromHsva:H,equal:ae},Ie=function(r){return v.createElement(ue,C({},r,{colorModel:He}))},qe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Me,fromHsva:function(r){var l=Q(r);return"rgba("+l.r+", "+l.g+", "+l.b+", "+l.a+")"},equal:ae},Pe=function(r){return v.createElement(ue,C({},r,{colorModel:qe}))},Le=M.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Be=M(U)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ke=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Xe=M(fe)(({theme:r})=>({fontFamily:r.typography.fonts.base})),Ve=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),De=M.div(({theme:r,active:l})=>({width:16,height:16,boxShadow:l?`${r.appBorderColor} 0 0 0 1px inset, ${r.textMutedColor}50 0 0 0 4px`:`${r.appBorderColor} 0 0 0 1px inset`,borderRadius:r.appBorderRadius})),Ge=`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,A=({value:r,style:l,...s})=>{let h=`linear-gradient(${r}, ${r}), ${Ge}, linear-gradient(#fff, #fff)`;return v.createElement(De,{...s,style:{...l,backgroundImage:h}})},Fe=M(de.Input)(({theme:r,readOnly:l})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:r.typography.fonts.base})),Te=M(ge)(({theme:r})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:r.input.color})),ie=(r=>(r.RGB="rgb",r.HSL="hsl",r.HEX="hex",r))(ie||{}),P=Object.values(ie),We=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ye=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ae=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,V=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Ue=/^\s*#?([0-9a-f]{3})\s*$/i,Ze={hex:je,rgb:Pe,hsl:Ie},z={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},se=r=>{let l=r==null?void 0:r.match(We);if(!l)return[0,0,0,1];let[,s,h,u,d=1]=l;return[s,h,u,d].map(Number)},Je=r=>{let[l,s,h,u]=se(r),[d,e,n]=_.default.rgb.hsl([l,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.rgb.keyword([l,s,h]),colorSpace:"rgb",rgb:r,hsl:`hsla(${d}, ${e}%, ${n}%, ${u})`,hex:`#${_.default.rgb.hex([l,s,h]).toLowerCase()}`}},Qe=r=>{let[l,s,h,u]=se(r),[d,e,n]=_.default.hsl.rgb([l,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.hsl.keyword([l,s,h]),colorSpace:"hsl",rgb:`rgba(${d}, ${e}, ${n}, ${u})`,hsl:r,hex:`#${_.default.hsl.hex([l,s,h]).toLowerCase()}`}},er=r=>{let l=r.replace("#",""),s=_.default.keyword.rgb(l)||_.default.hex.rgb(l),h=_.default.rgb.hsl(s),u=r;/[^#a-f0-9]/i.test(r)?u=l:V.test(r)&&(u=`#${l}`);let d=!0;if(u.startsWith("#"))d=V.test(u);else try{_.default.keyword.hex(u)}catch{d=!1}return{valid:d,value:u,keyword:_.default.rgb.keyword(s),colorSpace:"hex",rgb:`rgba(${s[0]}, ${s[1]}, ${s[2]}, 1)`,hsl:`hsla(${h[0]}, ${h[1]}%, ${h[2]}%, 1)`,hex:u}},$=r=>{if(r)return Ye.test(r)?Je(r):Ae.test(r)?Qe(r):er(r)},rr=(r,l,s)=>{if(!r||!(l!=null&&l.valid))return z[s];if(s!=="hex")return(l==null?void 0:l[s])||z[s];if(!l.hex.startsWith("#"))try{return`#${_.default.keyword.hex(l.hex)}`}catch{return z.hex}let h=l.hex.match(Ue);if(!h)return V.test(l.hex)?l.hex:z.hex;let[u,d,e]=h[1].split("");return`#${u}${u}${d}${d}${e}${e}`},tr=(r,l)=>{let[s,h]=p.useState(r||""),[u,d]=p.useState(()=>$(s)),[e,n]=p.useState((u==null?void 0:u.colorSpace)||"hex");p.useEffect(()=>{let i=r||"",c=$(i);h(i),d(c),n((c==null?void 0:c.colorSpace)||"hex")},[r]);let t=p.useMemo(()=>rr(s,u,e).toLowerCase(),[s,u,e]),a=p.useCallback(i=>{let c=$(i),f=(c==null?void 0:c.value)||i||"";h(f),f===""&&(d(void 0),l(void 0)),c&&(d(c),n(c.colorSpace),l(c.value))},[l]),o=p.useCallback(()=>{let i=(P.indexOf(e)+1)%P.length,c=P[i];n(c);let f=(u==null?void 0:u[c])||"";h(f),l(f)},[u,e,l]);return{value:s,realValue:t,updateValue:a,color:u,colorSpace:e,cycleColorSpace:o}},I=r=>r.replace(/\s*/,"").toLowerCase(),nr=(r,l,s)=>{let[h,u]=p.useState(l!=null&&l.valid?[l]:[]);p.useEffect(()=>{l===void 0&&u([])},[l]);let d=p.useMemo(()=>(r||[]).map(n=>typeof n=="string"?$(n):n.title?{...$(n.color),keyword:n.title}:$(n.color)).concat(h).filter(Boolean).slice(-27),[r,h]),e=p.useCallback(n=>{n!=null&&n.valid&&(d.some(t=>t&&t[s]&&I(t[s]||"")===I(n[s]||""))||u(t=>t.concat(n)))},[s,d]);return{presets:d,addPreset:e}},ar=({name:r,value:l,onChange:s,onFocus:h,onBlur:u,presetColors:d,startOpen:e=!1,argType:n})=>{var E;let t=p.useCallback(ce(s,200),[s]),{value:a,realValue:o,updateValue:i,color:c,colorSpace:f,cycleColorSpace:g}=tr(l,t),{presets:b,addPreset:y}=nr(d??[],c,f),m=Ze[f],k=!!((E=n==null?void 0:n.table)!=null&&E.readonly);return v.createElement(Le,{"aria-readonly":k},v.createElement(Be,{startOpen:e,trigger:k?null:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>c&&y(c),tooltip:v.createElement(Ke,null,v.createElement(m,{color:o==="transparent"?"#000000":o,onChange:i,onFocus:h,onBlur:u}),b.length>0&&v.createElement(Ve,null,b.map((x,R)=>v.createElement(U,{key:`${(x==null?void 0:x.value)||R}-${R}`,hasChrome:!1,tooltip:v.createElement(Xe,{note:(x==null?void 0:x.keyword)||(x==null?void 0:x.value)||""})},v.createElement(A,{value:(x==null?void 0:x[f])||"",active:!!(c&&x&&x[f]&&I(x[f]||"")===I(c[f])),onClick:()=>x&&i(x.value||"")})))))},v.createElement(A,{value:o,style:{margin:4}})),v.createElement(Fe,{id:he(r),value:a,onChange:x=>i(x.target.value),onFocus:x=>x.target.select(),readOnly:k,placeholder:"Choose color..."}),a?v.createElement(Te,{onClick:g}):null)},hr=ar;export{ar as ColorControl,hr as default};
@@ -0,0 +1 @@
1
+ const e={black:"#000000",white:"#ffffff",red:"#ff0000",green:"#00ff00",blue:"#0000ff",fuchsia:"#ff00ff",cyan:"#00ffff",yellow:"#ffff00",orange:"#ff8000"};function n(r){r.length===4&&(r=r[0]+r[1]+r[1]+r[2]+r[2]+r[3]+r[3]);const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);return t||console.warn(`Unable to convert hex string ${r} to rgb values`),[parseInt(t[1],16)/255,parseInt(t[2],16)/255,parseInt(t[3],16)/255]}function f(r){return r=parseInt(r),[(r>>16&255)/255,(r>>8&255)/255,(r&255)/255]}function s(r){return r===void 0?[0,0,0]:arguments.length===3?arguments:isNaN(r)?r[0]==="#"?n(r):e[r.toLowerCase()]?n(e[r.toLowerCase()]):(console.warn("Color format not recognised"),[0,0,0]):f(r)}class i extends Array{constructor(t){return Array.isArray(t)?super(...t):super(...s(...arguments))}get r(){return this[0]}get g(){return this[1]}get b(){return this[2]}set r(t){this[0]=t}set g(t){this[1]=t}set b(t){this[2]=t}set(t){return Array.isArray(t)?this.copy(t):this.copy(s(...arguments))}copy(t){return this[0]=t[0],this[1]=t[1],this[2]=t[2],this}}export{i as C};
@@ -0,0 +1 @@
1
+ ._color-bends-container_1e02y_1{position:relative;width:100%;min-height:100vh;overflow:hidden}._color-bends-container_1e02y_1 canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
@@ -0,0 +1,103 @@
1
+ import{r as n,j as K}from"./iframe-Cz1R6gKZ.js";import{d as m,S as Q,a as Z,q as ee,e as L,i as re,M as te,W as oe,s as ne,f as ae}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const ue={"color-bends-container":"_color-bends-container_1e02y_1"},q=8,se=`
2
+ #define MAX_COLORS ${q}
3
+ uniform vec2 uCanvas;
4
+ uniform float uTime;
5
+ uniform float uSpeed;
6
+ uniform vec2 uRot;
7
+ uniform int uColorCount;
8
+ uniform vec3 uColors[MAX_COLORS];
9
+ uniform int uTransparent;
10
+ uniform float uScale;
11
+ uniform float uFrequency;
12
+ uniform float uWarpStrength;
13
+ uniform vec2 uPointer; // in NDC [-1,1]
14
+ uniform float uMouseInfluence;
15
+ uniform float uParallax;
16
+ uniform float uNoise;
17
+ varying vec2 vUv;
18
+
19
+ void main() {
20
+ float t = uTime * uSpeed;
21
+ vec2 p = vUv * 2.0 - 1.0;
22
+ p += uPointer * uParallax * 0.1;
23
+ vec2 rp = vec2(p.x * uRot.x - p.y * uRot.y, p.x * uRot.y + p.y * uRot.x);
24
+ vec2 q = vec2(rp.x * (uCanvas.x / uCanvas.y), rp.y);
25
+ q /= max(uScale, 0.0001);
26
+ q /= 0.5 + 0.2 * dot(q, q);
27
+ q += 0.2 * cos(t) - 7.56;
28
+ vec2 toward = (uPointer - rp);
29
+ q += toward * uMouseInfluence * 0.2;
30
+
31
+ vec3 col = vec3(0.0);
32
+ float a = 1.0;
33
+
34
+ if (uColorCount > 0) {
35
+ vec2 s = q;
36
+ vec3 sumCol = vec3(0.0);
37
+ float cover = 0.0;
38
+ for (int i = 0; i < MAX_COLORS; ++i) {
39
+ if (i >= uColorCount) break;
40
+ s -= 0.01;
41
+ vec2 r = sin(1.5 * (s.yx * uFrequency) + 2.0 * cos(s * uFrequency));
42
+ float m0 = length(r + sin(5.0 * r.y * uFrequency - 3.0 * t + float(i)) / 4.0);
43
+ float kBelow = clamp(uWarpStrength, 0.0, 1.0);
44
+ float kMix = pow(kBelow, 0.3); // strong response across 0..1
45
+ float gain = 1.0 + max(uWarpStrength - 1.0, 0.0); // allow >1 to amplify displacement
46
+ vec2 disp = (r - s) * kBelow;
47
+ vec2 warped = s + disp * gain;
48
+ float m1 = length(warped + sin(5.0 * warped.y * uFrequency - 3.0 * t + float(i)) / 4.0);
49
+ float m = mix(m0, m1, kMix);
50
+ float w = 1.0 - exp(-6.0 / exp(6.0 * m));
51
+ sumCol += uColors[i] * w;
52
+ cover = max(cover, w);
53
+ }
54
+ col = clamp(sumCol, 0.0, 1.0);
55
+ a = uTransparent > 0 ? cover : 1.0;
56
+ } else {
57
+ vec2 s = q;
58
+ for (int k = 0; k < 3; ++k) {
59
+ s -= 0.01;
60
+ vec2 r = sin(1.5 * (s.yx * uFrequency) + 2.0 * cos(s * uFrequency));
61
+ float m0 = length(r + sin(5.0 * r.y * uFrequency - 3.0 * t + float(k)) / 4.0);
62
+ float kBelow = clamp(uWarpStrength, 0.0, 1.0);
63
+ float kMix = pow(kBelow, 0.3);
64
+ float gain = 1.0 + max(uWarpStrength - 1.0, 0.0);
65
+ vec2 disp = (r - s) * kBelow;
66
+ vec2 warped = s + disp * gain;
67
+ float m1 = length(warped + sin(5.0 * warped.y * uFrequency - 3.0 * t + float(k)) / 4.0);
68
+ float m = mix(m0, m1, kMix);
69
+ col[k] = 1.0 - exp(-6.0 / exp(6.0 * m));
70
+ }
71
+ a = uTransparent > 0 ? max(max(col.r, col.g), col.b) : 1.0;
72
+ }
73
+
74
+ if (uNoise > 0.0001) {
75
+ float n = fract(sin(dot(gl_FragCoord.xy + vec2(uTime), vec2(12.9898, 78.233))) * 43758.5453123);
76
+ col += (n - 0.5) * uNoise;
77
+ col = clamp(col, 0.0, 1.0);
78
+ }
79
+
80
+ vec3 rgb = (uTransparent > 0) ? col * a : col;
81
+ gl_FragColor = vec4(rgb, a);
82
+ }
83
+ `,le=`
84
+ varying vec2 vUv;
85
+ void main() {
86
+ vUv = uv;
87
+ gl_Position = vec4(position, 1.0);
88
+ }
89
+ `;function X({className:D,style:U,rotation:S=45,speed:d=.2,colors:P=[],transparent:c=!0,autoRotate:k=0,scale:p=1,frequency:v=1,warpStrength:g=1,mouseInfluence:h=1,parallax:w=.5,noise:C=.1}){const M=n.useRef(null),B=n.useRef(null),R=n.useRef(null),E=n.useRef(null),F=n.useRef(null),V=n.useRef(S),_=n.useRef(k),b=n.useRef(new m(0,0)),j=n.useRef(new m(0,0)),G=n.useRef(8);return n.useEffect(()=>{const r=M.current,a=new Q,i=new Z(-1,1,1,-1,0,1),u=new ee(2,2),o=Array.from({length:q},()=>new L(0,0,0)),e=new re({vertexShader:le,fragmentShader:se,uniforms:{uCanvas:{value:new m(1,1)},uTime:{value:0},uSpeed:{value:d},uRot:{value:new m(1,0)},uColorCount:{value:0},uColors:{value:o},uTransparent:{value:c?1:0},uScale:{value:p},uFrequency:{value:v},uWarpStrength:{value:g},uPointer:{value:new m(0,0)},uMouseInfluence:{value:h},uParallax:{value:w},uNoise:{value:C}},premultipliedAlpha:!0,transparent:!0});E.current=e;const s=new te(u,e);a.add(s);const t=new oe({antialias:!1,powerPreference:"high-performance",alpha:!0});B.current=t,t.outputColorSpace=ne,t.setPixelRatio(Math.min(window.devicePixelRatio||1,2)),t.setClearColor(0,c?0:1),t.domElement.style.width="100%",t.domElement.style.height="100%",t.domElement.style.display="block",r.appendChild(t.domElement);const O=new ae,y=()=>{const l=r.clientWidth||1,f=r.clientHeight||1;t.setSize(l,f,!1),e.uniforms.uCanvas.value.set(l,f)};if(y(),"ResizeObserver"in window){const l=new ResizeObserver(y);l.observe(r),F.current=l}else window.addEventListener("resize",y);const T=()=>{const l=O.getDelta(),f=O.elapsedTime;e.uniforms.uTime.value=f;const I=(V.current%360+_.current*f)*Math.PI/180,$=Math.cos(I),H=Math.sin(I);e.uniforms.uRot.value.set($,H);const A=j.current,Y=b.current,J=Math.min(1,l*G.current);A.lerp(Y,J),e.uniforms.uPointer.value.copy(A),t.render(a,i),R.current=requestAnimationFrame(T)};return R.current=requestAnimationFrame(T),()=>{R.current!==null&&cancelAnimationFrame(R.current),F.current?F.current.disconnect():window.removeEventListener("resize",y),u.dispose(),e.dispose(),t.dispose(),t.forceContextLoss(),t.domElement&&t.domElement.parentElement===r&&r.removeChild(t.domElement)}},[v,h,C,w,p,d,c,g]),n.useEffect(()=>{const r=E.current,a=B.current;if(!r)return;V.current=S,_.current=k,r.uniforms.uSpeed.value=d,r.uniforms.uScale.value=p,r.uniforms.uFrequency.value=v,r.uniforms.uWarpStrength.value=g,r.uniforms.uMouseInfluence.value=h,r.uniforms.uParallax.value=w,r.uniforms.uNoise.value=C;const i=o=>{const e=o.replace("#","").trim(),s=e.length===3?[parseInt(e[0]+e[0],16),parseInt(e[1]+e[1],16),parseInt(e[2]+e[2],16)]:[parseInt(e.slice(0,2),16),parseInt(e.slice(2,4),16),parseInt(e.slice(4,6),16)];return new L(s[0]/255,s[1]/255,s[2]/255)},u=(P||[]).filter(Boolean).slice(0,q).map(i);for(let o=0;o<q;o++){const e=r.uniforms.uColors.value[o];o<u.length?e.copy(u[o]):e.set(0,0,0)}r.uniforms.uColorCount.value=u.length,r.uniforms.uTransparent.value=c?1:0,a&&a.setClearColor(0,c?0:1)},[S,k,d,p,v,g,h,w,C,P,c]),n.useEffect(()=>{const r=E.current,a=M.current;if(!r||!a)return;const i=u=>{const o=a.getBoundingClientRect(),e=(u.clientX-o.left)/(o.width||1)*2-1,s=-((u.clientY-o.top)/(o.height||1)*2-1);b.current.set(e,s)};return a.addEventListener("pointermove",i),()=>{a.removeEventListener("pointermove",i)}},[]),K.jsx("div",{ref:M,className:`${ue["color-bends-container"]} ${D}`,style:U})}X.__docgenInfo={description:"",methods:[],displayName:"ColorBends",props:{rotation:{defaultValue:{value:"45",computed:!1},required:!1},speed:{defaultValue:{value:"0.2",computed:!1},required:!1},colors:{defaultValue:{value:"[]",computed:!1},required:!1},transparent:{defaultValue:{value:"true",computed:!1},required:!1},autoRotate:{defaultValue:{value:"0",computed:!1},required:!1},scale:{defaultValue:{value:"1",computed:!1},required:!1},frequency:{defaultValue:{value:"1",computed:!1},required:!1},warpStrength:{defaultValue:{value:"1",computed:!1},required:!1},mouseInfluence:{defaultValue:{value:"1",computed:!1},required:!1},parallax:{defaultValue:{value:"0.5",computed:!1},required:!1},noise:{defaultValue:{value:"0.1",computed:!1},required:!1}}};const de={title:"ReactBits/Backgrounds/ColorBends",component:X,parameters:{layout:"fullscreen"},tags:["autodocs"]},x={args:{rotation:45,speed:.2,colors:[],transparent:!0,autoRotate:0,scale:1,frequency:1,warpStrength:1,mouseInfluence:1,parallax:.5,noise:.1}};var W,N,z;x.parameters={...x.parameters,docs:{...(W=x.parameters)==null?void 0:W.docs,source:{originalSource:`{
90
+ args: {
91
+ rotation: 45,
92
+ speed: 0.2,
93
+ colors: [],
94
+ transparent: true,
95
+ autoRotate: 0,
96
+ scale: 1,
97
+ frequency: 1,
98
+ warpStrength: 1,
99
+ mouseInfluence: 1,
100
+ parallax: 0.5,
101
+ noise: 0.1
102
+ }
103
+ }`,...(z=(N=x.parameters)==null?void 0:N.docs)==null?void 0:z.source}}};const pe=["Default"];export{x as Default,pe as __namedExportsOrder,de as default};
@@ -0,0 +1,11 @@
1
+ import{r as n,j as N}from"./iframe-Cz1R6gKZ.js";import{u as U}from"./use-motion-value-BgGWOnBX.js";import{u as _}from"./use-spring-CKPLi_a5.js";import{u as j}from"./use-in-view-D50EZJ4s.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C_Ro_xsO.js";import"./use-transform-CJxjUEuh.js";function b({to:s,from:u=0,direction:r="up",delay:p=0,duration:o=2,className:w="",startWhen:V=!0,separator:i="",onStart:d,onEnd:g}){const a=n.useRef(null),x=U(r==="down"?s:u),y=20+40*(1/o),E=100*(1/o),h=_(x,{damping:y,stiffness:E}),q=j(a,{once:!0,margin:"0px"}),v=t=>{const e=t.toString();if(e.includes(".")){const m=e.split(".")[1];if(parseInt(m)!==0)return m.length}return 0},l=Math.max(v(u),v(s)),c=n.useCallback(t=>{const e=l>0,m={useGrouping:!!i,minimumFractionDigits:e?l:0,maximumFractionDigits:e?l:0},D=Intl.NumberFormat("en-US",m).format(t);return i?D.replace(/,/g,i):D},[l,i]);return n.useEffect(()=>{a.current&&(a.current.textContent=c(r==="down"?s:u))},[u,s,r,c]),n.useEffect(()=>{if(q&&V){typeof d=="function"&&d();const t=setTimeout(()=>{x.set(r==="down"?u:s)},p*1e3),e=setTimeout(()=>{typeof g=="function"&&g()},p*1e3+o*1e3);return()=>{clearTimeout(t),clearTimeout(e)}}},[q,V,x,r,u,s,p,d,g,o]),n.useEffect(()=>{const t=h.on("change",e=>{a.current&&(a.current.textContent=c(e))});return()=>t()},[h,c]),N.jsx("span",{className:w,ref:a})}b.__docgenInfo={description:"",methods:[],displayName:"CountUp",props:{from:{defaultValue:{value:"0",computed:!1},required:!1},direction:{defaultValue:{value:"'up'",computed:!1},required:!1},delay:{defaultValue:{value:"0",computed:!1},required:!1},duration:{defaultValue:{value:"2",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},startWhen:{defaultValue:{value:"true",computed:!1},required:!1},separator:{defaultValue:{value:"''",computed:!1},required:!1}}};const B={title:"ReactBits/TextAnimations/CountUp",component:b,parameters:{layout:"fullscreen"},tags:["autodocs"]},f={args:{from:0,to:500,direction:"up",delay:0,duration:2,startWhen:!0,separator:""}};var I,C,T;f.parameters={...f.parameters,docs:{...(I=f.parameters)==null?void 0:I.docs,source:{originalSource:`{
2
+ args: {
3
+ from: 0,
4
+ to: 500,
5
+ direction: 'up',
6
+ delay: 0,
7
+ duration: 2,
8
+ startWhen: true,
9
+ separator: ''
10
+ }
11
+ }`,...(T=(C=f.parameters)==null?void 0:C.docs)==null?void 0:T.source}}};const G=["Default"];export{f as Default,G as __namedExportsOrder,B as default};
@@ -0,0 +1 @@
1
+ ._counter-container_1x3ml_1{position:relative;display:inline-block}._counter-counter_1x3ml_6{display:flex;overflow:hidden;line-height:1}._counter-digit_1x3ml_12{position:relative;width:1ch;font-variant-numeric:tabular-nums}._counter-number_1x3ml_18{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}._gradient-container_1x3ml_29{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}._bottom-gradient_1x3ml_38{position:absolute;bottom:0;width:100%}
@@ -0,0 +1,15 @@
1
+ import{j as r,r as R}from"./iframe-Cz1R6gKZ.js";import{u as M}from"./use-spring-CKPLi_a5.js";import{u as k}from"./use-transform-CJxjUEuh.js";import{m as D}from"./proxy-CAwOFzsk.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C_Ro_xsO.js";import"./use-motion-value-BgGWOnBX.js";const l={"counter-container":"_counter-container_1x3ml_1","counter-counter":"_counter-counter_1x3ml_6","counter-digit":"_counter-digit_1x3ml_12","counter-number":"_counter-number_1x3ml_18","gradient-container":"_gradient-container_1x3ml_29","bottom-gradient":"_bottom-gradient_1x3ml_38"};function E({mv:e,number:t,height:a}){let i=k(e,o=>{let s=o%10,n=(10+t-s)%10,d=n*a;return n>5&&(d-=10*a),d});return r.jsx(D.span,{className:`${l["counter-number"]}`,style:{y:i},children:t})}function S(e){const t=Math.round(e),a=1e-9*Math.max(1,Math.abs(e));return Math.abs(e-t)<a?t:e}function T(e,t){const a=e/t;return Math.floor(S(a))}function B({place:e,value:t,height:a,digitStyle:i}){const o=e===".",s=o?0:T(t,e),n=M(s);return R.useEffect(()=>{o||n.set(s)},[n,s,o]),o?r.jsx("span",{className:`${l["counter-digit"]}`,style:{height:a,...i,width:"fit-content"},children:"."}):r.jsx("span",{className:`${l["counter-digit"]}`,style:{height:a,...i},children:Array.from({length:10},(d,f)=>r.jsx(E,{mv:n,number:f,height:a},f))})}function q({value:e,fontSize:t=100,padding:a=0,places:i=[...e.toString()].map((p,c,u)=>p==="."?".":10**(u.indexOf(".")===-1?u.length-c-1:c<u.indexOf(".")?u.indexOf(".")-c-1:-(c-u.indexOf(".")))),gap:o=8,borderRadius:s=4,horizontalPadding:n=8,textColor:d="inherit",fontWeight:f="inherit",containerStyle:N,counterStyle:$,digitStyle:O,gradientHeight:g=16,gradientFrom:x="black",gradientTo:h="transparent",topGradientStyle:_,bottomGradientStyle:v}){const p=t+a,c={fontSize:t,gap:o,borderRadius:s,paddingLeft:n,paddingRight:n,color:d,fontWeight:f},u={height:g,background:`linear-gradient(to bottom, ${x}, ${h})`},C={height:g,background:`linear-gradient(to top, ${x}, ${h})`};return r.jsxs("span",{className:`${l["counter-container"]}`,style:N,children:[r.jsx("span",{className:`${l["counter-counter"]}`,style:{...c,...$},children:i.map(b=>r.jsx(B,{place:b,value:e,height:p,digitStyle:O},b))}),r.jsxs("span",{className:`${l["gradient-container"]}`,children:[r.jsx("span",{className:"top-gradient",style:_||u}),r.jsx("span",{className:`${l["bottom-gradient"]}`,style:v||C})]})]})}q.__docgenInfo={description:"",methods:[],displayName:"Counter",props:{fontSize:{defaultValue:{value:"100",computed:!1},required:!1},padding:{defaultValue:{value:"0",computed:!1},required:!1},places:{defaultValue:{value:`[...value.toString()].map((ch, i, a) => {
2
+ ch == '.';
3
+ if (ch === '.') {
4
+ return '.';
5
+ } else {
6
+ return (
7
+ 10 **
8
+ (a.indexOf('.') === -1 ? a.length - i - 1 : i < a.indexOf('.') ? a.indexOf('.') - i - 1 : -(i - a.indexOf('.')))
9
+ );
10
+ }
11
+ })`,computed:!0},required:!1},gap:{defaultValue:{value:"8",computed:!1},required:!1},borderRadius:{defaultValue:{value:"4",computed:!1},required:!1},horizontalPadding:{defaultValue:{value:"8",computed:!1},required:!1},textColor:{defaultValue:{value:"'inherit'",computed:!1},required:!1},fontWeight:{defaultValue:{value:"'inherit'",computed:!1},required:!1},gradientHeight:{defaultValue:{value:"16",computed:!1},required:!1},gradientFrom:{defaultValue:{value:"'black'",computed:!1},required:!1},gradientTo:{defaultValue:{value:"'transparent'",computed:!1},required:!1}}};const F={title:"ReactBits/Components/Counter",component:q,parameters:{layout:"fullscreen"},tags:["autodocs"]},m={args:{value:1234}};var V,j,y;m.parameters={...m.parameters,docs:{...(V=m.parameters)==null?void 0:V.docs,source:{originalSource:`{
12
+ args: {
13
+ value: 1234
14
+ }
15
+ }`,...(y=(j=m.parameters)==null?void 0:j.docs)==null?void 0:y.source}}};const G=["Default"];export{m as Default,G as __namedExportsOrder,F as default};
@@ -0,0 +1,6 @@
1
+ import{r as c,j as n}from"./iframe-Cz1R6gKZ.js";import{g as i}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const C=(o,e,l)=>(1-l)*o+l*e,M=(o,e)=>{if(e){const l=e.getBoundingClientRect();return{x:o.clientX-l.left,y:o.clientY-l.top}}return{x:o.clientX,y:o.clientY}},A=({color:o="white",containerRef:e=null})=>{const l=c.useRef(null),s=c.useRef(null),u=c.useRef(null),f=c.useRef(null),v=c.useRef(null);let a={x:0,y:0};return c.useEffect(()=>{const h=t=>{if(a=M(t,e==null?void 0:e.current),e!=null&&e.current){const d=e.current.getBoundingClientRect();t.clientX<d.left||t.clientX>d.right||t.clientY<d.top||t.clientY>d.bottom?i.to([s.current,u.current],{opacity:0}):i.to([s.current,u.current],{opacity:1})}},p=(e==null?void 0:e.current)||window;p.addEventListener("mousemove",h);const r={tx:{previous:0,current:0,amt:.15},ty:{previous:0,current:0,amt:.15}};i.set([s.current,u.current],{opacity:0});const y=()=>{r.tx.previous=r.tx.current=a.x,r.ty.previous=r.ty.current=a.y,i.to([s.current,u.current],{duration:.9,ease:"Power3.easeOut",opacity:1}),requestAnimationFrame(j),p.removeEventListener("mousemove",y)};p.addEventListener("mousemove",y);const x={turbulence:0},b=i.timeline({paused:!0,onStart:()=>{s.current.style.filter="url(#filter-noise-x)",u.current.style.filter="url(#filter-noise-y)"},onUpdate:()=>{f.current&&v.current&&(f.current.setAttribute("baseFrequency",x.turbulence),v.current.setAttribute("baseFrequency",x.turbulence))},onComplete:()=>{s.current&&u.current&&(s.current.style.filter=u.current.style.filter="none")}}).to(x,{duration:.5,ease:"power1",startAt:{turbulence:1},turbulence:0}),g=()=>b.restart(),E=()=>b.progress(1).kill(),j=()=>{r.tx.current=a.x,r.ty.current=a.y;for(const t in r)r[t].previous=C(r[t].previous,r[t].current,r[t].amt);s.current&&s.current&&(i.set(u.current,{x:r.tx.previous}),i.set(s.current,{y:r.ty.previous})),requestAnimationFrame(j)},w=e!=null&&e.current?e.current.querySelectorAll("a"):document.querySelectorAll("a");return w.forEach(t=>{t.addEventListener("mouseenter",g),t.addEventListener("mouseleave",E)}),()=>{p.removeEventListener("mousemove",h),p.removeEventListener("mousemove",y),w.forEach(t=>{t.removeEventListener("mouseenter",g),t.removeEventListener("mouseleave",E)})}},[e]),n.jsxs("div",{ref:l,className:"cursor",style:{position:e?"absolute":"fixed",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:1e4},children:[n.jsx("svg",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%"},children:n.jsxs("defs",{children:[n.jsxs("filter",{id:"filter-noise-x",children:[n.jsx("feTurbulence",{type:"fractalNoise",baseFrequency:"0.000001",numOctaves:"1",ref:f}),n.jsx("feDisplacementMap",{in:"SourceGraphic",scale:"40"})]}),n.jsxs("filter",{id:"filter-noise-y",children:[n.jsx("feTurbulence",{type:"fractalNoise",baseFrequency:"0.000001",numOctaves:"1",ref:v}),n.jsx("feDisplacementMap",{in:"SourceGraphic",scale:"40"})]})]})}),n.jsx("div",{ref:s,style:{position:"absolute",width:"100%",height:"1px",background:o,pointerEvents:"none",transform:"translateY(50%)",opacity:0}}),n.jsx("div",{ref:u,style:{position:"absolute",height:"100%",width:"1px",background:o,pointerEvents:"none",transform:"translateX(50%)",opacity:0}})]})};A.__docgenInfo={description:"",methods:[],displayName:"Crosshair",props:{color:{defaultValue:{value:"'white'",computed:!1},required:!1},containerRef:{defaultValue:{value:"null",computed:!1},required:!1}}};const D={title:"ReactBits/Animations/Crosshair",component:A,parameters:{layout:"fullscreen"},tags:["autodocs"]},m={args:{color:"white",containerRef:null}};var q,L,S;m.parameters={...m.parameters,docs:{...(q=m.parameters)==null?void 0:q.docs,source:{originalSource:`{
2
+ args: {
3
+ color: 'white',
4
+ containerRef: null
5
+ }
6
+ }`,...(S=(L=m.parameters)==null?void 0:L.docs)==null?void 0:S.source}}};const N=["Default"];export{m as Default,N as __namedExportsOrder,D as default};
@@ -0,0 +1 @@
1
+ :root{--col-gap: 5%;--row-gap: 5%;--cube-perspective: 99999999px;--cube-face-border: 1px solid #fff;--cube-face-bg: #060010}._default-animation_lig8l_9{position:relative;width:50%;aspect-ratio:1 / 1;height:auto}._default-animation--scene_lig8l_16{display:grid;width:100%;min-height:100vh;column-gap:var(--col-gap);row-gap:var(--row-gap);perspective:var(--cube-perspective);grid-auto-rows:1fr}._cube_lig8l_26{position:relative;width:100%;min-height:100vh;aspect-ratio:1 / 1;transform-style:preserve-3d}._cube_lig8l_26:before{content:"";position:absolute;top:-36px;right:-36px;bottom:-36px;left:-36px}._default-animation_lig8l_9 ._cube-face_lig8l_43{position:absolute;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--cube-face-bg);border:var(--cube-face-border);opacity:1}._default-animation_lig8l_9 ._cube-face--top_lig8l_55{transform:translateY(-50%) rotateX(90deg)}._default-animation_lig8l_9 ._cube-face--bottom_lig8l_59{transform:translateY(50%) rotateX(-90deg)}._default-animation_lig8l_9 ._cube-face--left_lig8l_63{transform:translate(-50%) rotateY(-90deg)}._default-animation_lig8l_9 ._cube-face--right_lig8l_67{transform:translate(50%) rotateY(90deg)}._default-animation_lig8l_9 ._cube-face--back_lig8l_71,._default-animation_lig8l_9 ._cube-face--front_lig8l_72{transform:rotateY(-90deg) translate(50%) rotateY(90deg)}@media (max-width: 768px){._default-animation_lig8l_9{width:90%}}
@@ -0,0 +1 @@
1
+ import{r as c,j as l}from"./iframe-Cz1R6gKZ.js";import{g as $}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const fe="_cube_lig8l_26",n={"default-animation":"_default-animation_lig8l_9","default-animation--scene":"_default-animation--scene_lig8l_16",cube:fe,"cube-face":"_cube-face_lig8l_43","cube-face--top":"_cube-face--top_lig8l_55","cube-face--bottom":"_cube-face--bottom_lig8l_59","cube-face--left":"_cube-face--left_lig8l_63","cube-face--right":"_cube-face--right_lig8l_67","cube-face--back":"_cube-face--back_lig8l_71","cube-face--front":"_cube-face--front_lig8l_72"},z=({gridSize:t=10,cubeSize:b,maxAngle:H=45,radius:k=3,easing:B="power3.out",duration:W={enter:.3,leave:.6},cellGap:s,borderStyle:ee="1px solid #fff",faceColor:M="#060010",shadow:O=!1,autoAnimate:P=!0,rippleOnClick:I=!0,rippleColor:J="#fff",rippleSpeed:w=2})=>{const u=c.useRef(null),f=c.useRef(null),i=c.useRef(null),v=c.useRef(!1),K=c.useRef({x:0,y:0}),T=c.useRef({x:0,y:0}),E=c.useRef(null),te=typeof s=="number"?`${s}px`:(s==null?void 0:s.col)!==void 0?`${s.col}px`:"5%",ae=typeof s=="number"?`${s}px`:(s==null?void 0:s.row)!==void 0?`${s.row}px`:"5%",Q=W.enter,R=W.leave,h=c.useCallback((e,a)=>{u.current&&u.current.querySelectorAll("[data-cube]").forEach(r=>{const o=+r.dataset.row,d=+r.dataset.col,m=Math.hypot(o-e,d-a);if(m<=k){const q=(1-m/k)*H;$.to(r,{duration:Q,ease:B,overwrite:!0,rotateX:-q,rotateY:q})}else $.to(r,{duration:R,ease:"power3.out",overwrite:!0,rotateX:0,rotateY:0})})},[k,H,Q,R,B]),j=c.useCallback(e=>{v.current=!0,i.current&&clearTimeout(i.current);const a=u.current.getBoundingClientRect(),r=a.width/t,o=a.height/t,d=(e.clientX-a.left)/r,m=(e.clientY-a.top)/o;f.current&&cancelAnimationFrame(f.current),f.current=requestAnimationFrame(()=>h(m,d)),i.current=setTimeout(()=>{v.current=!1},3e3)},[t,h]),x=c.useCallback(()=>{u.current&&u.current.querySelectorAll("[data-cube]").forEach(e=>$.to(e,{duration:R,rotateX:0,rotateY:0,ease:"power3.out"}))},[R]),L=c.useCallback(e=>{e.preventDefault(),v.current=!0,i.current&&clearTimeout(i.current);const a=u.current.getBoundingClientRect(),r=a.width/t,o=a.height/t,d=e.touches[0],m=(d.clientX-a.left)/r,C=(d.clientY-a.top)/o;f.current&&cancelAnimationFrame(f.current),f.current=requestAnimationFrame(()=>h(C,m)),i.current=setTimeout(()=>{v.current=!1},3e3)},[t,h]),V=c.useCallback(()=>{v.current=!0},[]),N=c.useCallback(()=>{u.current&&x()},[x]),D=c.useCallback(e=>{if(!I||!u.current)return;const a=u.current.getBoundingClientRect(),r=a.width/t,o=a.height/t,d=e.clientX||e.touches&&e.touches[0].clientX,m=e.clientY||e.touches&&e.touches[0].clientY,C=Math.floor((d-a.left)/r),q=Math.floor((m-a.top)/o),oe=.15,ne=.3,ue=.6,se=oe/w,F=ne/w,le=ue/w,y={};u.current.querySelectorAll("[data-cube]").forEach(p=>{const _=+p.dataset.row,A=+p.dataset.col,X=Math.hypot(_-q,A-C),Y=Math.round(X);y[Y]||(y[Y]=[]),y[Y].push(p)}),Object.keys(y).map(Number).sort((p,_)=>p-_).forEach(p=>{const _=p*se,A=y[p].flatMap(X=>Array.from(X.querySelectorAll("[data-cube-face]")));$.to(A,{backgroundColor:J,duration:F,delay:_,ease:"power3.out"}),$.to(A,{backgroundColor:M,duration:F,delay:_+F+le,ease:"power3.out"})})},[I,t,M,J,w]);c.useEffect(()=>{if(!P||!u.current)return;K.current={x:Math.random()*t,y:Math.random()*t},T.current={x:Math.random()*t,y:Math.random()*t};const e=.02,a=()=>{if(!v.current){const r=K.current,o=T.current;r.x+=(o.x-r.x)*e,r.y+=(o.y-r.y)*e,h(r.y,r.x),Math.hypot(r.x-o.x,r.y-o.y)<.1&&(T.current={x:Math.random()*t,y:Math.random()*t})}E.current=requestAnimationFrame(a)};return E.current=requestAnimationFrame(a),()=>{E.current!=null&&cancelAnimationFrame(E.current)}},[P,t,h]),c.useEffect(()=>{const e=u.current;if(e)return e.addEventListener("pointermove",j),e.addEventListener("pointerleave",x),e.addEventListener("click",D),e.addEventListener("touchmove",L,{passive:!1}),e.addEventListener("touchstart",V,{passive:!0}),e.addEventListener("touchend",N,{passive:!0}),()=>{e.removeEventListener("pointermove",j),e.removeEventListener("pointerleave",x),e.removeEventListener("click",D),e.removeEventListener("touchmove",L),e.removeEventListener("touchstart",V),e.removeEventListener("touchend",N),f.current!=null&&cancelAnimationFrame(f.current),i.current&&clearTimeout(i.current)}},[j,x,D,L,V,N]);const U=Array.from({length:t}),re={gridTemplateColumns:b?`repeat(${t}, ${b}px)`:`repeat(${t}, 1fr)`,gridTemplateRows:b?`repeat(${t}, ${b}px)`:`repeat(${t}, 1fr)`,columnGap:te,rowGap:ae},ce={"--cube-face-border":ee,"--cube-face-bg":M,"--cube-face-shadow":O===!0?"0 0 6px rgba(0,0,0,.5)":O||"none",...b?{width:`${t*b}px`,height:`${t*b}px`}:{}};return l.jsx("div",{className:`${n["default-animation"]}`,style:ce,children:l.jsx("div",{ref:u,className:`${n["default-animation--scene"]}`,style:re,children:U.map((e,a)=>U.map((r,o)=>l.jsxs("div",{className:`${n.cube}`,"data-cube":!0,"data-row":a,"data-col":o,children:[l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--top"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--bottom"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--left"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--right"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--front"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--back"]}`,"data-cube-face":!0})]},`${a}-${o}`)))})})};z.__docgenInfo={description:"",methods:[],displayName:"Cubes",props:{gridSize:{defaultValue:{value:"10",computed:!1},required:!1},maxAngle:{defaultValue:{value:"45",computed:!1},required:!1},radius:{defaultValue:{value:"3",computed:!1},required:!1},easing:{defaultValue:{value:"'power3.out'",computed:!1},required:!1},duration:{defaultValue:{value:"{ enter: 0.3, leave: 0.6 }",computed:!1},required:!1},borderStyle:{defaultValue:{value:"'1px solid #fff'",computed:!1},required:!1},faceColor:{defaultValue:{value:"'#060010'",computed:!1},required:!1},shadow:{defaultValue:{value:"false",computed:!1},required:!1},autoAnimate:{defaultValue:{value:"true",computed:!1},required:!1},rippleOnClick:{defaultValue:{value:"true",computed:!1},required:!1},rippleColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},rippleSpeed:{defaultValue:{value:"2",computed:!1},required:!1}}};const pe={title:"ReactBits/Animations/Cubes",component:z,parameters:{layout:"fullscreen"},tags:["autodocs"]},g={};var Z,G,S;g.parameters={...g.parameters,docs:{...(Z=g.parameters)==null?void 0:Z.docs,source:{originalSource:"{}",...(S=(G=g.parameters)==null?void 0:G.docs)==null?void 0:S.source}}};const be=["Default"];export{g as Default,be as __namedExportsOrder,pe as default};
@@ -0,0 +1 @@
1
+ ._curved-loop-jacket_1xrkt_1{min-height:100vh;display:flex;align-items:center;justify-content:center;width:100%}._curved-loop-svg_1xrkt_9{width:100%;aspect-ratio:100 / 12;overflow:visible;display:block;font-size:6rem;fill:#fff;user-select:none;-moz-user-select:none;-webkit-user-select:none;font-weight:700;text-transform:uppercase;line-height:1}
@@ -0,0 +1,9 @@
1
+ import{r as t,j as u}from"./iframe-Cz1R6gKZ.js";import"./preload-helper-C1FmrZbK.js";const P={"curved-loop-jacket":"_curved-loop-jacket_1xrkt_1","curved-loop-svg":"_curved-loop-svg_1xrkt_9"},C=({marqueeText:i="",speed:m=2,className:A,curveAmount:E=400,direction:T="left",interactive:f=!0})=>{const l=t.useMemo(()=>(/\s|\u00A0$/.test(i)?i.replace(/\s+$/,""):i)+" ",[i]),v=t.useRef(null),s=t.useRef(null),$=t.useRef(null),[n,k]=t.useState(0),[w,x]=t.useState(0),O=`curve-${t.useId()}`,D=`M-100,40 Q500,${40+E} 1540,40`,a=t.useRef(!1),g=t.useRef(0),j=t.useRef(T),h=t.useRef(0),b=n,F=b?Array(Math.ceil(1800/b)+2).fill(l).join(""):l,d=n>0;t.useEffect(()=>{v.current&&k(v.current.getComputedTextLength())},[l,A]),t.useEffect(()=>{if(n&&s.current){const e=-n;s.current.setAttribute("startOffset",e+"px"),x(e)}},[n]),t.useEffect(()=>{if(!n||!d)return;let e=0;const c=()=>{if(!a.current&&s.current){const _=j.current==="right"?m:-m;let r=parseFloat(s.current.getAttribute("startOffset")||"0")+_;const R=n;r<=-R&&(r+=R),r>0&&(r-=R),s.current.setAttribute("startOffset",r+"px"),x(r)}e=requestAnimationFrame(c)};return e=requestAnimationFrame(c),()=>cancelAnimationFrame(e)},[n,m,d]);const V=e=>{f&&(a.current=!0,g.current=e.clientX,h.current=0,e.target.setPointerCapture(e.pointerId))},B=e=>{if(!f||!a.current||!s.current)return;const c=e.clientX-g.current;g.current=e.clientX,h.current=c;let o=parseFloat(s.current.getAttribute("startOffset")||"0")+c;const r=n;o<=-r&&(o+=r),o>0&&(o-=r),s.current.setAttribute("startOffset",o+"px"),x(o)},y=()=>{f&&(a.current=!1,j.current=h.current>0?"right":"left")},I=f?a.current?"grabbing":"grab":"auto";return u.jsx("div",{className:`${P["curved-loop-jacket"]}`,style:{visibility:d?"visible":"hidden",cursor:I},onPointerDown:V,onPointerMove:B,onPointerUp:y,onPointerLeave:y,children:u.jsxs("svg",{className:`${P["curved-loop-svg"]}`,viewBox:"0 0 1440 120",children:[u.jsx("text",{ref:v,xmlSpace:"preserve",style:{visibility:"hidden",opacity:0,pointerEvents:"none"},children:l}),u.jsx("defs",{children:u.jsx("path",{ref:$,id:O,d:D,fill:"none",stroke:"transparent"})}),d&&u.jsx("text",{fontWeight:"bold",xmlSpace:"preserve",className:A,children:u.jsx("textPath",{ref:s,href:`#${O}`,startOffset:w+"px",xmlSpace:"preserve",children:F})})]})})};C.__docgenInfo={description:"",methods:[],displayName:"CurvedLoop",props:{marqueeText:{defaultValue:{value:"''",computed:!1},required:!1},speed:{defaultValue:{value:"2",computed:!1},required:!1},curveAmount:{defaultValue:{value:"400",computed:!1},required:!1},direction:{defaultValue:{value:"'left'",computed:!1},required:!1},interactive:{defaultValue:{value:"true",computed:!1},required:!1}}};const Q={title:"ReactBits/TextAnimations/CurvedLoop",component:C,parameters:{layout:"fullscreen"},tags:["autodocs"]},p={args:{marqueeText:"React Bits - Curved Loop Text Animation - ",speed:2,curveAmount:400,direction:"left",interactive:!0}};var L,S,q;p.parameters={...p.parameters,docs:{...(L=p.parameters)==null?void 0:L.docs,source:{originalSource:`{
2
+ args: {
3
+ marqueeText: 'React Bits - Curved Loop Text Animation - ',
4
+ speed: 2,
5
+ curveAmount: 400,
6
+ direction: 'left',
7
+ interactive: true
8
+ }
9
+ }`,...(q=(S=p.parameters)==null?void 0:S.docs)==null?void 0:q.source}}};const U=["Default"];export{p as Default,U as __namedExportsOrder,Q as default};
@@ -0,0 +1 @@
1
+ ._darkveil-canvas_1jcqg_1{width:100%;min-height:100vh;display:block}
@@ -0,0 +1,79 @@
1
+ import{r as q,j as V}from"./iframe-Cz1R6gKZ.js";import{R as F,P as C,M as E}from"./Mesh-CwXV3WjE.js";import{T as k}from"./Triangle-64ffRKNB.js";import{V as z}from"./Vec2-Cf1C3GIc.js";import"./preload-helper-C1FmrZbK.js";const N={"darkveil-canvas":"_darkveil-canvas_1jcqg_1"},D=`
2
+ attribute vec2 position;
3
+ void main(){gl_Position=vec4(position,0.0,1.0);}
4
+ `,H=`
5
+ #ifdef GL_ES
6
+ precision lowp float;
7
+ #endif
8
+ uniform vec2 uResolution;
9
+ uniform float uTime;
10
+ uniform float uHueShift;
11
+ uniform float uNoise;
12
+ uniform float uScan;
13
+ uniform float uScanFreq;
14
+ uniform float uWarp;
15
+ #define iTime uTime
16
+ #define iResolution uResolution
17
+
18
+ vec4 buf[8];
19
+ float rand(vec2 c){return fract(sin(dot(c,vec2(12.9898,78.233)))*43758.5453);}
20
+
21
+ mat3 rgb2yiq=mat3(0.299,0.587,0.114,0.596,-0.274,-0.322,0.211,-0.523,0.312);
22
+ mat3 yiq2rgb=mat3(1.0,0.956,0.621,1.0,-0.272,-0.647,1.0,-1.106,1.703);
23
+
24
+ vec3 hueShiftRGB(vec3 col,float deg){
25
+ vec3 yiq=rgb2yiq*col;
26
+ float rad=radians(deg);
27
+ float cosh=cos(rad),sinh=sin(rad);
28
+ vec3 yiqShift=vec3(yiq.x,yiq.y*cosh-yiq.z*sinh,yiq.y*sinh+yiq.z*cosh);
29
+ return clamp(yiq2rgb*yiqShift,0.0,1.0);
30
+ }
31
+
32
+ vec4 sigmoid(vec4 x){return 1./(1.+exp(-x));}
33
+
34
+ vec4 cppn_fn(vec2 coordinate,float in0,float in1,float in2){
35
+ buf[6]=vec4(coordinate.x,coordinate.y,0.3948333106474662+in0,0.36+in1);
36
+ buf[7]=vec4(0.14+in2,sqrt(coordinate.x*coordinate.x+coordinate.y*coordinate.y),0.,0.);
37
+ buf[0]=mat4(vec4(6.5404263,-3.6126034,0.7590882,-1.13613),vec4(2.4582713,3.1660357,1.2219609,0.06276096),vec4(-5.478085,-6.159632,1.8701609,-4.7742867),vec4(6.039214,-5.542865,-0.90925294,3.251348))*buf[6]+mat4(vec4(0.8473259,-5.722911,3.975766,1.6522468),vec4(-0.24321538,0.5839259,-1.7661959,-5.350116),vec4(0.,0.,0.,0.),vec4(0.,0.,0.,0.))*buf[7]+vec4(0.21808943,1.1243913,-1.7969975,5.0294676);
38
+ buf[1]=mat4(vec4(-3.3522482,-6.0612736,0.55641043,-4.4719114),vec4(0.8631464,1.7432913,5.643898,1.6106541),vec4(2.4941394,-3.5012043,1.7184316,6.357333),vec4(3.310376,8.209261,1.1355612,-1.165539))*buf[6]+mat4(vec4(5.24046,-13.034365,0.009859298,15.870829),vec4(2.987511,3.129433,-0.89023495,-1.6822904),vec4(0.,0.,0.,0.),vec4(0.,0.,0.,0.))*buf[7]+vec4(-5.9457836,-6.573602,-0.8812491,1.5436668);
39
+ buf[0]=sigmoid(buf[0]);buf[1]=sigmoid(buf[1]);
40
+ buf[2]=mat4(vec4(-15.219568,8.095543,-2.429353,-1.9381982),vec4(-5.951362,4.3115187,2.6393783,1.274315),vec4(-7.3145227,6.7297835,5.2473326,5.9411426),vec4(5.0796127,8.979051,-1.7278991,-1.158976))*buf[6]+mat4(vec4(-11.967154,-11.608155,6.1486754,11.237008),vec4(2.124141,-6.263192,-1.7050359,-0.7021966),vec4(0.,0.,0.,0.),vec4(0.,0.,0.,0.))*buf[7]+vec4(-4.17164,-3.2281182,-4.576417,-3.6401186);
41
+ buf[3]=mat4(vec4(3.1832156,-13.738922,1.879223,3.233465),vec4(0.64300746,12.768129,1.9141049,0.50990224),vec4(-0.049295485,4.4807224,1.4733979,1.801449),vec4(5.0039253,13.000481,3.3991797,-4.5561905))*buf[6]+mat4(vec4(-0.1285731,7.720628,-3.1425676,4.742367),vec4(0.6393625,3.714393,-0.8108378,-0.39174938),vec4(0.,0.,0.,0.),vec4(0.,0.,0.,0.))*buf[7]+vec4(-1.1811101,-21.621881,0.7851888,1.2329718);
42
+ buf[2]=sigmoid(buf[2]);buf[3]=sigmoid(buf[3]);
43
+ buf[4]=mat4(vec4(5.214916,-7.183024,2.7228765,2.6592617),vec4(-5.601878,-25.3591,4.067988,0.4602802),vec4(-10.57759,24.286327,21.102104,37.546658),vec4(4.3024497,-1.9625226,2.3458803,-1.372816))*buf[0]+mat4(vec4(-17.6526,-10.507558,2.2587414,12.462782),vec4(6.265566,-502.75443,-12.642513,0.9112289),vec4(-10.983244,20.741234,-9.701768,-0.7635988),vec4(5.383626,1.4819539,-4.1911616,-4.8444734))*buf[1]+mat4(vec4(12.785233,-16.345072,-0.39901125,1.7955981),vec4(-30.48365,-1.8345358,1.4542528,-1.1118771),vec4(19.872723,-7.337935,-42.941723,-98.52709),vec4(8.337645,-2.7312303,-2.2927687,-36.142323))*buf[2]+mat4(vec4(-16.298317,3.5471997,-0.44300047,-9.444417),vec4(57.5077,-35.609753,16.163465,-4.1534753),vec4(-0.07470326,-3.8656476,-7.0901804,3.1523974),vec4(-12.559385,-7.077619,1.490437,-0.8211543))*buf[3]+vec4(-7.67914,15.927437,1.3207729,-1.6686112);
44
+ buf[5]=mat4(vec4(-1.4109162,-0.372762,-3.770383,-21.367174),vec4(-6.2103205,-9.35908,0.92529047,8.82561),vec4(11.460242,-22.348068,13.625772,-18.693201),vec4(-0.3429052,-3.9905605,-2.4626114,-0.45033523))*buf[0]+mat4(vec4(7.3481627,-4.3661838,-6.3037653,-3.868115),vec4(1.5462853,6.5488915,1.9701879,-0.58291394),vec4(6.5858274,-2.2180402,3.7127688,-1.3730392),vec4(-5.7973905,10.134961,-2.3395722,-5.965605))*buf[1]+mat4(vec4(-2.5132585,-6.6685553,-1.4029363,-0.16285264),vec4(-0.37908727,0.53738135,4.389061,-1.3024765),vec4(-0.70647055,2.0111287,-5.1659346,-3.728635),vec4(-13.562562,10.487719,-0.9173751,-2.6487076))*buf[2]+mat4(vec4(-8.645013,6.5546675,-6.3944063,-5.5933375),vec4(-0.57783127,-1.077275,36.91025,5.736769),vec4(14.283112,3.7146652,7.1452246,-4.5958776),vec4(2.7192075,3.6021907,-4.366337,-2.3653464))*buf[3]+vec4(-5.9000807,-4.329569,1.2427121,8.59503);
45
+ buf[4]=sigmoid(buf[4]);buf[5]=sigmoid(buf[5]);
46
+ buf[6]=mat4(vec4(-1.61102,0.7970257,1.4675229,0.20917463),vec4(-28.793737,-7.1390953,1.5025433,4.656581),vec4(-10.94861,39.66238,0.74318546,-10.095605),vec4(-0.7229728,-1.5483948,0.7301322,2.1687684))*buf[0]+mat4(vec4(3.2547753,21.489103,-1.0194173,-3.3100595),vec4(-3.7316632,-3.3792162,-7.223193,-0.23685838),vec4(13.1804495,0.7916005,5.338587,5.687114),vec4(-4.167605,-17.798311,-6.815736,-1.6451967))*buf[1]+mat4(vec4(0.604885,-7.800309,-7.213122,-2.741014),vec4(-3.522382,-0.12359311,-0.5258442,0.43852118),vec4(9.6752825,-22.853785,2.062431,0.099892326),vec4(-4.3196306,-17.730087,2.5184598,5.30267))*buf[2]+mat4(vec4(-6.545563,-15.790176,-6.0438633,-5.415399),vec4(-43.591583,28.551912,-16.00161,18.84728),vec4(4.212382,8.394307,3.0958717,8.657522),vec4(-5.0237565,-4.450633,-4.4768,-5.5010443))*buf[3]+mat4(vec4(1.6985557,-67.05806,6.897715,1.9004834),vec4(1.8680354,2.3915145,2.5231109,4.081538),vec4(11.158006,1.7294737,2.0738268,7.386411),vec4(-4.256034,-306.24686,8.258898,-17.132736))*buf[4]+mat4(vec4(1.6889864,-4.5852966,3.8534803,-6.3482175),vec4(1.3543309,-1.2640043,9.932754,2.9079645),vec4(-5.2770967,0.07150358,-0.13962056,3.3269649),vec4(28.34703,-4.918278,6.1044083,4.085355))*buf[5]+vec4(6.6818056,12.522166,-3.7075126,-4.104386);
47
+ buf[7]=mat4(vec4(-8.265602,-4.7027016,5.098234,0.7509808),vec4(8.6507845,-17.15949,16.51939,-8.884479),vec4(-4.036479,-2.3946867,-2.6055532,-1.9866527),vec4(-2.2167742,-1.8135649,-5.9759874,4.8846445))*buf[0]+mat4(vec4(6.7790847,3.5076547,-2.8191125,-2.7028968),vec4(-5.743024,-0.27844876,1.4958696,-5.0517144),vec4(13.122226,15.735168,-2.9397483,-4.101023),vec4(-14.375265,-5.030483,-6.2599335,2.9848232))*buf[1]+mat4(vec4(4.0950394,-0.94011575,-5.674733,4.755022),vec4(4.3809423,4.8310084,1.7425908,-3.437416),vec4(2.117492,0.16342592,-104.56341,16.949184),vec4(-5.22543,-2.994248,3.8350096,-1.9364246))*buf[2]+mat4(vec4(-5.900337,1.7946124,-13.604192,-3.8060522),vec4(6.6583457,31.911177,25.164474,91.81147),vec4(11.840538,4.1503043,-0.7314397,6.768467),vec4(-6.3967767,4.034772,6.1714606,-0.32874924))*buf[3]+mat4(vec4(3.4992442,-196.91893,-8.923708,2.8142626),vec4(3.4806502,-3.1846354,5.1725626,5.1804223),vec4(-2.4009497,15.585794,1.2863957,2.0252278),vec4(-71.25271,-62.441242,-8.138444,0.50670296))*buf[4]+mat4(vec4(-12.291733,-11.176166,-7.3474145,4.390294),vec4(10.805477,5.6337385,-0.9385842,-4.7348723),vec4(-12.869276,-7.039391,5.3029537,7.5436664),vec4(1.4593618,8.91898,3.5101583,5.840625))*buf[5]+vec4(2.2415268,-6.705987,-0.98861027,-2.117676);
48
+ buf[6]=sigmoid(buf[6]);buf[7]=sigmoid(buf[7]);
49
+ buf[0]=mat4(vec4(1.6794263,1.3817469,2.9625452,0.),vec4(-1.8834411,-1.4806935,-3.5924516,0.),vec4(-1.3279216,-1.0918057,-2.3124623,0.),vec4(0.2662234,0.23235129,0.44178495,0.))*buf[0]+mat4(vec4(-0.6299101,-0.5945583,-0.9125601,0.),vec4(0.17828953,0.18300213,0.18182953,0.),vec4(-2.96544,-2.5819945,-4.9001055,0.),vec4(1.4195864,1.1868085,2.5176322,0.))*buf[1]+mat4(vec4(-1.2584374,-1.0552157,-2.1688404,0.),vec4(-0.7200217,-0.52666044,-1.438251,0.),vec4(0.15345335,0.15196142,0.272854,0.),vec4(0.945728,0.8861938,1.2766753,0.))*buf[2]+mat4(vec4(-2.4218085,-1.968602,-4.35166,0.),vec4(-22.683098,-18.0544,-41.954372,0.),vec4(0.63792,0.5470648,1.1078634,0.),vec4(-1.5489894,-1.3075932,-2.6444845,0.))*buf[3]+mat4(vec4(-0.49252132,-0.39877754,-0.91366625,0.),vec4(0.95609266,0.7923952,1.640221,0.),vec4(0.30616966,0.15693925,0.8639857,0.),vec4(1.1825981,0.94504964,2.176963,0.))*buf[4]+mat4(vec4(0.35446745,0.3293795,0.59547555,0.),vec4(-0.58784515,-0.48177817,-1.0614829,0.),vec4(2.5271258,1.9991658,4.6846647,0.),vec4(0.13042648,0.08864098,0.30187556,0.))*buf[5]+mat4(vec4(-1.7718065,-1.4033192,-3.3355875,0.),vec4(3.1664357,2.638297,5.378702,0.),vec4(-3.1724713,-2.6107926,-5.549295,0.),vec4(-2.851368,-2.249092,-5.3013067,0.))*buf[6]+mat4(vec4(1.5203838,1.2212278,2.8404984,0.),vec4(1.5210563,1.2651345,2.683903,0.),vec4(2.9789467,2.4364579,5.2347264,0.),vec4(2.2270417,1.8825914,3.8028636,0.))*buf[7]+vec4(-1.5468478,-3.6171484,0.24762098,0.);
50
+ buf[0]=sigmoid(buf[0]);
51
+ return vec4(buf[0].x,buf[0].y,buf[0].z,1.);
52
+ }
53
+
54
+ void mainImage(out vec4 fragColor,in vec2 fragCoord){
55
+ vec2 uv=fragCoord/uResolution.xy*2.-1.;
56
+ uv.y*=-1.;
57
+ uv+=uWarp*vec2(sin(uv.y*6.283+uTime*0.5),cos(uv.x*6.283+uTime*0.5))*0.05;
58
+ fragColor=cppn_fn(uv,0.1*sin(0.3*uTime),0.1*sin(0.69*uTime),0.1*sin(0.44*uTime));
59
+ }
60
+
61
+ void main(){
62
+ vec4 col;mainImage(col,gl_FragCoord.xy);
63
+ col.rgb=hueShiftRGB(col.rgb,uHueShift);
64
+ float scanline_val=sin(gl_FragCoord.y*uScanFreq)*0.5+0.5;
65
+ col.rgb*=1.-(scanline_val*scanline_val)*uScan;
66
+ col.rgb+=(rand(gl_FragCoord.xy+uTime)-0.5)*uNoise;
67
+ gl_FragColor=vec4(clamp(col.rgb,0.0,1.0),1.0);
68
+ }
69
+ `;function _({hueShift:a=0,noiseIntensity:v=0,scanlineIntensity:u=0,speed:s=.5,scanlineFrequency:o=0,warpAmount:t=0,resolutionScale:i=1}){const l=q.useRef(null);return q.useEffect(()=>{const m=l.current,d=m.parentElement,n=new F({dpr:Math.min(window.devicePixelRatio,2),canvas:m}),r=n.gl,w=new k(r),e=new C(r,{vertex:D,fragment:H,uniforms:{uTime:{value:0},uResolution:{value:new z},uHueShift:{value:a},uNoise:{value:v},uScan:{value:u},uScanFreq:{value:o},uWarp:{value:t}}}),R=new E(r,{geometry:w,program:e}),f=()=>{const p=d.clientWidth,y=d.clientHeight;n.setSize(p*i,y*i),e.uniforms.uResolution.value.set(p,y)};window.addEventListener("resize",f),f();const T=performance.now();let b=0;const g=()=>{e.uniforms.uTime.value=(performance.now()-T)/1e3*s,e.uniforms.uHueShift.value=a,e.uniforms.uNoise.value=v,e.uniforms.uScan.value=u,e.uniforms.uScanFreq.value=o,e.uniforms.uWarp.value=t,n.render({scene:R}),b=requestAnimationFrame(g)};return g(),()=>{cancelAnimationFrame(b),window.removeEventListener("resize",f)}},[a,v,u,s,o,t,i]),V.jsx("canvas",{ref:l,className:`${N["darkveil-canvas"]}`})}_.__docgenInfo={description:"",methods:[],displayName:"DarkVeil",props:{hueShift:{defaultValue:{value:"0",computed:!1},required:!1},noiseIntensity:{defaultValue:{value:"0",computed:!1},required:!1},scanlineIntensity:{defaultValue:{value:"0",computed:!1},required:!1},speed:{defaultValue:{value:"0.5",computed:!1},required:!1},scanlineFrequency:{defaultValue:{value:"0",computed:!1},required:!1},warpAmount:{defaultValue:{value:"0",computed:!1},required:!1},resolutionScale:{defaultValue:{value:"1",computed:!1},required:!1}}};const A={title:"ReactBits/Backgrounds/DarkVeil",component:_,parameters:{layout:"fullscreen"},tags:["autodocs"]},c={args:{hueShift:0,noiseIntensity:0,scanlineIntensity:0,speed:.5,scanlineFrequency:0,warpAmount:0,resolutionScale:1}};var h,S,x;c.parameters={...c.parameters,docs:{...(h=c.parameters)==null?void 0:h.docs,source:{originalSource:`{
70
+ args: {
71
+ hueShift: 0,
72
+ noiseIntensity: 0,
73
+ scanlineIntensity: 0,
74
+ speed: 0.5,
75
+ scanlineFrequency: 0,
76
+ warpAmount: 0,
77
+ resolutionScale: 1
78
+ }
79
+ }`,...(x=(S=c.parameters)==null?void 0:S.docs)==null?void 0:x.source}}};const G=["Default"];export{c as Default,G as __namedExportsOrder,A as default};
@@ -0,0 +1 @@
1
+ ._dateInput_1ef9d_1{margin-bottom:var(--spacing-lg);position:relative}._label_1ef9d_6{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-wide);transition:color var(--transition-base)}._inputWrapper_1ef9d_16{position:relative;display:flex;align-items:stretch;background:linear-gradient(135deg,var(--color-background),var(--color-background-secondary));border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}._inputWrapper_1ef9d_16:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}._inputWrapper_1ef9d_16:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a;transform:translateY(-2px);background:var(--color-background)}._textInput_1ef9d_43{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;font-size:var(--font-size-base);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;letter-spacing:.05em;font-weight:var(--font-weight-medium);color:var(--color-text);outline:none;min-height:44px}._textInput_1ef9d_43::placeholder{color:var(--color-text-secondary);opacity:.6;font-family:inherit}._textInput_1ef9d_43:disabled{background:var(--color-background-tertiary);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}._calendarButton_1ef9d_70{position:relative;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border:none;border-left:1px solid rgba(124,58,237,.2);color:var(--color-text-inverse);cursor:pointer;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--transition-base);outline:none;min-width:44px}._calendarButton_1ef9d_70:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-active));filter:brightness(1.1)}._calendarButton_1ef9d_70:active{transform:scale(.95)}._calendarButton_1ef9d_70:focus-visible{box-shadow:inset 0 0 0 2px #ffffff4d}._calendarButton_1ef9d_70 svg{width:20px;height:20px;display:block}._inputWrapper_1ef9d_16:hover ._calendarButton_1ef9d_70 svg{animation:_calendarPulse_1ef9d_1 .5s ease-in-out}@keyframes _calendarPulse_1ef9d_1{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(5deg)}}._hiddenDateInput_1ef9d_122{position:absolute;opacity:0;width:1px;height:1px;top:0;left:0;z-index:-1}._error_1ef9d_133 ._inputWrapper_1ef9d_16{border-color:var(--color-error);background:linear-gradient(135deg,var(--color-error-bg),var(--color-background));animation:_shake_1ef9d_1 .3s cubic-bezier(.36,.07,.19,.97) both}._error_1ef9d_133 ._label_1ef9d_6{color:var(--color-error)}._error_1ef9d_133 ._inputWrapper_1ef9d_16:focus-within{box-shadow:0 0 0 3px #f43f5e26}@keyframes _shake_1ef9d_1{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}._success_1ef9d_158 ._inputWrapper_1ef9d_16{border-color:var(--color-success)}._success_1ef9d_158 ._inputWrapper_1ef9d_16:after{content:"✓";position:absolute;right:calc(var(--spacing-md) + 44px);top:50%;transform:translateY(-50%);color:var(--color-success);font-weight:700;animation:_checkIn_1ef9d_1 .3s ease-out}@keyframes _checkIn_1ef9d_1{0%{opacity:0;transform:translateY(-50%) scale(0)}to{opacity:1;transform:translateY(-50%) scale(1)}}[data-theme=dark] ._inputWrapper_1ef9d_16{background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] ._inputWrapper_1ef9d_16:focus-within{background:var(--color-background-secondary);border-color:var(--color-primary-light);box-shadow:0 0 0 3px #a78bfa1a}[data-theme=dark] ._calendarButton_1ef9d_70{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-left-color:#a78bfa33}[data-theme=dark] ._calendarButton_1ef9d_70:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover))}@media (max-width: 768px){._dateInput_1ef9d_1{margin-bottom:var(--spacing-md)}._label_1ef9d_6{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}._textInput_1ef9d_43{font-size:16px;padding:var(--spacing-md);min-height:48px}._calendarButton_1ef9d_70{min-width:48px;font-size:20px}._calendarButton_1ef9d_70 svg{width:22px;height:22px}}._loading_1ef9d_243 ._inputWrapper_1ef9d_16{position:relative;overflow:hidden}._loading_1ef9d_243 ._inputWrapper_1ef9d_16:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.1),transparent);animation:_shimmer_1ef9d_1 2s infinite}@keyframes _shimmer_1ef9d_1{to{left:100%}}
@@ -0,0 +1,38 @@
1
+ import{r as k,j as o}from"./iframe-Cz1R6gKZ.js";import{u as N}from"./useSound-DOpt9DfD.js";import{c as C}from"./createLucideIcon-C7zEcVM7.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 S=[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]],j=C("calendar",S),w=r=>{if(!r)return"";const a=new Date(r);if(isNaN(a.getTime()))return"";const s=a.getDate().toString().padStart(2,"0"),i=(a.getMonth()+1).toString().padStart(2,"0"),u=a.getFullYear();return`${s}/${i}/${u}`},m=r=>{if(!r)return"";const s=r.replace(/[^\d/]/g,"").split("/");if(s.length===3){const[i,u,d]=s,p=`${d.length===2?`20${d}`:d}-${u.padStart(2,"0")}-${i.padStart(2,"0")}`,l=new Date(p);if(!isNaN(l.getTime()))return p}return""},E="_dateInput_1ef9d_1",B="_label_1ef9d_6",M="_inputWrapper_1ef9d_16",Y="_textInput_1ef9d_43",$="_calendarButton_1ef9d_70",q="_hiddenDateInput_1ef9d_122",A="_error_1ef9d_133",V="_success_1ef9d_158",W="_loading_1ef9d_243",n={dateInput:E,label:B,inputWrapper:M,textInput:Y,calendarButton:$,hiddenDateInput:q,error:A,success:V,loading:W};function F({label:r,value:a,onChange:s,placeholder:i="25/12/2024",onFocus:u,onBlur:d,error:h=!1,success:p=!1,loading:l=!1,disabled:f=!1,soundConfig:g}){const c=k.useRef(null),{handlers:D,playSound:_}=N(g),y=t=>{let e=t.replace(/[^\d/]/g,"");if(e.length>=2&&e.charAt(2)!=="/"&&(e=e.substring(0,2)+"/"+e.substring(2)),e.length>=5&&e.charAt(5)!=="/"&&(e=e.substring(0,5)+"/"+e.substring(5)),e.length>10&&(e=e.substring(0,10)),e.length===10){const v=m(e);s(v||e)}else s(e)},x=()=>{if(_("click"),c.current){const t=a.includes("-")?a:m(a);t&&(c.current.value=t),c.current.showPicker?c.current.showPicker():c.current.click()}},I=t=>{const e=t.target.value;e&&s(e)},b=()=>{const t=[n.dateInput];return h&&t.push(n.error),p&&t.push(n.success),l&&t.push(n.loading),t.join(" ")};return o.jsxs("div",{className:b(),children:[o.jsx("label",{className:n.label,children:r}),o.jsxs("div",{className:n.inputWrapper,children:[o.jsx("input",{type:"text",value:a.includes("-")?w(a):a,onChange:t=>y(t.target.value),onFocus:u,onBlur:d,placeholder:i,className:n.textInput,disabled:f||l,...D}),o.jsx("button",{type:"button",onClick:x,className:n.calendarButton,title:"Select date from calendar",disabled:f||l,children:o.jsx(j,{})}),o.jsx("input",{ref:c,type:"date",onChange:I,className:n.hiddenDateInput,tabIndex:-1,disabled:f||l})]})]})}F.__docgenInfo={description:`DateInput component - European format date picker with manual input support
7
+
8
+ @component
9
+ @description
10
+ A date input component that supports both manual text entry in DD/MM/YYYY format
11
+ and native calendar picker selection. Automatically formats dates as users type,
12
+ adding slashes at appropriate positions. Stores dates internally in ISO format
13
+ while displaying them in European format for better UX in European contexts.
14
+
15
+ Features:
16
+ - Auto-formatting while typing (adds slashes automatically)
17
+ - Calendar icon for native date picker access
18
+ - Seamless conversion between European display and ISO storage formats
19
+ - Mobile-optimized with proper touch targets
20
+
21
+ @example
22
+ // Basic usage
23
+ <DateInput
24
+ label="Date of Birth"
25
+ value={birthDate}
26
+ onChange={setBirthDate}
27
+ placeholder="31/12/2000"
28
+ />
29
+
30
+ @example
31
+ // With focus handlers
32
+ <DateInput
33
+ label="Event Date"
34
+ value={eventDate}
35
+ onChange={setEventDate}
36
+ onFocus={() => console.log('Focused')}
37
+ onBlur={() => validateDate(eventDate)}
38
+ />`,methods:[],displayName:"DateInput",props:{placeholder:{defaultValue:{value:'"25/12/2024"',computed:!1},required:!1},error:{defaultValue:{value:"false",computed:!1},required:!1},success:{defaultValue:{value:"false",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1}}};export{F as D};