@stfrigerio/sito-template 0.1.64 → 0.1.66
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.
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
- package/storybook-static/assets/{ASCIIText.stories-D1Xf4qUP.js → ASCIIText.stories-BQt8B6As.js} +1 -1
- package/storybook-static/assets/{AllAtoms.stories-BWZpG8YP.js → AllAtoms.stories-8mBdcCeY.js} +1 -1
- package/storybook-static/assets/{AnimatedContent.stories-JsJZW15E.js → AnimatedContent.stories-iIqm9cZL.js} +1 -1
- package/storybook-static/assets/{AnimatedList.stories-CcfSw525.js → AnimatedList.stories-Duey4ijf.js} +1 -1
- package/storybook-static/assets/{Antigravity.stories-LGQb0uWU.js → Antigravity.stories-CuJYSpj7.js} +1 -1
- package/storybook-static/assets/{ArrayInput.stories-C_NfcMRX.js → ArrayInput.stories-CqXFEZSr.js} +1 -1
- package/storybook-static/assets/{Aurora.stories-CJaNMHWy.js → Aurora.stories-Ccg1Zxc3.js} +1 -1
- package/storybook-static/assets/{Beams.stories-DJBLky2z.js → Beams.stories-D50tODHz.js} +1 -1
- package/storybook-static/assets/{BlobCursor.stories-D3s5SIIZ.js → BlobCursor.stories-BqwP46t8.js} +1 -1
- package/storybook-static/assets/{BlurText.stories-Wa5QMu-F.js → BlurText.stories-BuDb8a2q.js} +1 -1
- package/storybook-static/assets/{BooleansHeatmap.stories-DZUhByYN.js → BooleansHeatmap.stories-Byhs6Zes.js} +1 -1
- package/storybook-static/assets/{BorderGlow.stories-DC_aZNge.js → BorderGlow.stories-hxlNhbIt.js} +1 -1
- package/storybook-static/assets/{BubbleMenu.stories-ByI_irJ5.js → BubbleMenu.stories-DT9s0HGy.js} +1 -1
- package/storybook-static/assets/{Button-ca-WP0WI.js → Button-CHt05Jbq.js} +1 -1
- package/storybook-static/assets/{Button.stories-B-RlJwIP.js → Button.stories-CDGEs6zV.js} +1 -1
- package/storybook-static/assets/Calendar-CYo2UzOE.css +1 -0
- package/storybook-static/assets/{Calendar.stories-BAC0V9U_.js → Calendar.stories-D6K4DcbO.js} +14 -14
- package/storybook-static/assets/{Card-zYnUu79L.js → Card-Bj2f3gkT.js} +1 -1
- package/storybook-static/assets/{Card.stories-D3nX7F1p.js → Card.stories-C1A8NBTN.js} +1 -1
- package/storybook-static/assets/{CardNav.stories-DRFo00SW.js → CardNav.stories-BSezT2Mu.js} +1 -1
- package/storybook-static/assets/{Carousel.stories-HbqEyU8u.js → Carousel.stories-CdOtBTqT.js} +1 -1
- package/storybook-static/assets/{Checkbox-_QVpBl9h.js → Checkbox-BZw1-CjZ.js} +1 -1
- package/storybook-static/assets/{Checkbox.stories-DBj6Gf_0.js → Checkbox.stories-CP7266xH.js} +1 -1
- package/storybook-static/assets/{ChromaGrid.stories-CEWWsyh9.js → ChromaGrid.stories-BrS0NLKl.js} +1 -1
- package/storybook-static/assets/{CircularGallery.stories-C7Xyelp6.js → CircularGallery.stories-CsDrteyz.js} +1 -1
- package/storybook-static/assets/{CircularText.stories-BN4-zQYC.js → CircularText.stories-DNkBFKK7.js} +1 -1
- package/storybook-static/assets/{ClickSpark.stories-CgOAOvv1.js → ClickSpark.stories-BqJSrjeV.js} +1 -1
- package/storybook-static/assets/{ColorBends.stories-D3HYC9rL.js → ColorBends.stories-tjTDyHin.js} +1 -1
- package/storybook-static/assets/{CountUp.stories-tCzExq-Z.js → CountUp.stories-Wz9xxsr8.js} +1 -1
- package/storybook-static/assets/{Counter.stories-zCflYapu.js → Counter.stories-BYSWP3Ry.js} +1 -1
- package/storybook-static/assets/{Crosshair.stories-COhV5_Y7.js → Crosshair.stories-Bt7Ee7MB.js} +1 -1
- package/storybook-static/assets/{Cubes.stories-BtnbTbvB.js → Cubes.stories-Ds4ynqYx.js} +1 -1
- package/storybook-static/assets/{CurvedLoop.stories-CJ5pLoIz.js → CurvedLoop.stories-M2vftkyO.js} +1 -1
- package/storybook-static/assets/{DarkVeil.stories-CK2esiiE.js → DarkVeil.stories-PeZl2yff.js} +1 -1
- package/storybook-static/assets/{DateInput-DO3zkLe0.js → DateInput-BX5D1pMg.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-CxgW9cZx.js → DateInput.stories-Bb5zGjzs.js} +1 -1
- package/storybook-static/assets/{DecayCard.stories-UBtFVBLm.js → DecayCard.stories-Dxa_Vqrc.js} +1 -1
- package/storybook-static/assets/{DecryptedText.stories-b4fTRSry.js → DecryptedText.stories-yUFdFIFO.js} +1 -1
- package/storybook-static/assets/{Dither.stories-m9NAEf3T.js → Dither.stories-DiyNOgY2.js} +1 -1
- package/storybook-static/assets/{Dock.stories-I1MBrUpZ.js → Dock.stories-XNu7kNIX.js} +1 -1
- package/storybook-static/assets/{EditFAB.stories-BBvvPWME.js → EditFAB.stories-D_ZD4rSm.js} +1 -1
- package/storybook-static/assets/{EvilEye.stories-C_IRHT0H.js → EvilEye.stories-C0S3sEvk.js} +1 -1
- package/storybook-static/assets/{FadeContent.stories-cA0ehF9u.js → FadeContent.stories-C-ipTGqJ.js} +1 -1
- package/storybook-static/assets/{FaultyTerminal.stories-BH17AZyd.js → FaultyTerminal.stories-10c-i_01.js} +1 -1
- package/storybook-static/assets/{Fbo-s3d9A5Ww.js → Fbo-Cr10jzQa.js} +1 -1
- package/storybook-static/assets/{FloatingLines.stories-D08G-orK.js → FloatingLines.stories-DkZO2qzt.js} +1 -1
- package/storybook-static/assets/{FlowingMenu.stories-lt-kmfSP.js → FlowingMenu.stories-DS10XeZI.js} +1 -1
- package/storybook-static/assets/{FluidGlass.stories-BuhWZ_Ae.js → FluidGlass.stories-B-R5wDkB.js} +1 -1
- package/storybook-static/assets/{Folder.stories-DkcDSS4C.js → Folder.stories-BUmZH2ka.js} +1 -1
- package/storybook-static/assets/{FuzzyText.stories--rgAbGdd.js → FuzzyText.stories-BRnWU0yr.js} +1 -1
- package/storybook-static/assets/{Galaxy.stories-BtoQgZ5g.js → Galaxy.stories-hqhjEO_R.js} +1 -1
- package/storybook-static/assets/{GhostCursor.stories-DdZuzAPN.js → GhostCursor.stories-BB2e8hmO.js} +1 -1
- package/storybook-static/assets/{GlareHover.stories-BRqYHSpA.js → GlareHover.stories-BF6kB7EN.js} +1 -1
- package/storybook-static/assets/{GlassSurface.stories-DRIBU9EM.js → GlassSurface.stories-iF01agCe.js} +1 -1
- package/storybook-static/assets/{GlitchText.stories-BpY-FnEO.js → GlitchText.stories-CITlEyXQ.js} +1 -1
- package/storybook-static/assets/{GooeyNav.stories-BRcQ83Ow.js → GooeyNav.stories-vYR6zhI-.js} +1 -1
- package/storybook-static/assets/{GradientBlinds.stories-CBDfLww2.js → GradientBlinds.stories-DSf-fXuF.js} +1 -1
- package/storybook-static/assets/{GradientText.stories-X35aGA0z.js → GradientText.stories-DncdPs2z.js} +1 -1
- package/storybook-static/assets/{Grainient.stories-DxXaNTYL.js → Grainient.stories-BP35oJuG.js} +1 -1
- package/storybook-static/assets/{GridMotion.stories-DqSG90cL.js → GridMotion.stories-Ck8lERpS.js} +1 -1
- package/storybook-static/assets/{ImageSlideshow.stories-CtfQ0gfF.js → ImageSlideshow.stories-D5CGI0M5.js} +1 -1
- package/storybook-static/assets/{Iridescence.stories-Dg0-a4BI.js → Iridescence.stories-DSEIJRrO.js} +1 -1
- package/storybook-static/assets/{LaserFlow.stories-HphAKxl3.js → LaserFlow.stories-B-m7sVx7.js} +1 -1
- package/storybook-static/assets/{LetterGlitch.stories-DLHnI11F.js → LetterGlitch.stories-D2KK0k49.js} +1 -1
- package/storybook-static/assets/{LightPillar.stories-CUbwXI-r.js → LightPillar.stories-0fWLIQfM.js} +1 -1
- package/storybook-static/assets/{LightRays.stories-CN6SEiVL.js → LightRays.stories-U8mBgBFu.js} +1 -1
- package/storybook-static/assets/{Lightning.stories-DKPrYnXR.js → Lightning.stories-qzK5B63O.js} +1 -1
- package/storybook-static/assets/{LineWaves.stories-CQG48pTS.js → LineWaves.stories-Dh0hHXd-.js} +1 -1
- package/storybook-static/assets/{LiquidChrome.stories-eT_xiYak.js → LiquidChrome.stories-D-nD2mFo.js} +1 -1
- package/storybook-static/assets/{LiquidEther.stories-DXBLkgMd.js → LiquidEther.stories-DO-bW-67.js} +1 -1
- package/storybook-static/assets/{LoadingSpinner-CZ8UT8Bc.js → LoadingSpinner-D2u7X2s9.js} +1 -1
- package/storybook-static/assets/{LoadingSpinner.stories-CR6A9mp_.js → LoadingSpinner.stories-CASjGJF0.js} +1 -1
- package/storybook-static/assets/{MagicRings.stories-DfJhHwvh.js → MagicRings.stories-CYDU5wlq.js} +1 -1
- package/storybook-static/assets/{Magnet.stories-B-jKkHeX.js → Magnet.stories-BzWFxE-V.js} +1 -1
- package/storybook-static/assets/{MagnetLines.stories-CxFq3Ubm.js → MagnetLines.stories-BLt0dpNN.js} +1 -1
- package/storybook-static/assets/{Masonry.stories-BdK8xuEJ.js → Masonry.stories-CdsgD1y4.js} +1 -1
- package/storybook-static/assets/{MetaBalls.stories-C46SwkDW.js → MetaBalls.stories-1ggXqut_.js} +1 -1
- package/storybook-static/assets/{MetallicPaint.stories-DoezHDKx.js → MetallicPaint.stories-5ZCaxSOk.js} +1 -1
- package/storybook-static/assets/{MoodChart.stories-B9OgTXVp.js → MoodChart.stories-Bv5VWVvQ.js} +1 -1
- package/storybook-static/assets/{MotionConfigContext-Bw_b3ZUg.js → MotionConfigContext-BPeKZQwM.js} +1 -1
- package/storybook-static/assets/{Navbar.stories-kGHTDdld.js → Navbar.stories-PxIAocvK.js} +1 -1
- package/storybook-static/assets/{Noise.stories-DVCl2Bri.js → Noise.stories-qu_z-yQ8.js} +1 -1
- package/storybook-static/assets/{NumberStepper-YeXfyuax.js → NumberStepper-CnpXSMIl.js} +1 -1
- package/storybook-static/assets/{NumberStepper.stories-DH0q8Pfx.js → NumberStepper.stories-Cw-zOdLi.js} +1 -1
- package/storybook-static/assets/{Orb.stories-DqhtrskE.js → Orb.stories-DgKOlXK_.js} +1 -1
- package/storybook-static/assets/{OrbitImages.stories-DkgbzqRA.js → OrbitImages.stories-Bv5vyiHA.js} +1 -1
- package/storybook-static/assets/{PieChart.stories-DtsuEu3P.js → PieChart.stories-2s1TKZIh.js} +1 -1
- package/storybook-static/assets/{PixelBlast.stories-DFVJyyCJ.js → PixelBlast.stories-C28Fm0cc.js} +1 -1
- package/storybook-static/assets/{PixelCard.stories-rN2a2n6z.js → PixelCard.stories-DSmyTgrk.js} +1 -1
- package/storybook-static/assets/{PixelSnow.stories-CTi1PQmJ.js → PixelSnow.stories-D0XEmW1E.js} +1 -1
- package/storybook-static/assets/{PixelTransition.stories-2HV20X_n.js → PixelTransition.stories-CG2BkKyJ.js} +1 -1
- package/storybook-static/assets/{Plasma.stories-CRgiU8eT.js → Plasma.stories-BK2e28Ch.js} +1 -1
- package/storybook-static/assets/{Prism.stories-DXiBjhaz.js → Prism.stories-BEUiZCms.js} +1 -1
- package/storybook-static/assets/{PrismaticBurst.stories-C-0bgAlq.js → PrismaticBurst.stories-COY077W0.js} +1 -1
- package/storybook-static/assets/{ProfileCard.stories-DqaByaZ1.js → ProfileCard.stories-BPB50mBw.js} +1 -1
- package/storybook-static/assets/{QuantifiableHabitsChart.stories-BZunSv8G.js → QuantifiableHabitsChart.stories-Dh4BO8wA.js} +1 -1
- package/storybook-static/assets/{Radar.stories-C8wwlosb.js → Radar.stories-C9TRaVRk.js} +1 -1
- package/storybook-static/assets/{Ribbons.stories-CmNeTz58.js → Ribbons.stories-BK6afGL-.js} +1 -1
- package/storybook-static/assets/{RippleGrid.stories-hdUoMUQU.js → RippleGrid.stories-CLkgzs8T.js} +1 -1
- package/storybook-static/assets/{RotatingText.stories-ByoOkJK3.js → RotatingText.stories-BqRKm4Pk.js} +1 -1
- package/storybook-static/assets/{ScrollFloat.stories-DzBb88Gj.js → ScrollFloat.stories-CyVus5Hn.js} +1 -1
- package/storybook-static/assets/{ScrollReveal.stories-Cvj4Nyqh.js → ScrollReveal.stories-HNSNKMZC.js} +1 -1
- package/storybook-static/assets/{ScrollVelocity.stories-Dv-M9Wnr.js → ScrollVelocity.stories-Bl2UPKz8.js} +1 -1
- package/storybook-static/assets/{SearchBar.stories-CerIHZtb.js → SearchBar.stories-zTNrUibf.js} +1 -1
- package/storybook-static/assets/{SearchableDropdown-BYUsXzuw.js → SearchableDropdown-jZtEQYje.js} +1 -1
- package/storybook-static/assets/{SearchableDropdown.stories-Be0en2w9.js → SearchableDropdown.stories-DeTNwt1p.js} +1 -1
- package/storybook-static/assets/{SelectInput-B1qnSkvU.js → SelectInput-CTOoI-ar.js} +1 -1
- package/storybook-static/assets/{SelectInput.stories-rG534PQk.js → SelectInput.stories-CXKqi4k2.js} +1 -1
- package/storybook-static/assets/{ShapeBlur.stories-C0OfXwcj.js → ShapeBlur.stories-on96JVhG.js} +1 -1
- package/storybook-static/assets/{ShapeGrid.stories-CGVyt0ij.js → ShapeGrid.stories-BRxQh7UX.js} +1 -1
- package/storybook-static/assets/{ShinyText.stories-CdqZ9sbE.js → ShinyText.stories-BSiGTTuW.js} +1 -1
- package/storybook-static/assets/{Silk.stories-C-SfR0Jg.js → Silk.stories-DLh6h5sr.js} +1 -1
- package/storybook-static/assets/{SleepChart.stories-aftHcHdn.js → SleepChart.stories-CqgT_xSG.js} +1 -1
- package/storybook-static/assets/{Slider-83i6BK20.js → Slider-DkwynjlW.js} +1 -1
- package/storybook-static/assets/{Slider.stories-B8uqaRWJ.js → Slider.stories-xzy9LCKq.js} +1 -1
- package/storybook-static/assets/{SoftAurora.stories-B7X9ZV2K.js → SoftAurora.stories-BEGlyxv2.js} +1 -1
- package/storybook-static/assets/{SoundDemo.stories-B2dUHnjX.js → SoundDemo.stories-lnHQaZRf.js} +1 -1
- package/storybook-static/assets/{SplashCursor.stories-B-X6nqbL.js → SplashCursor.stories-BLuoT7bI.js} +1 -1
- package/storybook-static/assets/{SpotlightCard.stories-DzWyLfst.js → SpotlightCard.stories-8rbsIN_x.js} +1 -1
- package/storybook-static/assets/{Stack.stories-Difhxomv.js → Stack.stories-rXRU4bV_.js} +1 -1
- package/storybook-static/assets/{StaggeredMenu.stories-jMzvdn-y.js → StaggeredMenu.stories-CTOihDVq.js} +1 -1
- package/storybook-static/assets/{StarBorder.stories-tllhEWZ6.js → StarBorder.stories-D42G2awE.js} +1 -1
- package/storybook-static/assets/{SunburstChart.stories-5vIpij27.js → SunburstChart.stories-CqJjS5Ra.js} +1 -1
- package/storybook-static/assets/{Table.stories-BkYY9ch2.js → Table.stories-DpQG-25p.js} +1 -1
- package/storybook-static/assets/Tabs-DrFUc5M1.css +1 -0
- package/storybook-static/assets/{Tabs.stories-BNA5iGAY.js → Tabs.stories-YHLNdl7B.js} +4 -4
- package/storybook-static/assets/{TargetCursor.stories-DtezwDkw.js → TargetCursor.stories-DRsMwPSK.js} +1 -1
- package/storybook-static/assets/{TextArea-B2Ks28b3.js → TextArea-CngqtNxw.js} +1 -1
- package/storybook-static/assets/{TextArea.stories-DkqiL7is.js → TextArea.stories-D1_hrHZS.js} +1 -1
- package/storybook-static/assets/{TextCursor.stories-BA8KwHmz.js → TextCursor.stories-UtxhqemP.js} +1 -1
- package/storybook-static/assets/{TextInput-RcF1I7gc.js → TextInput-BehfCmY5.js} +1 -1
- package/storybook-static/assets/{TextInput.stories-1ZvqndSt.js → TextInput.stories-BvXJYvPz.js} +1 -1
- package/storybook-static/assets/{TextPressure.stories-CagLTfG3.js → TextPressure.stories-CVxoipZx.js} +1 -1
- package/storybook-static/assets/{TextType.stories-D_VO9NN0.js → TextType.stories-Wbl-e4FH.js} +1 -1
- package/storybook-static/assets/{ThemeSwitcher.stories-D65qyRcn.js → ThemeSwitcher.stories-DJtkbIsv.js} +1 -1
- package/storybook-static/assets/{Threads.stories-BKuIk-S8.js → Threads.stories-lWTZV9-e.js} +1 -1
- package/storybook-static/assets/{TimeInput.stories-CtLYgtN1.js → TimeInput.stories-BRAnNdr7.js} +1 -1
- package/storybook-static/assets/{Toggle-DoFVZPP7.js → Toggle-Cox_9XI4.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-BphSAMdU.js → Toggle.stories-D-LdkyEg.js} +1 -1
- package/storybook-static/assets/{ToggleButton-CMV9gTJe.js → ToggleButton-CJKNj0SW.js} +1 -1
- package/storybook-static/assets/{ToggleButton.stories-1J1Cc9rs.js → ToggleButton.stories-1ap-eMVz.js} +1 -1
- package/storybook-static/assets/{TrueFocus.stories-BF_15cUA.js → TrueFocus.stories-HdARUvZK.js} +1 -1
- package/storybook-static/assets/{VariableProximity.stories-CCJGixEX.js → VariableProximity.stories-Bs1ntmHm.js} +1 -1
- package/storybook-static/assets/{Waves.stories-5St-l3Wf.js → Waves.stories-DZefHbtX.js} +1 -1
- package/storybook-static/assets/{check-BeLtWVMx.js → check-C2eSkRHq.js} +1 -1
- package/storybook-static/assets/{chevron-down-D_mEXhKp.js → chevron-down-C-70uzgo.js} +1 -1
- package/storybook-static/assets/{chevron-right-DBSgwEbi.js → chevron-right-wsLgLx3I.js} +1 -1
- package/storybook-static/assets/client-BF4QBMW1.js +1 -0
- package/storybook-static/assets/{createLucideIcon-DuhF9yZF.js → createLucideIcon-DaHCgKFX.js} +1 -1
- package/storybook-static/assets/{download-j4xSjMSA.js → download--Xa2UKO-.js} +1 -1
- package/storybook-static/assets/{folder-Bwjab-Ym.js → folder-DCpVGUxB.js} +1 -1
- package/storybook-static/assets/{iconBase-qbjzzLYR.js → iconBase-B-RSH0v3.js} +1 -1
- package/storybook-static/assets/{iframe-CK6Mw28k.js → iframe-BVoBDGkl.js} +3 -3
- package/storybook-static/assets/{index-CQOm43iW.js → index-C5uOIRS9.js} +1 -1
- package/storybook-static/assets/{index-Dwwpkjqo.js → index-CyoTMuJi.js} +1 -1
- package/storybook-static/assets/{index-DhjWRu4G.js → index-DufMyQUu.js} +1 -1
- package/storybook-static/assets/{proxy-Bl04PYET.js → proxy-DTYfJ2to.js} +1 -1
- package/storybook-static/assets/{react-18-CDj_Zhc2.js → react-18-Blvw7U7X.js} +1 -1
- package/storybook-static/assets/{react-three-fiber.esm-B-YAFtc0.js → react-three-fiber.esm-C85N-HX5.js} +1 -1
- package/storybook-static/assets/{search-Bjs6a96N.js → search-MU52wG37.js} +1 -1
- package/storybook-static/assets/{settings-Z-MOtXdz.js → settings-s6BFzNVN.js} +1 -1
- package/storybook-static/assets/{sun-Ci0RAefo.js → sun-CEL81Yx2.js} +1 -1
- package/storybook-static/assets/{trash-2-G87MiWs9.js → trash-2-DEEOdkJB.js} +1 -1
- package/storybook-static/assets/{use-animation-frame-CHMft_Mi.js → use-animation-frame-BdekcKuM.js} +1 -1
- package/storybook-static/assets/{use-in-view-DJYXLAij.js → use-in-view-vaSz56VM.js} +1 -1
- package/storybook-static/assets/{use-motion-value-Do20FICu.js → use-motion-value-Cruaf_HC.js} +1 -1
- package/storybook-static/assets/{use-spring-BK29UAI4.js → use-spring-QrlvhiwT.js} +1 -1
- package/storybook-static/assets/{use-transform-whfZpWa9.js → use-transform-I-in6IUD.js} +1 -1
- package/storybook-static/assets/{useSound-D6Fr1PWT.js → useSound-D3odJ6j_.js} +1 -1
- package/storybook-static/assets/{users-BZc8oR_p.js → users-V3YzqUXe.js} +1 -1
- package/storybook-static/assets/{x-lYUPUVqC.js → x-CIfb6lfQ.js} +1 -1
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/project.json +1 -1
- package/storybook-static/assets/Calendar-CmqcM0p9.css +0 -1
- package/storybook-static/assets/Tabs-CxzfjVJB.css +0 -1
- package/storybook-static/assets/client-C7ctmdCq.js +0 -1
package/storybook-static/assets/{MotionConfigContext-Bw_b3ZUg.js → MotionConfigContext-BPeKZQwM.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as H}from"./iframe-CK6Mw28k.js";function us(t){const e=H.useRef(null);return e.current===null&&(e.current=t()),e.current}const _t=typeof window<"u",hs=_t?H.useLayoutEffect:H.useEffect;function $t(t,e){t.indexOf(e)===-1&&t.push(e)}function zt(t,e){const s=t.indexOf(e);s>-1&&t.splice(s,1)}const O=(t,e,s)=>s>e?e:s<t?t:s;let Ft=()=>{};const ut={},tt=t=>t,jt=(t,e)=>s=>e(t(s)),ht=(...t)=>t.reduce(jt),St=(t,e,s)=>{const n=e-t;return n===0?1:(s-t)/n};class Zt{constructor(){this.subscriptions=[]}add(e){return $t(this.subscriptions,e),()=>zt(this.subscriptions,e)}notify(e,s,n){const r=this.subscriptions.length;if(r)if(r===1)this.subscriptions[0](e,s,n);else for(let i=0;i<r;i++){const a=this.subscriptions[i];a&&a(e,s,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const U=t=>t*1e3,R=t=>t/1e3;function kt(t,e){return e?t*(1e3/e):0}const wt=(t,e,s)=>(((1-3*s+3*e)*t+(3*s-6*e))*t+3*e)*t,Ht=1e-7,Jt=12;function Xt(t,e,s,n,r){let i,a,o=0;do a=e+(s-e)/2,i=wt(a,n,r)-t,i>0?s=a:e=a;while(Math.abs(i)>Ht&&++o<Jt);return a}function _(t,e,s,n){if(t===e&&s===n)return tt;const r=i=>Xt(i,0,1,t,s);return i=>i===0||i===1?i:wt(r(i),e,n)}const Ct=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Pt=t=>e=>1-t(1-e),Et=_(.33,1.53,.69,.99),ft=Pt(Et),Qt=Ct(ft),Yt=t=>t>=1?1:(t*=2)<1?.5*ft(t):.5*(2-Math.pow(2,-10*(t-1))),dt=t=>1-Math.sin(Math.acos(t)),te=Pt(dt),ee=Ct(dt),se=_(.42,0,1,1),ne=_(0,0,.58,1),Vt=_(.42,0,.58,1),re=t=>Array.isArray(t)&&typeof t[0]!="number",ie=t=>Array.isArray(t)&&typeof t[0]=="number",ae={linear:tt,easeIn:se,easeInOut:Vt,easeOut:ne,circIn:dt,circInOut:ee,circOut:te,backIn:ft,backInOut:Qt,backOut:Et,anticipate:Yt},oe=t=>typeof t=="string",vt=t=>{if(ie(t)){Ft(t.length===4);const[e,s,n,r]=t;return _(e,s,n,r)}else if(oe(t))return ae[t];return t},j=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function ce(t,e){let s=new Set,n=new Set,r=!1,i=!1;const a=new WeakSet;let o={delta:0,timestamp:0,isProcessing:!1};function u(c){a.has(c)&&(h.schedule(c),t()),c(o)}const h={schedule:(c,f=!1,y=!1)=>{const M=y&&r?s:n;return f&&a.add(c),M.add(c),c},cancel:c=>{n.delete(c),a.delete(c)},process:c=>{if(o=c,r){i=!0;return}r=!0;const f=s;s=n,n=f,s.forEach(u),s.clear(),r=!1,i&&(i=!1,h.process(c))}};return h}const le=40;function ue(t,e){let s=!1,n=!0;const r={delta:0,timestamp:0,isProcessing:!1},i=()=>s=!0,a=j.reduce((x,b)=>(x[b]=ce(i),x),{}),{setup:o,read:u,resolveKeyframes:h,preUpdate:c,update:f,preRender:y,render:D,postRender:M}=a,p=()=>{const x=ut.useManualTiming,b=x?r.timestamp:performance.now();s=!1,x||(r.delta=n?1e3/60:Math.max(Math.min(b-r.timestamp,le),1)),r.timestamp=b,r.isProcessing=!0,o.process(r),u.process(r),h.process(r),c.process(r),f.process(r),y.process(r),D.process(r),M.process(r),r.isProcessing=!1,s&&e&&(n=!1,t(p))},v=()=>{s=!0,n=!0,r.isProcessing||t(p)};return{schedule:j.reduce((x,b)=>{const g=a[b];return x[b]=(F,k=!1,d=!1)=>(s||v(),g.schedule(F,k,d)),x},{}),cancel:x=>{for(let b=0;b<j.length;b++)a[j[b]].cancel(x)},state:r,steps:a}}const{schedule:Rt,cancel:he,state:J,steps:fs}=ue(typeof requestAnimationFrame<"u"?requestAnimationFrame:tt,!0);let Z;function fe(){Z=void 0}const C={now:()=>(Z===void 0&&C.set(J.isProcessing||ut.useManualTiming?J.timestamp:performance.now()),Z),set:t=>{Z=t,queueMicrotask(fe)}},It=t=>e=>typeof e=="string"&&e.startsWith(t),ds=It("--"),de=It("var(--"),pe=t=>de(t)?me.test(t.split("/*")[0].trim()):!1,me=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;function ps(t){return typeof t!="string"?!1:t.split("/*")[0].includes("var(--")}const pt={test:t=>typeof t=="number",parse:parseFloat,transform:t=>t},Nt={...pt,transform:t=>O(0,1,t)},ms={...pt,default:1},q=t=>Math.round(t*1e5)/1e5,Ot=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function ge(t){return t==null}const ye=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,mt=(t,e)=>s=>!!(typeof s=="string"&&ye.test(s)&&s.startsWith(t)||e&&!ge(s)&&Object.prototype.hasOwnProperty.call(s,e)),Kt=(t,e,s)=>n=>{if(typeof n!="string")return n;const[r,i,a,o]=n.match(Ot);return{[t]:parseFloat(r),[e]:parseFloat(i),[s]:parseFloat(a),alpha:o!==void 0?parseFloat(o):1}},ve=t=>O(0,255,t),st={...pt,transform:t=>Math.round(ve(t))},N={test:mt("rgb","red"),parse:Kt("red","green","blue"),transform:({red:t,green:e,blue:s,alpha:n=1})=>"rgba("+st.transform(t)+", "+st.transform(e)+", "+st.transform(s)+", "+q(Nt.transform(n))+")"};function be(t){let e="",s="",n="",r="";return t.length>5?(e=t.substring(1,3),s=t.substring(3,5),n=t.substring(5,7),r=t.substring(7,9)):(e=t.substring(1,2),s=t.substring(2,3),n=t.substring(3,4),r=t.substring(4,5),e+=e,s+=s,n+=n,r+=r),{red:parseInt(e,16),green:parseInt(s,16),blue:parseInt(n,16),alpha:r?parseInt(r,16)/255:1}}const at={test:mt("#"),parse:be,transform:N.transform},$=t=>({test:e=>typeof e=="string"&&e.endsWith(t)&&e.split(" ").length===1,parse:parseFloat,transform:e=>`${e}${t}`}),gs=$("deg"),L=$("%"),ys=$("px"),vs=$("vh"),bs=$("vw"),Ts={...L,parse:t=>L.parse(t)/100,transform:t=>L.transform(t*100)},G={test:mt("hsl","hue"),parse:Kt("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:s,alpha:n=1})=>"hsla("+Math.round(t)+", "+L.transform(q(e))+", "+L.transform(q(s))+", "+q(Nt.transform(n))+")"},P={test:t=>N.test(t)||at.test(t)||G.test(t),parse:t=>N.test(t)?N.parse(t):G.test(t)?G.parse(t):at.parse(t),transform:t=>typeof t=="string"?t:t.hasOwnProperty("red")?N.transform(t):G.transform(t),getAnimatableNone:t=>{const e=P.parse(t);return e.alpha=0,P.transform(e)}},Te=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function xe(t){var e,s;return isNaN(t)&&typeof t=="string"&&(((e=t.match(Ot))==null?void 0:e.length)||0)+(((s=t.match(Te))==null?void 0:s.length)||0)>0}const Gt="number",Ut="color",Me="var",Ae="var(",bt="${}",De=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function B(t){const e=t.toString(),s=[],n={color:[],number:[],var:[]},r=[];let i=0;const o=e.replace(De,u=>(P.test(u)?(n.color.push(i),r.push(Ut),s.push(P.parse(u))):u.startsWith(Ae)?(n.var.push(i),r.push(Me),s.push(u)):(n.number.push(i),r.push(Gt),s.push(parseFloat(u))),++i,bt)).split(bt);return{values:s,split:o,indexes:n,types:r}}function Fe(t){return B(t).values}function qt({split:t,types:e}){const s=t.length;return n=>{let r="";for(let i=0;i<s;i++)if(r+=t[i],n[i]!==void 0){const a=e[i];a===Gt?r+=q(n[i]):a===Ut?r+=P.transform(n[i]):r+=n[i]}return r}}function Se(t){return qt(B(t))}const ke=t=>typeof t=="number"?0:P.test(t)?P.getAnimatableNone(t):t,we=(t,e)=>typeof t=="number"?e!=null&&e.trim().endsWith("/")?t:0:ke(t);function Ce(t){const e=B(t);return qt(e)(e.values.map((n,r)=>we(n,e.split[r])))}const Pe={test:xe,parse:Fe,createTransformer:Se,getAnimatableNone:Ce};function nt(t,e,s){return s<0&&(s+=1),s>1&&(s-=1),s<1/6?t+(e-t)*6*s:s<1/2?e:s<2/3?t+(e-t)*(2/3-s)*6:t}function Ee({hue:t,saturation:e,lightness:s,alpha:n}){t/=360,e/=100,s/=100;let r=0,i=0,a=0;if(!e)r=i=a=s;else{const o=s<.5?s*(1+e):s+e-s*e,u=2*s-o;r=nt(u,o,t+1/3),i=nt(u,o,t),a=nt(u,o,t-1/3)}return{red:Math.round(r*255),green:Math.round(i*255),blue:Math.round(a*255),alpha:n}}function X(t,e){return s=>s>0?e:t}const et=(t,e,s)=>t+(e-t)*s,rt=(t,e,s)=>{const n=t*t,r=s*(e*e-n)+n;return r<0?0:Math.sqrt(r)},Ve=[at,N,G],Re=t=>Ve.find(e=>e.test(t));function Tt(t){const e=Re(t);if(!e)return!1;let s=e.parse(t);return e===G&&(s=Ee(s)),s}const xt=(t,e)=>{const s=Tt(t),n=Tt(e);if(!s||!n)return X(t,e);const r={...s};return i=>(r.red=rt(s.red,n.red,i),r.green=rt(s.green,n.green,i),r.blue=rt(s.blue,n.blue,i),r.alpha=et(s.alpha,n.alpha,i),N.transform(r))},ot=new Set(["none","hidden"]);function Ie(t,e){return ot.has(t)?s=>s<=0?t:e:s=>s>=1?e:t}function Ne(t,e){return s=>et(t,e,s)}function gt(t){return typeof t=="number"?Ne:typeof t=="string"?pe(t)?X:P.test(t)?xt:Ge:Array.isArray(t)?Lt:typeof t=="object"?P.test(t)?xt:Oe:X}function Lt(t,e){const s=[...t],n=s.length,r=t.map((i,a)=>gt(i)(i,e[a]));return i=>{for(let a=0;a<n;a++)s[a]=r[a](i);return s}}function Oe(t,e){const s={...t,...e},n={};for(const r in s)t[r]!==void 0&&e[r]!==void 0&&(n[r]=gt(t[r])(t[r],e[r]));return r=>{for(const i in n)s[i]=n[i](r);return s}}function Ke(t,e){const s=[],n={color:0,var:0,number:0};for(let r=0;r<e.values.length;r++){const i=e.types[r],a=t.indexes[i][n[i]],o=t.values[a]??0;s[r]=o,n[i]++}return s}const Ge=(t,e)=>{const s=Pe.createTransformer(e),n=B(t),r=B(e);return n.indexes.var.length===r.indexes.var.length&&n.indexes.color.length===r.indexes.color.length&&n.indexes.number.length>=r.indexes.number.length?ot.has(t)&&!r.values.length||ot.has(e)&&!n.values.length?Ie(t,e):ht(Lt(Ke(n,r),r.values),s):X(t,e)};function Wt(t,e,s){return typeof t=="number"&&typeof e=="number"&&typeof s=="number"?et(t,e,s):gt(t)(t,e)}const Ue=t=>{const e=({timestamp:s})=>t(s);return{start:(s=!0)=>Rt.update(e,s),stop:()=>he(e),now:()=>J.isProcessing?J.timestamp:C.now()}},qe=(t,e,s=10)=>{let n="";const r=Math.max(Math.round(e/s),2);for(let i=0;i<r;i++)n+=Math.round(t(i/(r-1))*1e4)/1e4+", ";return`linear(${n.substring(0,n.length-2)})`},Q=2e4;function yt(t){let e=0;const s=50;let n=t.next(e);for(;!n.done&&e<Q;)e+=s,n=t.next(e);return e>=Q?1/0:e}function Le(t,e=100,s){const n=s({...t,keyframes:[0,e]}),r=Math.min(yt(n),Q);return{type:"keyframes",ease:i=>n.next(r*i).value/e,duration:R(r)}}const T={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1};function ct(t,e){return t*Math.sqrt(1-e*e)}const We=12;function Be(t,e,s){let n=s;for(let r=1;r<We;r++)n=n-t(n)/e(n);return n}const it=.001;function _e({duration:t=T.duration,bounce:e=T.bounce,velocity:s=T.velocity,mass:n=T.mass}){let r,i,a=1-e;a=O(T.minDamping,T.maxDamping,a),t=O(T.minDuration,T.maxDuration,R(t)),a<1?(r=h=>{const c=h*a,f=c*t,y=c-s,D=ct(h,a),M=Math.exp(-f);return it-y/D*M},i=h=>{const f=h*a*t,y=f*s+s,D=Math.pow(a,2)*Math.pow(h,2)*t,M=Math.exp(-f),p=ct(Math.pow(h,2),a);return(-r(h)+it>0?-1:1)*((y-D)*M)/p}):(r=h=>{const c=Math.exp(-h*t),f=(h-s)*t+1;return-it+c*f},i=h=>{const c=Math.exp(-h*t),f=(s-h)*(t*t);return c*f});const o=5/t,u=Be(r,i,o);if(t=U(t),isNaN(u))return{stiffness:T.stiffness,damping:T.damping,duration:t};{const h=Math.pow(u,2)*n;return{stiffness:h,damping:a*2*Math.sqrt(n*h),duration:t}}}const $e=["duration","bounce"],ze=["stiffness","damping","mass"];function Mt(t,e){return e.some(s=>t[s]!==void 0)}function je(t){let e={velocity:T.velocity,stiffness:T.stiffness,damping:T.damping,mass:T.mass,isResolvedFromDuration:!1,...t};if(!Mt(t,ze)&&Mt(t,$e))if(e.velocity=0,t.visualDuration){const s=t.visualDuration,n=2*Math.PI/(s*1.2),r=n*n,i=2*O(.05,1,1-(t.bounce||0))*Math.sqrt(r);e={...e,mass:T.mass,stiffness:r,damping:i}}else{const s=_e({...t,velocity:0});e={...e,...s,mass:T.mass},e.isResolvedFromDuration=!0}return e}function Y(t=T.visualDuration,e=T.bounce){const s=typeof t!="object"?{visualDuration:t,keyframes:[0,1],bounce:e}:t;let{restSpeed:n,restDelta:r}=s;const i=s.keyframes[0],a=s.keyframes[s.keyframes.length-1],o={done:!1,value:i},{stiffness:u,damping:h,mass:c,duration:f,velocity:y,isResolvedFromDuration:D}=je({...s,velocity:-R(s.velocity||0)}),M=y||0,p=h/(2*Math.sqrt(u*c)),v=a-i,m=R(Math.sqrt(u/c)),w=Math.abs(v)<5;n||(n=w?T.restSpeed.granular:T.restSpeed.default),r||(r=w?T.restDelta.granular:T.restDelta.default);let x,b,g,F,k,d;if(p<1)g=ct(m,p),F=(M+p*m*v)/g,x=l=>{const A=Math.exp(-p*m*l);return a-A*(F*Math.sin(g*l)+v*Math.cos(g*l))},k=p*m*F+v*g,d=p*m*v-F*g,b=l=>Math.exp(-p*m*l)*(k*Math.sin(g*l)+d*Math.cos(g*l));else if(p===1){x=A=>a-Math.exp(-m*A)*(v+(M+m*v)*A);const l=M+m*v;b=A=>Math.exp(-m*A)*(m*l*A-M)}else{const l=m*Math.sqrt(p*p-1);x=V=>{const K=Math.exp(-p*m*V),I=Math.min(l*V,300);return a-K*((M+p*m*v)*Math.sinh(I)+l*v*Math.cosh(I))/l};const A=(M+p*m*v)/l,E=p*m*A-v*l,z=p*m*v-A*l;b=V=>{const K=Math.exp(-p*m*V),I=Math.min(l*V,300);return K*(E*Math.sinh(I)+z*Math.cosh(I))}}const S={calculatedDuration:D&&f||null,velocity:l=>U(b(l)),next:l=>{if(!D&&p<1){const E=Math.exp(-p*m*l),z=Math.sin(g*l),V=Math.cos(g*l),K=a-E*(F*z+v*V),I=U(E*(k*z+d*V));return o.done=Math.abs(I)<=n&&Math.abs(a-K)<=r,o.value=o.done?a:K,o}const A=x(l);if(D)o.done=l>=f;else{const E=U(b(l));o.done=Math.abs(E)<=n&&Math.abs(a-A)<=r}return o.value=o.done?a:A,o},toString:()=>{const l=Math.min(yt(S),Q),A=qe(E=>S.next(l*E).value,l,30);return l+"ms "+A},toTransition:()=>{}};return S}Y.applyToOptions=t=>{const e=Le(t,100,Y);return t.ease=e.ease,t.duration=U(e.duration),t.type="keyframes",t};const Ze=5;function Bt(t,e,s){const n=Math.max(e-Ze,0);return kt(s-t(n),e-n)}function lt({keyframes:t,velocity:e=0,power:s=.8,timeConstant:n=325,bounceDamping:r=10,bounceStiffness:i=500,modifyTarget:a,min:o,max:u,restDelta:h=.5,restSpeed:c}){const f=t[0],y={done:!1,value:f},D=d=>o!==void 0&&d<o||u!==void 0&&d>u,M=d=>o===void 0?u:u===void 0||Math.abs(o-d)<Math.abs(u-d)?o:u;let p=s*e;const v=f+p,m=a===void 0?v:a(v);m!==v&&(p=m-f);const w=d=>-p*Math.exp(-d/n),x=d=>m+w(d),b=d=>{const S=w(d),l=x(d);y.done=Math.abs(S)<=h,y.value=y.done?m:l};let g,F;const k=d=>{D(y.value)&&(g=d,F=Y({keyframes:[y.value,M(y.value)],velocity:Bt(x,d,y.value),damping:r,stiffness:i,restDelta:h,restSpeed:c}))};return k(0),{calculatedDuration:null,next:d=>{let S=!1;return!F&&g===void 0&&(S=!0,b(d),k(d)),g!==void 0&&d>=g?F.next(d-g):(!S&&b(d),y)}}}function He(t,e,s){const n=[],r=s||ut.mix||Wt,i=t.length-1;for(let a=0;a<i;a++){let o=r(t[a],t[a+1]);if(e){const u=Array.isArray(e)?e[a]||tt:e;o=ht(u,o)}n.push(o)}return n}function Je(t,e,{clamp:s=!0,ease:n,mixer:r}={}){const i=t.length;if(Ft(i===e.length),i===1)return()=>e[0];if(i===2&&e[0]===e[1])return()=>e[1];const a=t[0]===t[1];t[0]>t[i-1]&&(t=[...t].reverse(),e=[...e].reverse());const o=He(e,n,r),u=o.length,h=c=>{if(a&&c<t[0])return e[0];let f=0;if(u>1)for(;f<t.length-2&&!(c<t[f+1]);f++);const y=St(t[f],t[f+1],c);return o[f](y)};return s?c=>h(O(t[0],t[i-1],c)):h}function Xe(t,e){const s=t[t.length-1];for(let n=1;n<=e;n++){const r=St(0,e,n);t.push(et(s,1,r))}}function Qe(t){const e=[0];return Xe(e,t.length-1),e}function Ye(t,e){return t.map(s=>s*e)}function ts(t,e){return t.map(()=>e||Vt).splice(0,t.length-1)}function W({duration:t=300,keyframes:e,times:s,ease:n="easeInOut"}){const r=re(n)?n.map(vt):vt(n),i={done:!1,value:e[0]},a=Ye(s&&s.length===e.length?s:Qe(e),t),o=Je(a,e,{ease:Array.isArray(r)?r:ts(e,r)});return{calculatedDuration:t,next:u=>(i.value=o(u),i.done=u>=t,i)}}const es=t=>t!==null;function ss(t,{repeat:e,repeatType:s="loop"},n,r=1){const i=t.filter(es),o=r<0||e&&s!=="loop"&&e%2===1?0:i.length-1;return!o||n===void 0?i[o]:n}const ns={decay:lt,inertia:lt,tween:W,keyframes:W,spring:Y};function rs(t){typeof t.type=="string"&&(t.type=ns[t.type])}class is{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(e=>{this.resolve=e})}notifyFinished(){this.resolve()}then(e,s){return this.finished.then(e,s)}}const as=t=>t/100;class xs extends is{constructor(e){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.delayState={done:!1,value:void 0},this.stop=()=>{var n,r;const{motionValue:s}=this.options;s&&s.updatedAt!==C.now()&&this.tick(C.now()),this.isStopped=!0,this.state!=="idle"&&(this.teardown(),(r=(n=this.options).onStop)==null||r.call(n))},this.options=e,this.initAnimation(),this.play(),e.autoplay===!1&&this.pause()}initAnimation(){const{options:e}=this;rs(e);const{type:s=W,repeat:n=0,repeatDelay:r=0,repeatType:i,velocity:a=0}=e;let{keyframes:o}=e;const u=s||W;u!==W&&typeof o[0]!="number"&&(this.mixKeyframes=ht(as,Wt(o[0],o[1])),o=[0,100]);const h=u({...e,keyframes:o});i==="mirror"&&(this.mirroredGenerator=u({...e,keyframes:[...o].reverse(),velocity:-a})),h.calculatedDuration===null&&(h.calculatedDuration=yt(h));const{calculatedDuration:c}=h;this.calculatedDuration=c,this.resolvedDuration=c+r,this.totalDuration=this.resolvedDuration*(n+1)-r,this.generator=h}updateTime(e){const s=Math.round(e-this.startTime)*this.playbackSpeed;this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=s}tick(e,s=!1){const{generator:n,totalDuration:r,mixKeyframes:i,mirroredGenerator:a,resolvedDuration:o,calculatedDuration:u}=this;if(this.startTime===null)return n.next(0);const{delay:h=0,keyframes:c,repeat:f,repeatType:y,repeatDelay:D,type:M,onUpdate:p,finalKeyframe:v}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,e):this.speed<0&&(this.startTime=Math.min(e-r/this.speed,this.startTime)),s?this.currentTime=e:this.updateTime(e);const m=this.currentTime-h*(this.playbackSpeed>=0?1:-1),w=this.playbackSpeed>=0?m<0:m>r;this.currentTime=Math.max(m,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=r);let x=this.currentTime,b=n;if(f){const d=Math.min(this.currentTime,r)/o;let S=Math.floor(d),l=d%1;!l&&d>=1&&(l=1),l===1&&S--,S=Math.min(S,f+1),!!(S%2)&&(y==="reverse"?(l=1-l,D&&(l-=D/o)):y==="mirror"&&(b=a)),x=O(0,1,l)*o}let g;w?(this.delayState.value=c[0],g=this.delayState):g=b.next(x),i&&!w&&(g.value=i(g.value));let{done:F}=g;!w&&u!==null&&(F=this.playbackSpeed>=0?this.currentTime>=r:this.currentTime<=0);const k=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&F);return k&&M!==lt&&(g.value=ss(c,this.options,v,this.speed)),p&&p(g.value),k&&this.finish(),g}then(e,s){return this.finished.then(e,s)}get duration(){return R(this.calculatedDuration)}get iterationDuration(){const{delay:e=0}=this.options||{};return this.duration+R(e)}get time(){return R(this.currentTime)}set time(e){e=U(e),this.currentTime=e,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=e:this.driver&&(this.startTime=this.driver.now()-e/this.playbackSpeed),this.driver?this.driver.start(!1):(this.startTime=0,this.state="paused",this.holdTime=e,this.tick(e))}getGeneratorVelocity(){const e=this.currentTime;if(e<=0)return this.options.velocity||0;if(this.generator.velocity)return this.generator.velocity(e);const s=this.generator.next(e).value;return Bt(n=>this.generator.next(n).value,e,s)}get speed(){return this.playbackSpeed}set speed(e){const s=this.playbackSpeed!==e;s&&this.driver&&this.updateTime(C.now()),this.playbackSpeed=e,s&&this.driver&&(this.time=R(this.currentTime))}play(){var r,i;if(this.isStopped)return;const{driver:e=Ue,startTime:s}=this.options;this.driver||(this.driver=e(a=>this.tick(a))),(i=(r=this.options).onPlay)==null||i.call(r);const n=this.driver.now();this.state==="finished"?(this.updateFinished(),this.startTime=n):this.holdTime!==null?this.startTime=n-this.holdTime:this.startTime||(this.startTime=s??n),this.state==="finished"&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state="running",this.driver.start()}pause(){this.state="paused",this.updateTime(C.now()),this.holdTime=this.currentTime}complete(){this.state!=="running"&&this.play(),this.state="finished",this.holdTime=null}finish(){var e,s;this.notifyFinished(),this.teardown(),this.state="finished",(s=(e=this.options).onComplete)==null||s.call(e)}cancel(){var e,s;this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),(s=(e=this.options).onCancel)==null||s.call(e)}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(e){return this.startTime=0,this.tick(e,!0)}attachTimeline(e){var s;return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),(s=this.driver)==null||s.stop(),e.observe(this)}}const At=30,os=t=>!isNaN(parseFloat(t)),Dt={current:void 0};class cs{constructor(e,s={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=n=>{var i;const r=C.now();if(this.updatedAt!==r&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(n),this.current!==this.prev&&((i=this.events.change)==null||i.notify(this.current),this.dependents))for(const a of this.dependents)a.dirty()},this.hasAnimated=!1,this.setCurrent(e),this.owner=s.owner}setCurrent(e){this.current=e,this.updatedAt=C.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=os(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return this.on("change",e)}on(e,s){this.events[e]||(this.events[e]=new Zt);const n=this.events[e].add(s);return e==="change"?()=>{n(),Rt.read(()=>{this.events.change.getSize()||this.stop()})}:n}clearListeners(){for(const e in this.events)this.events[e].clear()}attach(e,s){this.passiveEffect=e,this.stopPassiveEffect=s}set(e){this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e)}setWithVelocity(e,s,n){this.set(s),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-n}jump(e,s=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,s&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){var e;(e=this.events.change)==null||e.notify(this.current)}addDependent(e){this.dependents||(this.dependents=new Set),this.dependents.add(e)}removeDependent(e){this.dependents&&this.dependents.delete(e)}get(){return Dt.current&&Dt.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){const e=C.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>At)return 0;const s=Math.min(this.updatedAt-this.prevUpdatedAt,At);return kt(parseFloat(this.current)-parseFloat(this.prevFrameValue),s)}start(e){return this.stop(),new Promise(s=>{this.hasAnimated=!0,this.animation=e(s),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){var e,s;(e=this.dependents)==null||e.clear(),(s=this.events.destroy)==null||s.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function Ms(t,e){return new cs(t,e)}const As=t=>!!(t&&t.getVelocity);function Ds(t,e,s){if(t==null)return[];if(t instanceof EventTarget)return[t];if(typeof t=="string"){let n=document;e&&(n=e.current);const r=(s==null?void 0:s[t])??n.querySelectorAll(t);return r?Array.from(r):[]}return Array.from(t).filter(n=>n!=null)}const Fs=H.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"});export{Qe as $,Ts as A,Nt as B,ms as C,P as D,B as E,ps as F,ue as G,Ds as H,he as I,xs as J,et as K,ds as L,ut as M,St as N,te as O,$t as P,zt as Q,J as R,Zt as S,fs as T,us as U,Fs as V,is as W,ht as X,Je as Y,Dt as Z,re as _,Ft as a,Le as a0,Xe as a1,Y as a2,kt as a3,ss as b,tt as c,ee as d,Qt as e,Rt as f,qe as g,Yt as h,ie as i,O as j,Pe as k,pe as l,R as m,pt as n,Ms as o,ys as p,As as q,rs as r,U as s,C as t,hs as u,L as v,gs as w,bs as x,vs as y,Ot as z};
|
|
1
|
+
import{r as H}from"./iframe-BVoBDGkl.js";function us(t){const e=H.useRef(null);return e.current===null&&(e.current=t()),e.current}const _t=typeof window<"u",hs=_t?H.useLayoutEffect:H.useEffect;function $t(t,e){t.indexOf(e)===-1&&t.push(e)}function zt(t,e){const s=t.indexOf(e);s>-1&&t.splice(s,1)}const O=(t,e,s)=>s>e?e:s<t?t:s;let Ft=()=>{};const ut={},tt=t=>t,jt=(t,e)=>s=>e(t(s)),ht=(...t)=>t.reduce(jt),St=(t,e,s)=>{const n=e-t;return n===0?1:(s-t)/n};class Zt{constructor(){this.subscriptions=[]}add(e){return $t(this.subscriptions,e),()=>zt(this.subscriptions,e)}notify(e,s,n){const r=this.subscriptions.length;if(r)if(r===1)this.subscriptions[0](e,s,n);else for(let i=0;i<r;i++){const a=this.subscriptions[i];a&&a(e,s,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const U=t=>t*1e3,R=t=>t/1e3;function kt(t,e){return e?t*(1e3/e):0}const wt=(t,e,s)=>(((1-3*s+3*e)*t+(3*s-6*e))*t+3*e)*t,Ht=1e-7,Jt=12;function Xt(t,e,s,n,r){let i,a,o=0;do a=e+(s-e)/2,i=wt(a,n,r)-t,i>0?s=a:e=a;while(Math.abs(i)>Ht&&++o<Jt);return a}function _(t,e,s,n){if(t===e&&s===n)return tt;const r=i=>Xt(i,0,1,t,s);return i=>i===0||i===1?i:wt(r(i),e,n)}const Ct=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Pt=t=>e=>1-t(1-e),Et=_(.33,1.53,.69,.99),ft=Pt(Et),Qt=Ct(ft),Yt=t=>t>=1?1:(t*=2)<1?.5*ft(t):.5*(2-Math.pow(2,-10*(t-1))),dt=t=>1-Math.sin(Math.acos(t)),te=Pt(dt),ee=Ct(dt),se=_(.42,0,1,1),ne=_(0,0,.58,1),Vt=_(.42,0,.58,1),re=t=>Array.isArray(t)&&typeof t[0]!="number",ie=t=>Array.isArray(t)&&typeof t[0]=="number",ae={linear:tt,easeIn:se,easeInOut:Vt,easeOut:ne,circIn:dt,circInOut:ee,circOut:te,backIn:ft,backInOut:Qt,backOut:Et,anticipate:Yt},oe=t=>typeof t=="string",vt=t=>{if(ie(t)){Ft(t.length===4);const[e,s,n,r]=t;return _(e,s,n,r)}else if(oe(t))return ae[t];return t},j=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function ce(t,e){let s=new Set,n=new Set,r=!1,i=!1;const a=new WeakSet;let o={delta:0,timestamp:0,isProcessing:!1};function u(c){a.has(c)&&(h.schedule(c),t()),c(o)}const h={schedule:(c,f=!1,y=!1)=>{const M=y&&r?s:n;return f&&a.add(c),M.add(c),c},cancel:c=>{n.delete(c),a.delete(c)},process:c=>{if(o=c,r){i=!0;return}r=!0;const f=s;s=n,n=f,s.forEach(u),s.clear(),r=!1,i&&(i=!1,h.process(c))}};return h}const le=40;function ue(t,e){let s=!1,n=!0;const r={delta:0,timestamp:0,isProcessing:!1},i=()=>s=!0,a=j.reduce((x,b)=>(x[b]=ce(i),x),{}),{setup:o,read:u,resolveKeyframes:h,preUpdate:c,update:f,preRender:y,render:D,postRender:M}=a,p=()=>{const x=ut.useManualTiming,b=x?r.timestamp:performance.now();s=!1,x||(r.delta=n?1e3/60:Math.max(Math.min(b-r.timestamp,le),1)),r.timestamp=b,r.isProcessing=!0,o.process(r),u.process(r),h.process(r),c.process(r),f.process(r),y.process(r),D.process(r),M.process(r),r.isProcessing=!1,s&&e&&(n=!1,t(p))},v=()=>{s=!0,n=!0,r.isProcessing||t(p)};return{schedule:j.reduce((x,b)=>{const g=a[b];return x[b]=(F,k=!1,d=!1)=>(s||v(),g.schedule(F,k,d)),x},{}),cancel:x=>{for(let b=0;b<j.length;b++)a[j[b]].cancel(x)},state:r,steps:a}}const{schedule:Rt,cancel:he,state:J,steps:fs}=ue(typeof requestAnimationFrame<"u"?requestAnimationFrame:tt,!0);let Z;function fe(){Z=void 0}const C={now:()=>(Z===void 0&&C.set(J.isProcessing||ut.useManualTiming?J.timestamp:performance.now()),Z),set:t=>{Z=t,queueMicrotask(fe)}},It=t=>e=>typeof e=="string"&&e.startsWith(t),ds=It("--"),de=It("var(--"),pe=t=>de(t)?me.test(t.split("/*")[0].trim()):!1,me=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;function ps(t){return typeof t!="string"?!1:t.split("/*")[0].includes("var(--")}const pt={test:t=>typeof t=="number",parse:parseFloat,transform:t=>t},Nt={...pt,transform:t=>O(0,1,t)},ms={...pt,default:1},q=t=>Math.round(t*1e5)/1e5,Ot=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function ge(t){return t==null}const ye=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,mt=(t,e)=>s=>!!(typeof s=="string"&&ye.test(s)&&s.startsWith(t)||e&&!ge(s)&&Object.prototype.hasOwnProperty.call(s,e)),Kt=(t,e,s)=>n=>{if(typeof n!="string")return n;const[r,i,a,o]=n.match(Ot);return{[t]:parseFloat(r),[e]:parseFloat(i),[s]:parseFloat(a),alpha:o!==void 0?parseFloat(o):1}},ve=t=>O(0,255,t),st={...pt,transform:t=>Math.round(ve(t))},N={test:mt("rgb","red"),parse:Kt("red","green","blue"),transform:({red:t,green:e,blue:s,alpha:n=1})=>"rgba("+st.transform(t)+", "+st.transform(e)+", "+st.transform(s)+", "+q(Nt.transform(n))+")"};function be(t){let e="",s="",n="",r="";return t.length>5?(e=t.substring(1,3),s=t.substring(3,5),n=t.substring(5,7),r=t.substring(7,9)):(e=t.substring(1,2),s=t.substring(2,3),n=t.substring(3,4),r=t.substring(4,5),e+=e,s+=s,n+=n,r+=r),{red:parseInt(e,16),green:parseInt(s,16),blue:parseInt(n,16),alpha:r?parseInt(r,16)/255:1}}const at={test:mt("#"),parse:be,transform:N.transform},$=t=>({test:e=>typeof e=="string"&&e.endsWith(t)&&e.split(" ").length===1,parse:parseFloat,transform:e=>`${e}${t}`}),gs=$("deg"),L=$("%"),ys=$("px"),vs=$("vh"),bs=$("vw"),Ts={...L,parse:t=>L.parse(t)/100,transform:t=>L.transform(t*100)},G={test:mt("hsl","hue"),parse:Kt("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:s,alpha:n=1})=>"hsla("+Math.round(t)+", "+L.transform(q(e))+", "+L.transform(q(s))+", "+q(Nt.transform(n))+")"},P={test:t=>N.test(t)||at.test(t)||G.test(t),parse:t=>N.test(t)?N.parse(t):G.test(t)?G.parse(t):at.parse(t),transform:t=>typeof t=="string"?t:t.hasOwnProperty("red")?N.transform(t):G.transform(t),getAnimatableNone:t=>{const e=P.parse(t);return e.alpha=0,P.transform(e)}},Te=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function xe(t){var e,s;return isNaN(t)&&typeof t=="string"&&(((e=t.match(Ot))==null?void 0:e.length)||0)+(((s=t.match(Te))==null?void 0:s.length)||0)>0}const Gt="number",Ut="color",Me="var",Ae="var(",bt="${}",De=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function B(t){const e=t.toString(),s=[],n={color:[],number:[],var:[]},r=[];let i=0;const o=e.replace(De,u=>(P.test(u)?(n.color.push(i),r.push(Ut),s.push(P.parse(u))):u.startsWith(Ae)?(n.var.push(i),r.push(Me),s.push(u)):(n.number.push(i),r.push(Gt),s.push(parseFloat(u))),++i,bt)).split(bt);return{values:s,split:o,indexes:n,types:r}}function Fe(t){return B(t).values}function qt({split:t,types:e}){const s=t.length;return n=>{let r="";for(let i=0;i<s;i++)if(r+=t[i],n[i]!==void 0){const a=e[i];a===Gt?r+=q(n[i]):a===Ut?r+=P.transform(n[i]):r+=n[i]}return r}}function Se(t){return qt(B(t))}const ke=t=>typeof t=="number"?0:P.test(t)?P.getAnimatableNone(t):t,we=(t,e)=>typeof t=="number"?e!=null&&e.trim().endsWith("/")?t:0:ke(t);function Ce(t){const e=B(t);return qt(e)(e.values.map((n,r)=>we(n,e.split[r])))}const Pe={test:xe,parse:Fe,createTransformer:Se,getAnimatableNone:Ce};function nt(t,e,s){return s<0&&(s+=1),s>1&&(s-=1),s<1/6?t+(e-t)*6*s:s<1/2?e:s<2/3?t+(e-t)*(2/3-s)*6:t}function Ee({hue:t,saturation:e,lightness:s,alpha:n}){t/=360,e/=100,s/=100;let r=0,i=0,a=0;if(!e)r=i=a=s;else{const o=s<.5?s*(1+e):s+e-s*e,u=2*s-o;r=nt(u,o,t+1/3),i=nt(u,o,t),a=nt(u,o,t-1/3)}return{red:Math.round(r*255),green:Math.round(i*255),blue:Math.round(a*255),alpha:n}}function X(t,e){return s=>s>0?e:t}const et=(t,e,s)=>t+(e-t)*s,rt=(t,e,s)=>{const n=t*t,r=s*(e*e-n)+n;return r<0?0:Math.sqrt(r)},Ve=[at,N,G],Re=t=>Ve.find(e=>e.test(t));function Tt(t){const e=Re(t);if(!e)return!1;let s=e.parse(t);return e===G&&(s=Ee(s)),s}const xt=(t,e)=>{const s=Tt(t),n=Tt(e);if(!s||!n)return X(t,e);const r={...s};return i=>(r.red=rt(s.red,n.red,i),r.green=rt(s.green,n.green,i),r.blue=rt(s.blue,n.blue,i),r.alpha=et(s.alpha,n.alpha,i),N.transform(r))},ot=new Set(["none","hidden"]);function Ie(t,e){return ot.has(t)?s=>s<=0?t:e:s=>s>=1?e:t}function Ne(t,e){return s=>et(t,e,s)}function gt(t){return typeof t=="number"?Ne:typeof t=="string"?pe(t)?X:P.test(t)?xt:Ge:Array.isArray(t)?Lt:typeof t=="object"?P.test(t)?xt:Oe:X}function Lt(t,e){const s=[...t],n=s.length,r=t.map((i,a)=>gt(i)(i,e[a]));return i=>{for(let a=0;a<n;a++)s[a]=r[a](i);return s}}function Oe(t,e){const s={...t,...e},n={};for(const r in s)t[r]!==void 0&&e[r]!==void 0&&(n[r]=gt(t[r])(t[r],e[r]));return r=>{for(const i in n)s[i]=n[i](r);return s}}function Ke(t,e){const s=[],n={color:0,var:0,number:0};for(let r=0;r<e.values.length;r++){const i=e.types[r],a=t.indexes[i][n[i]],o=t.values[a]??0;s[r]=o,n[i]++}return s}const Ge=(t,e)=>{const s=Pe.createTransformer(e),n=B(t),r=B(e);return n.indexes.var.length===r.indexes.var.length&&n.indexes.color.length===r.indexes.color.length&&n.indexes.number.length>=r.indexes.number.length?ot.has(t)&&!r.values.length||ot.has(e)&&!n.values.length?Ie(t,e):ht(Lt(Ke(n,r),r.values),s):X(t,e)};function Wt(t,e,s){return typeof t=="number"&&typeof e=="number"&&typeof s=="number"?et(t,e,s):gt(t)(t,e)}const Ue=t=>{const e=({timestamp:s})=>t(s);return{start:(s=!0)=>Rt.update(e,s),stop:()=>he(e),now:()=>J.isProcessing?J.timestamp:C.now()}},qe=(t,e,s=10)=>{let n="";const r=Math.max(Math.round(e/s),2);for(let i=0;i<r;i++)n+=Math.round(t(i/(r-1))*1e4)/1e4+", ";return`linear(${n.substring(0,n.length-2)})`},Q=2e4;function yt(t){let e=0;const s=50;let n=t.next(e);for(;!n.done&&e<Q;)e+=s,n=t.next(e);return e>=Q?1/0:e}function Le(t,e=100,s){const n=s({...t,keyframes:[0,e]}),r=Math.min(yt(n),Q);return{type:"keyframes",ease:i=>n.next(r*i).value/e,duration:R(r)}}const T={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1};function ct(t,e){return t*Math.sqrt(1-e*e)}const We=12;function Be(t,e,s){let n=s;for(let r=1;r<We;r++)n=n-t(n)/e(n);return n}const it=.001;function _e({duration:t=T.duration,bounce:e=T.bounce,velocity:s=T.velocity,mass:n=T.mass}){let r,i,a=1-e;a=O(T.minDamping,T.maxDamping,a),t=O(T.minDuration,T.maxDuration,R(t)),a<1?(r=h=>{const c=h*a,f=c*t,y=c-s,D=ct(h,a),M=Math.exp(-f);return it-y/D*M},i=h=>{const f=h*a*t,y=f*s+s,D=Math.pow(a,2)*Math.pow(h,2)*t,M=Math.exp(-f),p=ct(Math.pow(h,2),a);return(-r(h)+it>0?-1:1)*((y-D)*M)/p}):(r=h=>{const c=Math.exp(-h*t),f=(h-s)*t+1;return-it+c*f},i=h=>{const c=Math.exp(-h*t),f=(s-h)*(t*t);return c*f});const o=5/t,u=Be(r,i,o);if(t=U(t),isNaN(u))return{stiffness:T.stiffness,damping:T.damping,duration:t};{const h=Math.pow(u,2)*n;return{stiffness:h,damping:a*2*Math.sqrt(n*h),duration:t}}}const $e=["duration","bounce"],ze=["stiffness","damping","mass"];function Mt(t,e){return e.some(s=>t[s]!==void 0)}function je(t){let e={velocity:T.velocity,stiffness:T.stiffness,damping:T.damping,mass:T.mass,isResolvedFromDuration:!1,...t};if(!Mt(t,ze)&&Mt(t,$e))if(e.velocity=0,t.visualDuration){const s=t.visualDuration,n=2*Math.PI/(s*1.2),r=n*n,i=2*O(.05,1,1-(t.bounce||0))*Math.sqrt(r);e={...e,mass:T.mass,stiffness:r,damping:i}}else{const s=_e({...t,velocity:0});e={...e,...s,mass:T.mass},e.isResolvedFromDuration=!0}return e}function Y(t=T.visualDuration,e=T.bounce){const s=typeof t!="object"?{visualDuration:t,keyframes:[0,1],bounce:e}:t;let{restSpeed:n,restDelta:r}=s;const i=s.keyframes[0],a=s.keyframes[s.keyframes.length-1],o={done:!1,value:i},{stiffness:u,damping:h,mass:c,duration:f,velocity:y,isResolvedFromDuration:D}=je({...s,velocity:-R(s.velocity||0)}),M=y||0,p=h/(2*Math.sqrt(u*c)),v=a-i,m=R(Math.sqrt(u/c)),w=Math.abs(v)<5;n||(n=w?T.restSpeed.granular:T.restSpeed.default),r||(r=w?T.restDelta.granular:T.restDelta.default);let x,b,g,F,k,d;if(p<1)g=ct(m,p),F=(M+p*m*v)/g,x=l=>{const A=Math.exp(-p*m*l);return a-A*(F*Math.sin(g*l)+v*Math.cos(g*l))},k=p*m*F+v*g,d=p*m*v-F*g,b=l=>Math.exp(-p*m*l)*(k*Math.sin(g*l)+d*Math.cos(g*l));else if(p===1){x=A=>a-Math.exp(-m*A)*(v+(M+m*v)*A);const l=M+m*v;b=A=>Math.exp(-m*A)*(m*l*A-M)}else{const l=m*Math.sqrt(p*p-1);x=V=>{const K=Math.exp(-p*m*V),I=Math.min(l*V,300);return a-K*((M+p*m*v)*Math.sinh(I)+l*v*Math.cosh(I))/l};const A=(M+p*m*v)/l,E=p*m*A-v*l,z=p*m*v-A*l;b=V=>{const K=Math.exp(-p*m*V),I=Math.min(l*V,300);return K*(E*Math.sinh(I)+z*Math.cosh(I))}}const S={calculatedDuration:D&&f||null,velocity:l=>U(b(l)),next:l=>{if(!D&&p<1){const E=Math.exp(-p*m*l),z=Math.sin(g*l),V=Math.cos(g*l),K=a-E*(F*z+v*V),I=U(E*(k*z+d*V));return o.done=Math.abs(I)<=n&&Math.abs(a-K)<=r,o.value=o.done?a:K,o}const A=x(l);if(D)o.done=l>=f;else{const E=U(b(l));o.done=Math.abs(E)<=n&&Math.abs(a-A)<=r}return o.value=o.done?a:A,o},toString:()=>{const l=Math.min(yt(S),Q),A=qe(E=>S.next(l*E).value,l,30);return l+"ms "+A},toTransition:()=>{}};return S}Y.applyToOptions=t=>{const e=Le(t,100,Y);return t.ease=e.ease,t.duration=U(e.duration),t.type="keyframes",t};const Ze=5;function Bt(t,e,s){const n=Math.max(e-Ze,0);return kt(s-t(n),e-n)}function lt({keyframes:t,velocity:e=0,power:s=.8,timeConstant:n=325,bounceDamping:r=10,bounceStiffness:i=500,modifyTarget:a,min:o,max:u,restDelta:h=.5,restSpeed:c}){const f=t[0],y={done:!1,value:f},D=d=>o!==void 0&&d<o||u!==void 0&&d>u,M=d=>o===void 0?u:u===void 0||Math.abs(o-d)<Math.abs(u-d)?o:u;let p=s*e;const v=f+p,m=a===void 0?v:a(v);m!==v&&(p=m-f);const w=d=>-p*Math.exp(-d/n),x=d=>m+w(d),b=d=>{const S=w(d),l=x(d);y.done=Math.abs(S)<=h,y.value=y.done?m:l};let g,F;const k=d=>{D(y.value)&&(g=d,F=Y({keyframes:[y.value,M(y.value)],velocity:Bt(x,d,y.value),damping:r,stiffness:i,restDelta:h,restSpeed:c}))};return k(0),{calculatedDuration:null,next:d=>{let S=!1;return!F&&g===void 0&&(S=!0,b(d),k(d)),g!==void 0&&d>=g?F.next(d-g):(!S&&b(d),y)}}}function He(t,e,s){const n=[],r=s||ut.mix||Wt,i=t.length-1;for(let a=0;a<i;a++){let o=r(t[a],t[a+1]);if(e){const u=Array.isArray(e)?e[a]||tt:e;o=ht(u,o)}n.push(o)}return n}function Je(t,e,{clamp:s=!0,ease:n,mixer:r}={}){const i=t.length;if(Ft(i===e.length),i===1)return()=>e[0];if(i===2&&e[0]===e[1])return()=>e[1];const a=t[0]===t[1];t[0]>t[i-1]&&(t=[...t].reverse(),e=[...e].reverse());const o=He(e,n,r),u=o.length,h=c=>{if(a&&c<t[0])return e[0];let f=0;if(u>1)for(;f<t.length-2&&!(c<t[f+1]);f++);const y=St(t[f],t[f+1],c);return o[f](y)};return s?c=>h(O(t[0],t[i-1],c)):h}function Xe(t,e){const s=t[t.length-1];for(let n=1;n<=e;n++){const r=St(0,e,n);t.push(et(s,1,r))}}function Qe(t){const e=[0];return Xe(e,t.length-1),e}function Ye(t,e){return t.map(s=>s*e)}function ts(t,e){return t.map(()=>e||Vt).splice(0,t.length-1)}function W({duration:t=300,keyframes:e,times:s,ease:n="easeInOut"}){const r=re(n)?n.map(vt):vt(n),i={done:!1,value:e[0]},a=Ye(s&&s.length===e.length?s:Qe(e),t),o=Je(a,e,{ease:Array.isArray(r)?r:ts(e,r)});return{calculatedDuration:t,next:u=>(i.value=o(u),i.done=u>=t,i)}}const es=t=>t!==null;function ss(t,{repeat:e,repeatType:s="loop"},n,r=1){const i=t.filter(es),o=r<0||e&&s!=="loop"&&e%2===1?0:i.length-1;return!o||n===void 0?i[o]:n}const ns={decay:lt,inertia:lt,tween:W,keyframes:W,spring:Y};function rs(t){typeof t.type=="string"&&(t.type=ns[t.type])}class is{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(e=>{this.resolve=e})}notifyFinished(){this.resolve()}then(e,s){return this.finished.then(e,s)}}const as=t=>t/100;class xs extends is{constructor(e){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.delayState={done:!1,value:void 0},this.stop=()=>{var n,r;const{motionValue:s}=this.options;s&&s.updatedAt!==C.now()&&this.tick(C.now()),this.isStopped=!0,this.state!=="idle"&&(this.teardown(),(r=(n=this.options).onStop)==null||r.call(n))},this.options=e,this.initAnimation(),this.play(),e.autoplay===!1&&this.pause()}initAnimation(){const{options:e}=this;rs(e);const{type:s=W,repeat:n=0,repeatDelay:r=0,repeatType:i,velocity:a=0}=e;let{keyframes:o}=e;const u=s||W;u!==W&&typeof o[0]!="number"&&(this.mixKeyframes=ht(as,Wt(o[0],o[1])),o=[0,100]);const h=u({...e,keyframes:o});i==="mirror"&&(this.mirroredGenerator=u({...e,keyframes:[...o].reverse(),velocity:-a})),h.calculatedDuration===null&&(h.calculatedDuration=yt(h));const{calculatedDuration:c}=h;this.calculatedDuration=c,this.resolvedDuration=c+r,this.totalDuration=this.resolvedDuration*(n+1)-r,this.generator=h}updateTime(e){const s=Math.round(e-this.startTime)*this.playbackSpeed;this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=s}tick(e,s=!1){const{generator:n,totalDuration:r,mixKeyframes:i,mirroredGenerator:a,resolvedDuration:o,calculatedDuration:u}=this;if(this.startTime===null)return n.next(0);const{delay:h=0,keyframes:c,repeat:f,repeatType:y,repeatDelay:D,type:M,onUpdate:p,finalKeyframe:v}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,e):this.speed<0&&(this.startTime=Math.min(e-r/this.speed,this.startTime)),s?this.currentTime=e:this.updateTime(e);const m=this.currentTime-h*(this.playbackSpeed>=0?1:-1),w=this.playbackSpeed>=0?m<0:m>r;this.currentTime=Math.max(m,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=r);let x=this.currentTime,b=n;if(f){const d=Math.min(this.currentTime,r)/o;let S=Math.floor(d),l=d%1;!l&&d>=1&&(l=1),l===1&&S--,S=Math.min(S,f+1),!!(S%2)&&(y==="reverse"?(l=1-l,D&&(l-=D/o)):y==="mirror"&&(b=a)),x=O(0,1,l)*o}let g;w?(this.delayState.value=c[0],g=this.delayState):g=b.next(x),i&&!w&&(g.value=i(g.value));let{done:F}=g;!w&&u!==null&&(F=this.playbackSpeed>=0?this.currentTime>=r:this.currentTime<=0);const k=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&F);return k&&M!==lt&&(g.value=ss(c,this.options,v,this.speed)),p&&p(g.value),k&&this.finish(),g}then(e,s){return this.finished.then(e,s)}get duration(){return R(this.calculatedDuration)}get iterationDuration(){const{delay:e=0}=this.options||{};return this.duration+R(e)}get time(){return R(this.currentTime)}set time(e){e=U(e),this.currentTime=e,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=e:this.driver&&(this.startTime=this.driver.now()-e/this.playbackSpeed),this.driver?this.driver.start(!1):(this.startTime=0,this.state="paused",this.holdTime=e,this.tick(e))}getGeneratorVelocity(){const e=this.currentTime;if(e<=0)return this.options.velocity||0;if(this.generator.velocity)return this.generator.velocity(e);const s=this.generator.next(e).value;return Bt(n=>this.generator.next(n).value,e,s)}get speed(){return this.playbackSpeed}set speed(e){const s=this.playbackSpeed!==e;s&&this.driver&&this.updateTime(C.now()),this.playbackSpeed=e,s&&this.driver&&(this.time=R(this.currentTime))}play(){var r,i;if(this.isStopped)return;const{driver:e=Ue,startTime:s}=this.options;this.driver||(this.driver=e(a=>this.tick(a))),(i=(r=this.options).onPlay)==null||i.call(r);const n=this.driver.now();this.state==="finished"?(this.updateFinished(),this.startTime=n):this.holdTime!==null?this.startTime=n-this.holdTime:this.startTime||(this.startTime=s??n),this.state==="finished"&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state="running",this.driver.start()}pause(){this.state="paused",this.updateTime(C.now()),this.holdTime=this.currentTime}complete(){this.state!=="running"&&this.play(),this.state="finished",this.holdTime=null}finish(){var e,s;this.notifyFinished(),this.teardown(),this.state="finished",(s=(e=this.options).onComplete)==null||s.call(e)}cancel(){var e,s;this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),(s=(e=this.options).onCancel)==null||s.call(e)}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(e){return this.startTime=0,this.tick(e,!0)}attachTimeline(e){var s;return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),(s=this.driver)==null||s.stop(),e.observe(this)}}const At=30,os=t=>!isNaN(parseFloat(t)),Dt={current:void 0};class cs{constructor(e,s={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=n=>{var i;const r=C.now();if(this.updatedAt!==r&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(n),this.current!==this.prev&&((i=this.events.change)==null||i.notify(this.current),this.dependents))for(const a of this.dependents)a.dirty()},this.hasAnimated=!1,this.setCurrent(e),this.owner=s.owner}setCurrent(e){this.current=e,this.updatedAt=C.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=os(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return this.on("change",e)}on(e,s){this.events[e]||(this.events[e]=new Zt);const n=this.events[e].add(s);return e==="change"?()=>{n(),Rt.read(()=>{this.events.change.getSize()||this.stop()})}:n}clearListeners(){for(const e in this.events)this.events[e].clear()}attach(e,s){this.passiveEffect=e,this.stopPassiveEffect=s}set(e){this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e)}setWithVelocity(e,s,n){this.set(s),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-n}jump(e,s=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,s&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){var e;(e=this.events.change)==null||e.notify(this.current)}addDependent(e){this.dependents||(this.dependents=new Set),this.dependents.add(e)}removeDependent(e){this.dependents&&this.dependents.delete(e)}get(){return Dt.current&&Dt.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){const e=C.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>At)return 0;const s=Math.min(this.updatedAt-this.prevUpdatedAt,At);return kt(parseFloat(this.current)-parseFloat(this.prevFrameValue),s)}start(e){return this.stop(),new Promise(s=>{this.hasAnimated=!0,this.animation=e(s),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){var e,s;(e=this.dependents)==null||e.clear(),(s=this.events.destroy)==null||s.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function Ms(t,e){return new cs(t,e)}const As=t=>!!(t&&t.getVelocity);function Ds(t,e,s){if(t==null)return[];if(t instanceof EventTarget)return[t];if(typeof t=="string"){let n=document;e&&(n=e.current);const r=(s==null?void 0:s[t])??n.querySelectorAll(t);return r?Array.from(r):[]}return Array.from(t).filter(n=>n!=null)}const Fs=H.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"});export{Qe as $,Ts as A,Nt as B,ms as C,P as D,B as E,ps as F,ue as G,Ds as H,he as I,xs as J,et as K,ds as L,ut as M,St as N,te as O,$t as P,zt as Q,J as R,Zt as S,fs as T,us as U,Fs as V,is as W,ht as X,Je as Y,Dt as Z,re as _,Ft as a,Le as a0,Xe as a1,Y as a2,kt as a3,ss as b,tt as c,ee as d,Qt as e,Rt as f,qe as g,Yt as h,ie as i,O as j,Pe as k,pe as l,R as m,pt as n,Ms as o,ys as p,As as q,rs as r,U as s,C as t,hs as u,L as v,gs as w,bs as x,vs as y,Ot as z};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as v,j as e}from"./iframe-
|
|
1
|
+
import{r as v,j as e}from"./iframe-BVoBDGkl.js";import{u as de}from"./useSound-D3odJ6j_.js";import{m as i}from"./proxy-DTYfJ2to.js";import{X as ve}from"./x-CIfb6lfQ.js";import{c as l}from"./createLucideIcon-DaHCgKFX.js";import{A as P}from"./index-DufMyQUu.js";import{F as K}from"./folder-DCpVGUxB.js";import{U as $}from"./users-V3YzqUXe.js";import{S as Z}from"./settings-s6BFzNVN.js";import{S as me}from"./search-MU52wG37.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BPeKZQwM.js";/**
|
|
2
2
|
* @license lucide-react v0.539.0 - ISC
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as v,j as _}from"./iframe-
|
|
1
|
+
import{r as v,j as _}from"./iframe-BVoBDGkl.js";import"./preload-helper-C1FmrZbK.js";const q={"noise-overlay":"_noise-overlay_1esbx_1"},S=({patternSize:x=250,patternScaleX:y=1,patternScaleY:z=1,patternRefreshInterval:i=2,patternAlpha:c=15})=>{const u=v.useRef(null);return v.useEffect(()=>{const e=u.current;if(!e)return;const s=e.getContext("2d",{alpha:!0});if(!s)return;let d=0,p;const r=1024,o=()=>{e&&(e.width=r,e.height=r,e.style.width="100vw",e.style.height="100vh")},R=()=>{const m=s.createImageData(r,r),a=m.data;for(let t=0;t<a.length;t+=4){const l=Math.random()*255;a[t]=l,a[t+1]=l,a[t+2]=l,a[t+3]=c}s.putImageData(m,0,0)},f=()=>{d%i===0&&R(),d++,p=window.requestAnimationFrame(f)};return window.addEventListener("resize",o),o(),f(),()=>{window.removeEventListener("resize",o),window.cancelAnimationFrame(p)}},[x,y,z,i,c]),_.jsx("canvas",{className:`${q["noise-overlay"]}`,ref:u,style:{imageRendering:"pixelated"}})};S.__docgenInfo={description:"",methods:[],displayName:"Noise",props:{patternSize:{defaultValue:{value:"250",computed:!1},required:!1},patternScaleX:{defaultValue:{value:"1",computed:!1},required:!1},patternScaleY:{defaultValue:{value:"1",computed:!1},required:!1},patternRefreshInterval:{defaultValue:{value:"2",computed:!1},required:!1},patternAlpha:{defaultValue:{value:"15",computed:!1},required:!1}}};const A={title:"ReactBits/Animations/Noise",component:S,parameters:{layout:"fullscreen"}},n={args:{patternSize:250,patternScaleX:1,patternScaleY:1,patternRefreshInterval:2,patternAlpha:15}};var h,g,w;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
patternSize: 250,
|
|
4
4
|
patternScaleX: 1,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as c,j as e}from"./iframe-
|
|
1
|
+
import{r as c,j as e}from"./iframe-BVoBDGkl.js";import{u as F}from"./useSound-D3odJ6j_.js";import{m as C}from"./proxy-DTYfJ2to.js";import{A as K}from"./index-DufMyQUu.js";const U="_container_zx89l_1",J="_header_zx89l_8",Q="_icon_zx89l_14",X="_label_zx89l_22",G="_stepper_zx89l_31",O="_disabled_zx89l_49",Y="_button_zx89l_55",Z="_buttonIcon_zx89l_103",ee="_valueContainer_zx89l_114",ae="_valueWrapper_zx89l_124",te="_value_zx89l_114",ne="_limits_zx89l_150",re="_limit_zx89l_150",le="_small_zx89l_163",ie="_large_zx89l_187",se="_outlined_zx89l_212",oe="_filled_zx89l_225",ue="_minimal_zx89l_290",ce="_custom_zx89l_326",pe="_vertical_zx89l_338",de="_pulse_zx89l_1",a={container:U,header:J,icon:Q,label:X,stepper:G,disabled:O,button:Y,buttonIcon:Z,valueContainer:ee,valueWrapper:ae,value:te,limits:ne,limit:re,small:le,large:ie,outlined:se,filled:oe,minimal:ue,custom:ce,vertical:pe,pulse:de},me=({value:i,onChange:s,min:r=-1/0,max:l=1/0,step:o=1,label:d,icon:f,disabled:u=!1,size:M="medium",variant:g="default",showPlusMinus:N=!1,allowKeyboard:R=!0,className:L="",customStyles:n={},customButtons:w={},hideLimits:k=!1,layout:W="horizontal",soundConfig:B})=>{const{handlers:H,playSound:v}=F(B),[y,I]=c.useState(!1),[S,P]=c.useState(!1),[m,b]=c.useState(i);c.useEffect(()=>{b(i)},[i]);const x=c.useCallback(()=>{if(u||i>=l)return;v("click");const t=Math.min(i+o,l);s(t),I(!0),setTimeout(()=>I(!1),200)},[i,s,l,o,u,v]),_=c.useCallback(()=>{if(u||i<=r)return;v("click");const t=Math.max(i-o,r);s(t),P(!0),setTimeout(()=>P(!1),200)},[i,s,r,o,u,v]),E=c.useCallback(t=>{if(!(!R||u))switch(t.key){case"ArrowUp":t.preventDefault(),x();break;case"ArrowDown":t.preventDefault(),_();break;case"PageUp":{t.preventDefault();const p=Math.min(i+o*10,l);s(p);break}case"PageDown":{t.preventDefault();const p=Math.max(i-o*10,r);s(p);break}case"Home":t.preventDefault(),r!==-1/0&&s(r);break;case"End":t.preventDefault(),l!==1/0&&s(l);break}},[R,u,x,_,i,o,r,l,s]),A=c.useCallback(t=>{const p=t.target.value;if(p===""||p==="-"){b(p);return}const D=parseFloat(p);isNaN(D)||b(D)},[]),$=c.useCallback(()=>{let t=typeof m=="string"?m===""||m==="-"?r:parseFloat(m):m;isNaN(t)&&(t=r),t=Math.max(r,Math.min(l,t)),o!==1&&(t=Math.round(t/o)*o),s(t),b(t)},[m,r,l,o,s]),j=[a.container,a[M],a[g],W==="vertical"&&a.vertical,u&&a.disabled,L].filter(Boolean).join(" "),[q,h]=c.useState(null),z=u||i<=r,T=u||i>=l,V=e.jsxs("div",{className:a.stepper,style:n.stepper,onKeyDown:E,tabIndex:u?-1:0,...H,children:[e.jsx(C.button,{className:a.button,style:{...n.button,...q==="decrement"&&n.buttonHover},onMouseEnter:()=>h("decrement"),onMouseLeave:()=>h(null),onClick:_,disabled:z,whileTap:z?void 0:{scale:.9},animate:S?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Decrease value",children:w.decrement||(N?e.jsx("span",{className:a.buttonIcon,style:n.buttonIcon,children:"−"}):e.jsx("svg",{className:a.buttonIcon,style:n.buttonIcon,viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M15 18L9 12L15 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))}),e.jsx("div",{className:a.valueContainer,style:n.valueContainer,children:e.jsx(K,{mode:"wait",children:e.jsx(C.div,{initial:{y:y?10:S?-10:0,opacity:0},animate:{y:0,opacity:1},exit:{y:y?-10:S?10:0,opacity:0},transition:{duration:.15},className:a.valueWrapper,children:e.jsx("input",{type:"text",className:a.value,style:n.value,value:m,onChange:A,onBlur:$,disabled:u,"aria-label":d||"Number input","aria-valuemin":r,"aria-valuemax":l,"aria-valuenow":i})},i)})}),e.jsx(C.button,{className:a.button,style:{...n.button,...q==="increment"&&n.buttonHover},onMouseEnter:()=>h("increment"),onMouseLeave:()=>h(null),onClick:x,disabled:T,whileTap:T?void 0:{scale:.9},animate:y?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Increase value",children:w.increment||(N?e.jsx("span",{className:a.buttonIcon,style:n.buttonIcon,children:"+"}):e.jsx("svg",{className:a.buttonIcon,style:n.buttonIcon,viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})]});return g==="custom"&&(d||f)?e.jsxs("div",{className:j,style:{...n.container,display:"flex",alignItems:"center"},children:[e.jsxs("div",{className:a.header,style:{...n.header,flex:1,marginBottom:0},children:[f&&e.jsx("span",{className:a.icon,style:n.icon,children:f}),d&&e.jsx("label",{className:a.label,style:n.label,children:d})]}),V,!k&&(r!==-1/0||l!==1/0)&&e.jsxs("div",{className:a.limits,style:n.limits,children:[e.jsx("span",{className:a.limit,children:r!==-1/0&&`Min: ${r}`}),e.jsx("span",{className:a.limit,children:l!==1/0&&`Max: ${l}`})]})]}):e.jsxs("div",{className:j,style:n.container,children:[(d||f)&&e.jsxs("div",{className:a.header,style:n.header,children:[f&&e.jsx("span",{className:a.icon,style:n.icon,children:f}),d&&e.jsx("label",{className:a.label,style:n.label,children:d})]}),V,!k&&(r!==-1/0||l!==1/0)&&e.jsxs("div",{className:a.limits,style:n.limits,children:[e.jsx("span",{className:a.limit,children:r!==-1/0&&`Min: ${r}`}),e.jsx("span",{className:a.limit,children:l!==1/0&&`Max: ${l}`})]})]})};me.__docgenInfo={description:`NumberStepper Component
|
|
2
2
|
|
|
3
3
|
@component
|
|
4
4
|
@description
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n,r as p}from"./iframe-
|
|
1
|
+
import{j as n,r as p}from"./iframe-BVoBDGkl.js";import{N as r}from"./NumberStepper-CnpXSMIl.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-D3odJ6j_.js";import"./proxy-DTYfJ2to.js";import"./MotionConfigContext-BPeKZQwM.js";import"./index-DufMyQUu.js";const T={title:"Atoms/NumberStepper",component:r,parameters:{layout:"centered"},argTypes:{value:{control:{type:"number"}},onChange:{action:"changed"},min:{control:{type:"number"}},max:{control:{type:"number"}},step:{control:{type:"number"}},label:{control:"text"},icon:{control:"text"},disabled:{control:"boolean"},size:{control:{type:"select"},options:["small","medium","large"]},variant:{control:{type:"select"},options:["default","outlined","filled","minimal","custom"]},showPlusMinus:{control:"boolean"},allowKeyboard:{control:"boolean"}}},m=e=>{const[c,u]=p.useState(e.value||0);return n.jsx(r,{...e,value:c,onChange:a=>{var t;u(a),(t=e.onChange)==null||t.call(e,a)}})},o={render:e=>n.jsx(m,{...e}),args:{value:5,min:0,max:10,step:1}},s={render:e=>n.jsx(m,{...e}),args:{value:5,min:0,max:100,step:1,label:"Cigarettes",icon:"🚬"}},l={render:()=>{const[e,c]=p.useState(0),[u,a]=p.useState(0),[t,j]=p.useState(7);return n.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[n.jsx(r,{value:e,onChange:c,min:0,max:10,step:1,label:"Glasses of Water",icon:"💧",variant:"filled"}),n.jsx(r,{value:u,onChange:a,min:0,max:120,step:15,label:"Exercise (minutes)",icon:"🏃",variant:"outlined"}),n.jsx(r,{value:t,onChange:j,min:0,max:12,step:.5,label:"Hours of Sleep",icon:"😴"})]})}},i={render:e=>n.jsx(m,{...e}),args:{value:100,min:0,max:999,step:1,label:"Health Points",icon:"❤️",showPlusMinus:!0,customStyles:{container:{background:"#1a1a2e",border:"2px solid #16213e",borderRadius:"12px",padding:"16px"},header:{marginBottom:"12px"},label:{color:"#eaeaea",fontSize:"14px",textTransform:"uppercase",letterSpacing:"1px"},icon:{filter:"drop-shadow(0 0 10px rgba(255, 0, 0, 0.5))"},stepper:{background:"#0f3460",borderRadius:"8px",padding:"8px"},button:{background:"#e94560",color:"white",border:"none",borderRadius:"6px",transition:"all 0.3s ease"},buttonHover:{background:"#ff4666",boxShadow:"0 0 20px rgba(233, 69, 96, 0.5)"},value:{color:"#00ff00",fontSize:"28px",fontFamily:"monospace",fontWeight:"bold",textShadow:"0 0 10px rgba(0, 255, 0, 0.5)"}}}};var d,x,b;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`{
|
|
2
2
|
render: args => <NumberStepperWrapper {...args} />,
|
|
3
3
|
args: {
|
|
4
4
|
value: 5,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as E,j as D}from"./iframe-
|
|
1
|
+
import{r as E,j as D}from"./iframe-BVoBDGkl.js";import{R as P,P as U,V as g,M as W}from"./Mesh-CwXV3WjE.js";import{T as X}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const Y={"orb-container":"_orb-container_r9fzx_1"};function j({hue:o=0,hoverIntensity:a=.2,rotateOnHover:n=!0,forceHoverState:c=!1,backgroundColor:i="#000000"}){const l=E.useRef(null),h=`
|
|
2
2
|
precision highp float;
|
|
3
3
|
attribute vec2 position;
|
|
4
4
|
attribute vec2 uv;
|
package/storybook-static/assets/{OrbitImages.stories-DkgbzqRA.js → OrbitImages.stories-Bv5vyiHA.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as j,j as c}from"./iframe-
|
|
1
|
+
import{r as j,j as c}from"./iframe-BVoBDGkl.js";import{u as K}from"./use-motion-value-Cruaf_HC.js";import{a as Q}from"./index-C5uOIRS9.js";import{u as U}from"./use-transform-I-in6IUD.js";import{m as X}from"./proxy-DTYfJ2to.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BPeKZQwM.js";const g={"orbit-container":"_orbit-container_tujj3_1","orbit-scaling-container":"_orbit-scaling-container_tujj3_7","orbit-rotation-wrapper":"_orbit-rotation-wrapper_tujj3_20","orbit-path-svg":"_orbit-path-svg_tujj3_27","orbit-item":"_orbit-item_tujj3_33","orbit-center-content":"_orbit-center-content_tujj3_39","orbit-image":"_orbit-image_tujj3_48"};function P(e,t,r,a){return`M ${e-r} ${t} A ${r} ${a} 0 1 0 ${e+r} ${t} A ${r} ${a} 0 1 0 ${e-r} ${t}`}function S(e,t,r){return P(e,t,r,r)}function Y(e,t,r){const a=r/2;return`M ${e-a} ${t-a} L ${e+a} ${t-a} L ${e+a} ${t+a} L ${e-a} ${t+a} Z`}function x(e,t,r,a){const s=r/2,n=a/2;return`M ${e-s} ${t-n} L ${e+s} ${t-n} L ${e+s} ${t+n} L ${e-s} ${t+n} Z`}function y(e,t,r){const a=r*Math.sqrt(3)/2,s=r/2;return`M ${e} ${t-a/1.5} L ${e+s} ${t+a/3} L ${e-s} ${t+a/3} Z`}function ee(e,t,r,a,s){const n=Math.PI/s;let l="";for(let o=0;o<2*s;o++){const i=o%2===0?r:a,u=o*n-Math.PI/2,f=e+i*Math.cos(u),b=t+i*Math.sin(u);l+=o===0?`M ${f} ${b}`:` L ${f} ${b}`}return l+" Z"}function te(e,t,r){const a=r/30;return`M ${e} ${t+12*a} C ${e-20*a} ${t-5*a}, ${e-12*a} ${t-18*a}, ${e} ${t-8*a} C ${e+12*a} ${t-18*a}, ${e+20*a} ${t-5*a}, ${e} ${t+12*a}`}function ae(e,t,r,a){const s=r/2,n=a/2;return`M ${e} ${t} C ${e+s*.5} ${t-n}, ${e+s} ${t-n}, ${e+s} ${t} C ${e+s} ${t+n}, ${e+s*.5} ${t+n}, ${e} ${t} C ${e-s*.5} ${t+n}, ${e-s} ${t+n}, ${e-s} ${t} C ${e-s} ${t-n}, ${e-s*.5} ${t-n}, ${e} ${t}`}function se(e,t,r,a,s){const n=[],l=s*20,o=r/2;for(let i=0;i<=l;i++){const u=e-o+r*i/l,f=t+Math.sin(i/l*s*2*Math.PI)*a;n.push(i===0?`M ${u} ${f}`:`L ${u} ${f}`)}for(let i=l;i>=0;i--){const u=e-o+r*i/l,f=t-Math.sin(i/l*s*2*Math.PI)*a;n.push(`L ${u} ${f}`)}return n.join(" ")+" Z"}function re({item:e,index:t,totalItems:r,path:a,itemSize:s,rotation:n,progress:l,fill:o}){const i=o?t/r*100:0,u=U(l,f=>`${((f+i)%100+100)%100}%`);return c.jsx(X.div,{className:`${g["orbit-item"]}`,style:{width:s,height:s,offsetPath:`path("${a}")`,offsetRotate:"0deg",offsetAnchor:"center center",offsetDistance:u},children:c.jsx("div",{style:{transform:`rotate(${-n}deg)`},children:e})})}function D({images:e=[],altPrefix:t="Orbiting image",shape:r="ellipse",customPath:a,baseWidth:s=1400,radiusX:n=700,radiusY:l=170,radius:o=300,starPoints:i=5,starInnerRatio:u=.5,rotation:f=-8,duration:b=40,itemSize:T=64,direction:M="normal",fill:W=!0,width:q=100,height:I=100,className:k="",showPath:z=!1,pathColor:B="rgba(0,0,0,0.1)",pathWidth:H=2,easing:w="linear",paused:C=!1,centerContent:L,responsive:h=!1}){const v=j.useRef(null),[O,F]=j.useState(1),d=s/2,p=s/2,R=j.useMemo(()=>{switch(r){case"circle":return S(d,p,o);case"ellipse":return P(d,p,n,l);case"square":return Y(d,p,o*2);case"rectangle":return x(d,p,n*2,l*2);case"triangle":return y(d,p,o*2);case"star":return ee(d,p,o,o*u,i);case"heart":return te(d,p,o*2);case"infinity":return ae(d,p,n*2,l*2);case"wave":return se(d,p,n*2,l,3);case"custom":return a||S(d,p,o);default:return P(d,p,n,l)}},[r,a,d,p,n,l,o,i,u]);j.useEffect(()=>{if(!h||!v.current)return;const m=()=>{v.current&&F(v.current.clientWidth/s)};m();const $=new ResizeObserver(m);return $.observe(v.current),()=>$.disconnect()},[h,s]);const V=K(0);j.useEffect(()=>{if(C)return;const m=Q(V,M==="reverse"?-100:100,{duration:b,ease:w,repeat:1/0,repeatType:"loop"});return()=>m.stop()},[V,b,w,M,C]);const G=h?"100%":typeof q=="number"?q:"100%",J=h?"auto":typeof I=="number"?I:typeof q=="number"?q:"auto",N=e.map((m,$)=>c.jsx("img",{src:m,alt:`${t} ${$+1}`,draggable:!1,className:`${g["orbit-image"]}`},m));return c.jsxs("div",{ref:v,className:`${g["orbit-container"]} ${k}`,style:{width:G,height:J,aspectRatio:h?"1 / 1":void 0},"aria-hidden":"true",children:[c.jsx("div",{className:h?"orbit-scaling-container orbit-scaling-container--responsive":g["orbit-scaling-container"],style:{width:h?s:"100%",height:h?s:"100%",transform:h?`translate(-50%, -50%) scale(${O})`:void 0},children:c.jsxs("div",{className:`${g["orbit-rotation-wrapper"]}`,style:{transform:`rotate(${f}deg)`},children:[z&&c.jsx("svg",{width:"100%",height:"100%",viewBox:`0 0 ${s} ${s}`,className:`${g["orbit-path-svg"]}`,children:c.jsx("path",{d:R,fill:"none",stroke:B,strokeWidth:H/O})}),N.map((m,$)=>c.jsx(re,{item:m,index:$,totalItems:N.length,path:R,itemSize:T,rotation:f,progress:V,fill:W},$))]})}),L&&c.jsx("div",{className:`${g["orbit-center-content"]}`,children:L})]})}D.__docgenInfo={description:"",methods:[],displayName:"OrbitImages",props:{images:{defaultValue:{value:"[]",computed:!1},required:!1},altPrefix:{defaultValue:{value:"'Orbiting image'",computed:!1},required:!1},shape:{defaultValue:{value:"'ellipse'",computed:!1},required:!1},baseWidth:{defaultValue:{value:"1400",computed:!1},required:!1},radiusX:{defaultValue:{value:"700",computed:!1},required:!1},radiusY:{defaultValue:{value:"170",computed:!1},required:!1},radius:{defaultValue:{value:"300",computed:!1},required:!1},starPoints:{defaultValue:{value:"5",computed:!1},required:!1},starInnerRatio:{defaultValue:{value:"0.5",computed:!1},required:!1},rotation:{defaultValue:{value:"-8",computed:!1},required:!1},duration:{defaultValue:{value:"40",computed:!1},required:!1},itemSize:{defaultValue:{value:"64",computed:!1},required:!1},direction:{defaultValue:{value:"'normal'",computed:!1},required:!1},fill:{defaultValue:{value:"true",computed:!1},required:!1},width:{defaultValue:{value:"100",computed:!1},required:!1},height:{defaultValue:{value:"100",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},showPath:{defaultValue:{value:"false",computed:!1},required:!1},pathColor:{defaultValue:{value:"'rgba(0,0,0,0.1)'",computed:!1},required:!1},pathWidth:{defaultValue:{value:"2",computed:!1},required:!1},easing:{defaultValue:{value:"'linear'",computed:!1},required:!1},paused:{defaultValue:{value:"false",computed:!1},required:!1},responsive:{defaultValue:{value:"false",computed:!1},required:!1}}};const pe={title:"ReactBits/Animations/OrbitImages",component:D,parameters:{layout:"fullscreen"}},_={args:{images:["https://picsum.photos/seed/a/200/200","https://picsum.photos/seed/b/200/200","https://picsum.photos/seed/c/200/200","https://picsum.photos/seed/d/200/200","https://picsum.photos/seed/e/200/200","https://picsum.photos/seed/f/200/200"],altPrefix:"Orbiting image",shape:"ellipse",baseWidth:1400,radiusX:700,radiusY:170,radius:300,starPoints:5,starInnerRatio:.5,rotation:-8,duration:40,itemSize:64,direction:"normal",fill:!0,width:100,height:100,showPath:!1,pathColor:"rgba(0,0,0,0.1)",pathWidth:2,easing:"linear",paused:!1,responsive:!1}};var E,Z,A;_.parameters={..._.parameters,docs:{...(E=_.parameters)==null?void 0:E.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
images: ['https://picsum.photos/seed/a/200/200', 'https://picsum.photos/seed/b/200/200', 'https://picsum.photos/seed/c/200/200', 'https://picsum.photos/seed/d/200/200', 'https://picsum.photos/seed/e/200/200', 'https://picsum.photos/seed/f/200/200'],
|
|
4
4
|
altPrefix: 'Orbiting image',
|
package/storybook-static/assets/{PieChart.stories-DtsuEu3P.js → PieChart.stories-2s1TKZIh.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as q,j as v}from"./iframe-
|
|
1
|
+
import{r as q,j as v}from"./iframe-BVoBDGkl.js";import{s as S,i as K,c as X}from"./transform-BKmuZieF.js";import{a as H}from"./array-BKyUJesY.js";import{c as b}from"./path-CbwjOpE9.js";import{t as z,a as P}from"./arc-DgcIQOLP.js";import"./preload-helper-C1FmrZbK.js";function Q(n,a){let l=0;if(a===void 0)for(let c of n)(c=+c)&&(l+=c);else{let c=-1;for(let g of n)(g=+a(g,++c,n))&&(l+=g)}return l}function W(n,a){return a<n?-1:a>n?1:a>=n?0:NaN}function Z(n){return n}function ee(){var n=Z,a=W,l=null,c=b(0),g=b(z),w=b(0);function s(e){var r,i=(e=H(e)).length,m,L,C=0,_=new Array(i),u=new Array(i),A=+c.apply(this,arguments),h=Math.min(z,Math.max(-z,g.apply(this,arguments)-A)),T,x=Math.min(Math.abs(h)/i,w.apply(this,arguments)),R=x*(h<0?-1:1),d;for(r=0;r<i;++r)(d=u[_[r]=r]=+n(e[r],r,e))>0&&(C+=d);for(a!=null?_.sort(function(t,o){return a(u[t],u[o])}):l!=null&&_.sort(function(t,o){return l(e[t],e[o])}),r=0,L=C?(h-i*R)/C:0;r<i;++r,A=T)m=_[r],d=u[m],T=A+(d>0?d*L:0)+R,u[m]={data:e[m],index:r,value:d,startAngle:A,endAngle:T,padAngle:x};return u}return s.value=function(e){return arguments.length?(n=typeof e=="function"?e:b(+e),s):n},s.sortValues=function(e){return arguments.length?(a=e,l=null,s):a},s.sort=function(e){return arguments.length?(l=e,a=null,s):l},s.startAngle=function(e){return arguments.length?(c=typeof e=="function"?e:b(+e),s):c},s.endAngle=function(e){return arguments.length?(g=typeof e=="function"?e:b(+e),s):g},s.padAngle=function(e){return arguments.length?(w=typeof e=="function"?e:b(+e),s):w},s}const te="_container_1d3zv_1",ne="_title_1d3zv_7",ae="_chartContainer_1d3zv_15",re="_chart_1d3zv_15",oe="_legend_1d3zv_26",le="_legendItem_1d3zv_31",se="_legendColor_1d3zv_45",ie="_legendLabel_1d3zv_52",ce="_legendValue_1d3zv_59",ue="_tooltip_1d3zv_65",p={container:te,title:ne,chartContainer:ae,chart:re,legend:oe,legendItem:le,legendColor:se,legendLabel:ie,legendValue:ce,tooltip:ue},f=["#6366f1","#8b5cf6","#06b6d4","#10b981","#f59e0b","#ef4444","#ec4899","#84cc16","#f97316","#3b82f6","#8b5cf6","#14b8a6","#f59e0b","#ef4444","#06b6d4","#10b981"],$=n=>{const a=X(n);if(!a)return"#ffffff";const l=a.rgb();return(.299*l.r+.587*l.g+.114*l.b)/255>.5?"#000000":"#ffffff"},G=({data:n,width:a=400,height:l=400,title:c="Distribution",showLegend:g=!0,unit:w="items",centerLabel:s})=>{const e=q.useRef(null),r=Math.min(a,l)/2-20;return q.useEffect(()=>{if(!e.current||!n.length)return;const i=S(e.current);i.selectAll("*").remove();const m=i.append("g").attr("transform",`translate(${a/2},${l/2})`),L=ee().value(t=>t.value).sort(null),C=P().innerRadius(r*.4).outerRadius(r).cornerRadius(4),_=P().innerRadius(r*.7).outerRadius(r*.7),u=S("body").append("div").attr("class",p.tooltip).style("opacity",0).style("position","absolute"),A=L(n),h=Q(n,t=>t.value),T=m.selectAll(".arc").data(A).enter().append("g").attr("class","arc");T.append("path").attr("d",t=>C(t)).attr("fill",(t,o)=>t.data.color||f[o%f.length]).attr("stroke","var(--bg-primary)").attr("stroke-width",3).style("cursor","pointer").style("filter","drop-shadow(0 2px 8px rgba(0,0,0,0.15))").on("mouseover",function(t,o){const y=P().innerRadius(r*.4).outerRadius(r*1.05).cornerRadius(4);S(this).transition().duration(200).attr("d",M=>y(M)).style("filter","drop-shadow(0 4px 12px rgba(0,0,0,0.25))"),u.transition().duration(200).style("opacity",1);const V=(o.data.value/h*100).toFixed(1);u.html(`
|
|
2
2
|
<div><strong>${o.data.name}</strong></div>
|
|
3
3
|
<div>Value: ${o.data.value.toLocaleString()}</div>
|
|
4
4
|
<div>${V}% of total</div>
|
package/storybook-static/assets/{PixelBlast.stories-DFVJyyCJ.js → PixelBlast.stories-C28Fm0cc.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as z,j as Ee}from"./iframe-
|
|
1
|
+
import{r as z,j as Ee}from"./iframe-BVoBDGkl.js";import{E as re,R as le,b as ie,a as me}from"./index-DcRHiSf7.js";import{W as we,d as ne,n as Re,S as Ce,a as Pe,i as qe,a9 as Te,q as be,M as Ae,f as ze,G as M,a2 as Me,z as se}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const Fe={"pixel-blast-container":"_pixel-blast-container_a95g7_1"},ke=()=>{const l=document.createElement("canvas");l.width=64,l.height=64;const i=l.getContext("2d");if(!i)throw new Error("2D context not available");i.fillStyle="black",i.fillRect(0,0,l.width,l.height);const T=new Me(l);T.minFilter=se,T.magFilter=se,T.generateMipmaps=!1;const E=[];let w=null;const m=64;let R=.1*64;const F=1/m,k=()=>{i.fillStyle="black",i.fillRect(0,0,l.width,l.height)},I=a=>{const n={x:a.x*64,y:(1-a.y)*64};let c=1;const C=v=>Math.sin(v*Math.PI/2),g=v=>-v*(v-2);a.age<m*.3?c=C(a.age/(m*.3)):c=g(1-(a.age-m*.3)/(m*.7))||0,c*=a.force;const h=`${(a.vx+1)/2*255}, ${(a.vy+1)/2*255}, ${c*255}`,p=64*5;i.shadowOffsetX=p,i.shadowOffsetY=p,i.shadowBlur=R,i.shadowColor=`rgba(${h},${.22*c})`,i.beginPath(),i.fillStyle="rgba(255,0,0,1)",i.arc(n.x-p,n.y-p,R,0,Math.PI*2),i.fill()};return{canvas:l,texture:T,addTouch:a=>{let n=0,c=0,C=0;if(w){const g=a.x-w.x,h=a.y-w.y;if(g===0&&h===0)return;const p=g*g+h*h,v=Math.sqrt(p);c=g/(v||1),C=h/(v||1),n=Math.min(p*1e4,1)}w={x:a.x,y:a.y},E.push({x:a.x,y:a.y,age:0,force:n,vx:c,vy:C})},update:()=>{k();for(let a=E.length-1;a>=0;a--){const n=E[a],c=n.force*F*(1-n.age/m);n.x+=n.vx*c,n.y+=n.vy*c,n.age++,n.age>m&&E.splice(a,1)}for(let a=0;a<E.length;a++)I(E[a]);T.needsUpdate=!0},set radiusScale(a){R=.1*64*a},get radiusScale(){return R/(.1*64)},size:64}},Ie=(b,l)=>{const i=`
|
|
2
2
|
uniform sampler2D uTexture;
|
|
3
3
|
uniform float uStrength;
|
|
4
4
|
uniform float uTime;
|
package/storybook-static/assets/{PixelCard.stories-rN2a2n6z.js → PixelCard.stories-DSmyTgrk.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as l,j as V}from"./iframe-
|
|
1
|
+
import{r as l,j as V}from"./iframe-BVoBDGkl.js";import"./preload-helper-C1FmrZbK.js";const q={"pixel-canvas":"_pixel-canvas_wo94u_1","pixel-card":"_pixel-card_wo94u_7"};class J{constructor(t,u,p,x,i,y,n){this.width=t.width,this.height=t.height,this.ctx=u,this.x=p,this.y=x,this.color=i,this.speed=this.getRandomValue(.1,.9)*y,this.size=0,this.sizeStep=Math.random()*.4,this.minSize=.5,this.maxSizeInteger=2,this.maxSize=this.getRandomValue(this.minSize,this.maxSizeInteger),this.delay=n,this.counter=0,this.counterStep=Math.random()*4+(this.width+this.height)*.01,this.isIdle=!1,this.isReverse=!1,this.isShimmer=!1}getRandomValue(t,u){return Math.random()*(u-t)+t}draw(){const t=this.maxSizeInteger*.5-this.size*.5;this.ctx.fillStyle=this.color,this.ctx.fillRect(this.x+t,this.y+t,this.size,this.size)}appear(){if(this.isIdle=!1,this.counter<=this.delay){this.counter+=this.counterStep;return}this.size>=this.maxSize&&(this.isShimmer=!0),this.isShimmer?this.shimmer():this.size+=this.sizeStep,this.draw()}disappear(){if(this.isShimmer=!1,this.counter=0,this.size<=0){this.isIdle=!0;return}else this.size-=.1;this.draw()}shimmer(){this.size>=this.maxSize?this.isReverse=!0:this.size<=this.minSize&&(this.isReverse=!1),this.isReverse?this.size-=this.speed:this.size+=this.speed}}function K(m,t){const i=parseInt(m,10);return i<=0||t?0:i>=100?100*.001:i*.001}const T={default:{activeColor:null,gap:5,speed:35,colors:"#f8fafc,#f1f5f9,#cbd5e1",noFocus:!1},blue:{activeColor:"#e0f2fe",gap:10,speed:25,colors:"#e0f2fe,#7dd3fc,#0ea5e9",noFocus:!1},yellow:{activeColor:"#fef08a",gap:3,speed:20,colors:"#fef08a,#fde047,#eab308",noFocus:!1},pink:{activeColor:"#fecdd3",gap:6,speed:80,colors:"#fecdd3,#fda4af,#e11d48",noFocus:!0}};function O({variant:m="default",gap:t,speed:u,colors:p,noFocus:x,className:i="",children:y}){const n=l.useRef(null),s=l.useRef(null),I=l.useRef([]),h=l.useRef(null),F=l.useRef(performance.now()),M=l.useRef(window.matchMedia("(prefers-reduced-motion: reduce)").matches).current,g=T[m]||T.default,C=t??g.gap,A=u??g.speed,_=p??g.colors,v=x??g.noFocus,b=()=>{if(!n.current||!s.current)return;const e=n.current.getBoundingClientRect(),a=Math.floor(e.width),o=Math.floor(e.height),z=s.current.getContext("2d");s.current.width=a,s.current.height=o,s.current.style.width=`${a}px`,s.current.style.height=`${o}px`;const d=_.split(","),f=[];for(let c=0;c<a;c+=parseInt(C,10))for(let r=0;r<o;r+=parseInt(C,10)){const S=d[Math.floor(Math.random()*d.length)],E=c-a/2,N=r-o/2,G=Math.sqrt(E*E+N*N),L=M?0:G;f.push(new J(s.current,z,c,r,S,K(A,M),L))}I.current=f},P=e=>{var c;h.current=requestAnimationFrame(()=>P(e));const a=performance.now(),o=a-F.current,z=1e3/60;if(o<z)return;F.current=a-o%z;const d=(c=s.current)==null?void 0:c.getContext("2d");if(!d||!s.current)return;d.clearRect(0,0,s.current.width,s.current.height);let f=!0;for(let r=0;r<I.current.length;r++){const S=I.current[r];S[e](),S.isIdle||(f=!1)}f&&cancelAnimationFrame(h.current)},R=e=>{cancelAnimationFrame(h.current),h.current=requestAnimationFrame(()=>P(e))},D=()=>R("appear"),H=()=>R("disappear"),W=e=>{e.currentTarget.contains(e.relatedTarget)||R("appear")},k=e=>{e.currentTarget.contains(e.relatedTarget)||R("disappear")};return l.useEffect(()=>{b();const e=new ResizeObserver(()=>{b()});return n.current&&e.observe(n.current),()=>{e.disconnect(),cancelAnimationFrame(h.current)}},[C,A,_,v]),V.jsxs("div",{ref:n,className:`${q["pixel-card"]} ${i}`,onMouseEnter:D,onMouseLeave:H,onFocus:v?void 0:W,onBlur:v?void 0:k,tabIndex:v?-1:0,children:[V.jsx("canvas",{className:`${q["pixel-canvas"]}`,ref:s}),y]})}O.__docgenInfo={description:"",methods:[],displayName:"PixelCard",props:{variant:{defaultValue:{value:"'default'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const X={title:"ReactBits/Components/PixelCard",component:O,parameters:{layout:"fullscreen"}},w={args:{variant:"default",children:"Hello World"}};var $,j,B;w.parameters={...w.parameters,docs:{...($=w.parameters)==null?void 0:$.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
variant: 'default',
|
|
4
4
|
children: 'Hello World'
|
package/storybook-static/assets/{PixelSnow.stories-CTi1PQmJ.js → PixelSnow.stories-D0XEmW1E.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,j as B}from"./iframe-
|
|
1
|
+
import{r as t,j as B}from"./iframe-BVoBDGkl.js";import{n as K,e as O,S as T,a as U,W as X,i as G,d as H,q as W,M as Y}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const J={"pixel-snow-container":"_pixel-snow-container_udm6i_1"},L=`
|
|
2
2
|
void main() {
|
|
3
3
|
gl_Position = vec4(position, 1.0);
|
|
4
4
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r,j as l}from"./iframe-
|
|
1
|
+
import{r,j as l}from"./iframe-BVoBDGkl.js";import{g as d}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const c={"pixelated-image-card":"_pixelated-image-card_12og9_1","pixelated-image-card__default":"_pixelated-image-card__default_12og9_12","pixelated-image-card__active":"_pixelated-image-card__active_12og9_13","pixelated-image-card__pixels":"_pixelated-image-card__pixels_12og9_14","pixelated-image-card__pixel":"_pixelated-image-card__pixel_12og9_14"};function E({firstContent:b,secondContent:F,gridSize:u=7,pixelColor:_="currentColor",animationStepDuration:m=.3,once:v=!1,aspectRatio:$="100%",className:q="",style:S={}}){const T=r.useRef(null),x=r.useRef(null),h=r.useRef(null),g=r.useRef(null),[i,I]=r.useState(!1),o="ontouchstart"in window||navigator.maxTouchPoints>0||window.matchMedia("(pointer: coarse)").matches;r.useEffect(()=>{const t=x.current;if(t){t.innerHTML="";for(let n=0;n<u;n++)for(let a=0;a<u;a++){const e=document.createElement("div");e.classList.add(c["pixelated-image-card__pixel"]),e.setAttribute("data-pixel",""),e.style.backgroundColor=_;const s=100/u;e.style.width=`${s}%`,e.style.height=`${s}%`,e.style.left=`${a*s}%`,e.style.top=`${n*s}%`,t.appendChild(e)}}},[u,_]);const f=t=>{I(t);const n=x.current,a=h.current;if(!n||!a)return;const e=n.querySelectorAll("[data-pixel]");if(!e.length)return;d.killTweensOf(e),g.current&&g.current.kill(),d.set(e,{display:"none"});const s=e.length,R=m/s;d.to(e,{display:"block",duration:0,stagger:{each:R,from:"random"}}),g.current=d.delayedCall(m,()=>{a.style.display=t?"block":"none",a.style.pointerEvents=t?"none":""}),d.to(e,{display:"none",duration:0,delay:m,stagger:{each:R,from:"random"}})},y=()=>{i||f(!0)},C=()=>{i&&!v&&f(!1)},V=()=>{i?i&&!v&&f(!1):f(!0)};return l.jsxs("div",{ref:T,className:`${c["pixelated-image-card"]} ${q}`,style:S,onMouseEnter:o?void 0:y,onMouseLeave:o?void 0:C,onClick:o?V:void 0,onFocus:o?void 0:y,onBlur:o?void 0:C,tabIndex:0,children:[l.jsx("div",{style:{paddingTop:$}}),l.jsx("div",{className:`${c["pixelated-image-card__default"]}`,"aria-hidden":i,children:b}),l.jsx("div",{className:`${c["pixelated-image-card__active"]}`,ref:h,"aria-hidden":!i,children:F}),l.jsx("div",{className:`${c["pixelated-image-card__pixels"]}`,ref:x})]})}E.__docgenInfo={description:"",methods:[],displayName:"PixelTransition",props:{gridSize:{defaultValue:{value:"7",computed:!1},required:!1},pixelColor:{defaultValue:{value:"'currentColor'",computed:!1},required:!1},animationStepDuration:{defaultValue:{value:"0.3",computed:!1},required:!1},once:{defaultValue:{value:"false",computed:!1},required:!1},aspectRatio:{defaultValue:{value:"'100%'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1}}};const A={title:"ReactBits/Animations/PixelTransition",component:E,parameters:{layout:"fullscreen"}},p={args:{firstContent:l.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",background:"#1a1a2e",color:"#fff",fontSize:"2rem"},children:"Hover me"}),secondContent:l.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",background:"#5227FF",color:"#fff",fontSize:"2rem"},children:"Revealed!"}),gridSize:7,pixelColor:"#5227FF",aspectRatio:"100%"}};var j,k,w;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
firstContent: <div style={{
|
|
4
4
|
width: '100%',
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as y,j as U}from"./iframe-
|
|
1
|
+
import{r as y,j as U}from"./iframe-BVoBDGkl.js";import{R as E,P as Q,M as j}from"./Mesh-CwXV3WjE.js";import{T as k}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const L={"plasma-container":"_plasma-container_4c6hx_1"},N=n=>{const o=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);return o?[parseInt(o[1],16)/255,parseInt(o[2],16)/255,parseInt(o[3],16)/255]:[1,.5,.2]},$=`#version 300 es
|
|
2
2
|
precision highp float;
|
|
3
3
|
in vec2 position;
|
|
4
4
|
in vec2 uv;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as le,j as Ne}from"./iframe-
|
|
1
|
+
import{r as le,j as Ne}from"./iframe-BVoBDGkl.js";import{R as Ye,P as je,M as De}from"./Mesh-CwXV3WjE.js";import{T as Ge}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const Xe={"prism-container":"_prism-container_sjqpx_1"},ce=({height:T=3.5,baseWidth:z=5.5,animationType:h="rotate",glow:W=1,offset:s={x:0,y:0},noise:U=.5,transparent:E=!0,scale:N=3.6,hueShift:Y=0,colorFrequency:j=1,hoverStrength:D=2,inertia:G=.05,bloom:X=1,suspendWhenOffscreen:P=!1,timeScale:Z=.5})=>{const k=le.useRef(null);return le.useEffect(()=>{const r=k.current;if(!r)return;const b=Math.max(.001,T),H=Math.max(.001,z)*.5,fe=Math.max(0,W),Q=Math.max(0,U),me=(s==null?void 0:s.x)??0,de=(s==null?void 0:s.y)??0,ve=E?1.5:1,I=Math.max(.001,N),he=Y||0,pe=Math.max(0,j||1),xe=Math.max(0,X||1),we=1,Me=1,Se=1,R=Math.max(0,Z||1),$=Math.max(0,D||1),J=Math.max(0,Math.min(1,G||.12)),_=Math.min(2,window.devicePixelRatio||1),A=new Ye({dpr:_,alpha:E,antialias:!1}),a=A.gl;a.disable(a.DEPTH_TEST),a.disable(a.CULL_FACE),a.disable(a.BLEND),Object.assign(a.canvas.style,{position:"absolute",inset:"0",width:"100%",height:"100%",display:"block"}),r.appendChild(a.canvas);const ge=`
|
|
2
2
|
attribute vec2 position;
|
|
3
3
|
void main() {
|
|
4
4
|
gl_Position = vec4(position, 0.0, 1.0);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as n,j as te}from"./iframe-
|
|
1
|
+
import{r as n,j as te}from"./iframe-BVoBDGkl.js";import{R as re,P as ae,M as ne}from"./Mesh-CwXV3WjE.js";import{T as oe}from"./Texture-BkQWYNP2.js";import{T as se}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const ue={"prismatic-burst-container":"_prismatic-burst-container_u2n5x_1"},ce=`#version 300 es
|
|
2
2
|
in vec2 position;
|
|
3
3
|
in vec2 uv;
|
|
4
4
|
out vec2 vUv;
|
package/storybook-static/assets/{ProfileCard.stories-DqaByaZ1.js → ProfileCard.stories-BPB50mBw.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{R as ve,r as o,j as r}from"./iframe-
|
|
1
|
+
import{R as ve,r as o,j as r}from"./iframe-BVoBDGkl.js";import"./preload-helper-C1FmrZbK.js";const he="_active_uxwt3_56",_e="_entering_uxwt3_84",xe="_avatar_uxwt3_252",n={"pc-behind":"_pc-behind_uxwt3_40",active:he,"pc-card":"_pc-card_uxwt3_33","pc-card-shell":"_pc-card-shell_uxwt3_84",entering:_e,"pc-inside":"_pc-inside_uxwt3_100","pc-shine":"_pc-shine_uxwt3_108","pc-glare":"_pc-glare_uxwt3_232","pc-avatar-content":"_pc-avatar-content_uxwt3_245",avatar:xe,"pc-user-info":"_pc-user-info_uxwt3_274","pc-user-details":"_pc-user-details_uxwt3_293","pc-mini-avatar":"_pc-mini-avatar_uxwt3_299","pc-user-text":"_pc-user-text_uxwt3_315","pc-handle":"_pc-handle_uxwt3_322","pc-status":"_pc-status_uxwt3_329","pc-contact-btn":"_pc-contact-btn_uxwt3_335","pc-content":"_pc-content_uxwt3_353","pc-details":"_pc-details_uxwt3_367"},ge="linear-gradient(145deg,#60496e8c 0%,#71C4FF44 100%)",L={INITIAL_DURATION:1200,INITIAL_X_OFFSET:70,INITIAL_Y_OFFSET:60,DEVICE_BETA_OFFSET:20,ENTER_TRANSITION_MS:180},$=(p,d=0,v=100)=>Math.min(Math.max(p,d),v),C=(p,d=3)=>parseFloat(p.toFixed(d)),z=(p,d,v,x,O)=>C(x+(O-x)*(p-d)/(v-d)),Z=({avatarUrl:p="<Placeholder for avatar URL>",iconUrl:d="<Placeholder for icon URL>",grainUrl:v="<Placeholder for grain URL>",innerGradient:x,behindGlowEnabled:O=!0,behindGlowColor:S,behindGlowSize:U,className:ee="",enableTilt:A=!0,enableMobileTilt:V=!1,mobileTiltSensitivity:q=5,miniAvatarUrl:te,name:y="Javi A. Torres",title:ne="Software Engineer",handle:ae="javicodes",status:re="Online",contactText:se="Contact",showUserInfo:ce=!0,onContactClick:F})=>{const M=o.useRef(null),m=o.useRef(null),g=o.useRef(null),h=o.useRef(null),s=o.useMemo(()=>{if(!A)return null;let e=null,t=!1,a=0,c=0,i=0,u=0,f=0;const E=.14,T=.6;let j=0;const H=(l,_)=>{const w=m.current,I=M.current;if(!w||!I)return;const J=w.clientWidth||1,oe=w.clientHeight||1,N=$(100/J*l),b=$(100/oe*_),ue=N-50,de=b-50,pe={"--pointer-x":`${N}%`,"--pointer-y":`${b}%`,"--background-x":`${z(N,0,100,35,65)}%`,"--background-y":`${z(b,0,100,35,65)}%`,"--pointer-from-center":`${$(Math.hypot(b-50,N-50)/50,0,1)}`,"--pointer-from-top":`${b/100}`,"--pointer-from-left":`${N/100}`,"--rotate-x":`${C(-(ue/5))}deg`,"--rotate-y":`${C(de/4)}deg`};for(const[fe,me]of Object.entries(pe))I.style.setProperty(fe,me)},W=l=>{if(!t)return;a===0&&(a=l);const _=(l-a)/1e3;a=l;const w=l<j?T:E,I=1-Math.exp(-_/w);c+=(u-c)*I,i+=(f-i)*I,H(c,i),Math.abs(u-c)>.05||Math.abs(f-i)>.05||document.hasFocus()?e=requestAnimationFrame(W):(t=!1,a=0,e&&(cancelAnimationFrame(e),e=null))},B=()=>{t||(t=!0,a=0,e=requestAnimationFrame(W))};return{setImmediate(l,_){c=l,i=_,H(c,i)},setTarget(l,_){u=l,f=_,B()},toCenter(){const l=m.current;l&&this.setTarget(l.clientWidth/2,l.clientHeight/2)},beginInitial(l){j=performance.now()+l,B()},getCurrent(){return{x:c,y:i,tx:u,ty:f}},cancel(){e&&cancelAnimationFrame(e),e=null,t=!1,a=0}}},[A]),P=(e,t)=>{const a=t.getBoundingClientRect();return{x:e.clientX-a.left,y:e.clientY-a.top}},D=o.useCallback(e=>{const t=m.current;if(!t||!s)return;const{x:a,y:c}=P(e,t);s.setTarget(a,c)},[s]),k=o.useCallback(e=>{const t=m.current;if(!t||!s)return;t.classList.add(n.active),t.classList.add(n.entering),g.current&&window.clearTimeout(g.current),g.current=window.setTimeout(()=>{t.classList.remove(n.entering)},L.ENTER_TRANSITION_MS);const{x:a,y:c}=P(e,t);s.setTarget(a,c)},[s]),X=o.useCallback(()=>{const e=m.current;if(!e||!s)return;s.toCenter();const t=()=>{const{x:a,y:c,tx:i,ty:u}=s.getCurrent();Math.hypot(i-a,u-c)<.6?(e.classList.remove(n.active),h.current=null):h.current=requestAnimationFrame(t)};h.current&&cancelAnimationFrame(h.current),h.current=requestAnimationFrame(t)},[s]),Y=o.useCallback(e=>{const t=m.current;if(!t||!s)return;const{beta:a,gamma:c}=e;if(a==null||c==null)return;const i=t.clientWidth/2,u=t.clientHeight/2,f=$(i+c*q,0,t.clientWidth),E=$(u+(a-L.DEVICE_BETA_OFFSET)*q,0,t.clientHeight);s.setTarget(f,E)},[s,q]);o.useEffect(()=>{if(!A||!s)return;const e=m.current;if(!e)return;const t=D,a=k,c=X,i=Y;e.addEventListener("pointerenter",a),e.addEventListener("pointermove",t),e.addEventListener("pointerleave",c);const u=()=>{if(!V||location.protocol!=="https:")return;const T=window.DeviceMotionEvent;T&&typeof T.requestPermission=="function"?T.requestPermission().then(j=>{j==="granted"&&window.addEventListener("deviceorientation",i)}).catch(console.error):window.addEventListener("deviceorientation",i)};e.addEventListener("click",u);const f=(e.clientWidth||0)-L.INITIAL_X_OFFSET,E=L.INITIAL_Y_OFFSET;return s.setImmediate(f,E),s.toCenter(),s.beginInitial(L.INITIAL_DURATION),()=>{e.removeEventListener("pointerenter",a),e.removeEventListener("pointermove",t),e.removeEventListener("pointerleave",c),e.removeEventListener("click",u),window.removeEventListener("deviceorientation",i),g.current&&window.clearTimeout(g.current),h.current&&cancelAnimationFrame(h.current),s.cancel(),e.classList.remove(n.entering)}},[A,V,s,D,k,X,Y]);const le=o.useMemo(()=>({"--icon":d?`url(${d})`:"none","--grain":v?`url(${v})`:"none","--inner-gradient":x??ge,"--behind-glow-color":S??"rgba(125, 190, 255, 0.67)","--behind-glow-size":U??"50%"}),[d,v,x,S,U]),ie=o.useCallback(()=>{F==null||F()},[F]);return r.jsxs("div",{ref:M,className:`pc-card-wrapper ${ee}`.trim(),style:le,children:[O&&r.jsx("div",{className:`${n["pc-behind"]}`}),r.jsx("div",{ref:m,className:`${n["pc-card-shell"]}`,children:r.jsx("section",{className:`${n["pc-card"]}`,children:r.jsxs("div",{className:`${n["pc-inside"]}`,children:[r.jsx("div",{className:`${n["pc-shine"]}`}),r.jsx("div",{className:`${n["pc-glare"]}`}),r.jsxs("div",{className:`${n["pc-content"]} ${n["pc-avatar-content"]}`,children:[r.jsx("img",{className:`${n.avatar}`,src:p,alt:`${y||"User"} avatar`,loading:"lazy",onError:e=>{const t=e.target;t.style.display="none"}}),ce&&r.jsxs("div",{className:`${n["pc-user-info"]}`,children:[r.jsxs("div",{className:`${n["pc-user-details"]}`,children:[r.jsx("div",{className:`${n["pc-mini-avatar"]}`,children:r.jsx("img",{src:te||p,alt:`${y||"User"} mini avatar`,loading:"lazy",onError:e=>{const t=e.target;t.style.opacity="0.5",t.src=p}})}),r.jsxs("div",{className:`${n["pc-user-text"]}`,children:[r.jsxs("div",{className:`${n["pc-handle"]}`,children:["@",ae]}),r.jsx("div",{className:`${n["pc-status"]}`,children:re})]})]}),r.jsx("button",{className:`${n["pc-contact-btn"]}`,onClick:ie,style:{pointerEvents:"auto"},type:"button","aria-label":`Contact ${y||"user"}`,children:se})]})]}),r.jsx("div",{className:`${n["pc-content"]}`,children:r.jsxs("div",{className:`${n["pc-details"]}`,children:[r.jsx("h3",{children:y}),r.jsx("p",{children:ne})]})})]})})})]})},Ee=ve.memo(Z);Z.__docgenInfo={description:"",methods:[],displayName:"ProfileCardComponent",props:{avatarUrl:{defaultValue:{value:"'<Placeholder for avatar URL>'",computed:!1},required:!1},iconUrl:{defaultValue:{value:"'<Placeholder for icon URL>'",computed:!1},required:!1},grainUrl:{defaultValue:{value:"'<Placeholder for grain URL>'",computed:!1},required:!1},behindGlowEnabled:{defaultValue:{value:"true",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},enableTilt:{defaultValue:{value:"true",computed:!1},required:!1},enableMobileTilt:{defaultValue:{value:"false",computed:!1},required:!1},mobileTiltSensitivity:{defaultValue:{value:"5",computed:!1},required:!1},name:{defaultValue:{value:"'Javi A. Torres'",computed:!1},required:!1},title:{defaultValue:{value:"'Software Engineer'",computed:!1},required:!1},handle:{defaultValue:{value:"'javicodes'",computed:!1},required:!1},status:{defaultValue:{value:"'Online'",computed:!1},required:!1},contactText:{defaultValue:{value:"'Contact'",computed:!1},required:!1},showUserInfo:{defaultValue:{value:"true",computed:!1},required:!1}}};const Ie={title:"ReactBits/Components/ProfileCard",component:Ee,parameters:{layout:"fullscreen"}},R={args:{avatarUrl:"https://i.pravatar.cc/300?img=12",behindGlowEnabled:!0,enableTilt:!0,enableMobileTilt:!1,mobileTiltSensitivity:5,name:"Javi A. Torres",title:"Software Engineer",handle:"javicodes",status:"Online",contactText:"Contact",showUserInfo:!0}};var G,K,Q;R.parameters={...R.parameters,docs:{...(G=R.parameters)==null?void 0:G.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
avatarUrl: 'https://i.pravatar.cc/300?img=12',
|
|
4
4
|
behindGlowEnabled: true,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as u,j as r}from"./iframe-CK6Mw28k.js";import{s as z}from"./transform-BKmuZieF.js";import{t as be,e as Me,l as Se,m as Te}from"./monotone-DHdPkfDP.js";import{l as je}from"./linear-dkJHgUri.js";import{t as Q}from"./defaultLocale-DJ2q5QjE.js";import{a as ke,b as De}from"./axis-D3QohQNI.js";import"./preload-helper-C1FmrZbK.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";const Ee="_container_2763s_1",Ce="_controls_2763s_10",qe="_viewToggle_2763s_18",Le="_viewButton_2763s_27",$e="_active_2763s_48",Ne="_viewIcon_2763s_54",Ae="_viewLabel_2763s_59",Ve="_aggregationToggle_2763s_69",Ie="_aggregationButton_2763s_78",Fe="_aggregationIcon_2763s_105",We="_aggregationLabel_2763s_110",Be="_legend_2763s_120",Re="_compactLegend_2763s_132",He="_legendItem_2763s_137",Oe="_legendEmoji_2763s_142",Ye="_legendLabel_2763s_146",ze="_inactive_2763s_187",Qe="_legendColor_2763s_196",Ue="_chart_2763s_233",Pe="_gridLine_2763s_238",Ge="_line_2763s_244",Ke="_xAxis_2763s_251",Xe="_yAxis_2763s_252",Je="_dataPoint_2763s_271",Ze="_tooltip_2763s_281",et="_visible_2763s_302",tt="_tooltipHeader_2763s_307",at="_tooltipEmoji_2763s_318",nt="_tooltipDot_2763s_323",rt="_tooltipInfo_2763s_330",ot="_tooltipDate_2763s_336",st="_tooltipValue_2763s_342",t={container:Ee,controls:Ce,viewToggle:qe,viewButton:Le,active:$e,viewIcon:Ne,viewLabel:Ae,aggregationToggle:Ve,aggregationButton:Ie,aggregationIcon:Fe,aggregationLabel:We,legend:Be,compactLegend:Re,legendItem:He,legendEmoji:Oe,legendLabel:Ye,inactive:ze,legendColor:Qe,chart:Ue,gridLine:Pe,line:Ge,xAxis:Ke,yAxis:Xe,dataPoint:Je,tooltip:Ze,visible:et,tooltipHeader:tt,tooltipEmoji:at,tooltipDot:nt,tooltipInfo:rt,tooltipDate:ot,tooltipValue:st},lt={Exercise:"#6BCB77",Meditation:"#4D96FF",Reading:"#FFB319",Water:"#00D9FF",Steps:"#FF6B6B",Sleep:"#9B59B6",Calories:"#FF9F1C",Study:"#C774E8"},ge=({data:n,width:_=800,height:v=400,defaultViewType:M="daily",periodType:b="month",habitColors:U={},habitEmojis:P={},onDataPointClick:W,hideControls:me=!1,compactLegend:pe=!1})=>{const D=u.useRef(null),he=u.useRef(null),[g,ye]=u.useState(M),[E,G]=u.useState([]),[S,K]=u.useState(null),[h,C]=u.useState(null),[q,X]=u.useState("average"),y=u.useMemo(()=>({top:20,right:20,bottom:50,left:50}),[]),B=_-y.left-y.right,R=v-y.top-y.bottom,T=u.useMemo(()=>Object.keys(n).filter(e=>e!=="dates"),[n]);u.useEffect(()=>{G(T)},[T]),u.useEffect(()=>{const e=()=>{C(null)};return window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("scroll",e,!0)}},[]);const fe=u.useMemo(()=>{switch(b){case"week":return["daily"];case"month":return["daily","weekly"];case"quarter":return["weekly","monthly"];case"year":return["daily","weekly","monthly","quarterly"];case"allTime":return["monthly","quarterly"];default:return["daily"]}},[b]),j=u.useCallback(e=>U[e]||lt[e]||`hsl(${Math.abs(e.split("").reduce((o,s)=>o+s.charCodeAt(0),0))%360}, 70%, 50%)`,[U]),f=u.useMemo(()=>{if(g==="daily"||!n.dates.length)return n;const e={dates:[]},o=new Map;return n.dates.forEach((s,m)=>{const w=new Date(s);let l;switch(g){case"weekly":{const c=new Date(w),p=c.getDay(),L=c.getDate()-p+(p===0?-6:1);c.setDate(L),l=c.toISOString().split("T")[0];break}case"monthly":l=`${w.getFullYear()}-${String(w.getMonth()+1).padStart(2,"0")}-01`;break;case"quarterly":{const p=(Math.floor(w.getMonth()/3)+1-1)*3;l=new Date(w.getFullYear(),p,1).toISOString().split("T")[0];break}default:l=s}o.has(l)||o.set(l,[]),o.get(l).push(m)}),e.dates=Array.from(o.keys()).sort(),T.forEach(s=>{e[s]=e.dates.map(m=>{const l=o.get(m).map(c=>n[s][c]).filter(c=>typeof c=="number"&&!isNaN(c));return l.length===0?0:Math.round(q==="sum"?l.reduce((c,p)=>c+p,0):l.reduce((c,p)=>c+p,0)/l.length)})}),e},[n,g,T,q]),_e=e=>{G(o=>o.includes(e)?o.filter(s=>s!==e):[...o,e])};u.useEffect(()=>{if(!D.current||f.dates.length===0)return;const e=z(D.current);e.selectAll("*").remove(),e.append("rect").attr("width",_).attr("height",v).attr("fill","transparent").style("pointer-events","all").on("mouseleave",()=>{C(null)});const o=e.append("g").attr("transform",`translate(${y.left},${y.top})`),s=f.dates.map(a=>new Date(a)),m=be().domain(Me(s)).range([0,B]),w=Math.max(...E.flatMap(a=>f[a].filter(d=>typeof d=="number"))),l=je().domain([0,w*1.1]).range([R,0]);o.selectAll(".grid-line-y").data(l.ticks(5)).enter().append("line").attr("class",t.gridLine).attr("x1",0).attr("y1",a=>l(a)).attr("x2",B).attr("y2",a=>l(a));const c=Se().x(a=>m(a[0])).y(a=>l(a[1])).curve(Te);E.forEach(a=>{const d=s.map((i,x)=>[i,f[a][x]]).filter(i=>typeof i[1]=="number");o.append("path").datum(d).attr("class",t.line).attr("d",c).attr("stroke",j(a)).attr("opacity",S&&S!==a?.3:1),o.selectAll(`.hover-circle-${a}`).data(d).enter().append("circle").attr("cx",i=>m(i[0])).attr("cy",i=>l(i[1])).attr("r",10).attr("fill","transparent").style("cursor","pointer").on("mouseenter",function(i,x){var Z;const[k,$]=x,Y=(Z=D.current)==null?void 0:Z.getBoundingClientRect();Y&&C({habit:a,date:k.toISOString().split("T")[0],value:$,x:m(k)+y.left+Y.left,y:l($)+y.top+Y.top}),z(o.node()).selectAll(`.circle-${a}-${s.indexOf(k)}`).attr("r",6)}).on("mouseleave",function(i,x){C(null),z(o.node()).selectAll('[class*="circle-'+a+'"]').attr("r",4)}).on("click",function(i,x){const[k,$]=x;W&&W(a,k.toISOString().split("T")[0],$)}),o.selectAll(`.circle-${a}`).data(d).enter().append("circle").attr("class",(i,x)=>`${t.dataPoint} circle-${a}-${x}`).attr("cx",i=>m(i[0])).attr("cy",i=>l(i[1])).attr("r",4).attr("fill",j(a)).attr("opacity",S&&S!==a?.3:1).style("pointer-events","none")});const p=a=>{const d=new Date(a);d.setHours(0,0,0,0),d.setDate(d.getDate()+3-(d.getDay()+6)%7);const i=new Date(d.getFullYear(),0,4);return 1+Math.round(((d.getTime()-i.getTime())/864e5-3+(i.getDay()+6)%7)/7)},L=(()=>{switch(g){case"daily":return Q("%Y-%m-%d");case"weekly":return a=>{const d=p(a);return`${a.getFullYear()}-W${d.toString().padStart(2,"0")}`};case"monthly":return Q("%Y-%m");case"quarterly":return a=>{const d=Math.floor(a.getMonth()/3)+1;return`${a.getFullYear()}-Q${d}`};default:return Q("%Y-%m-%d")}})(),J=(()=>{switch(g){case"daily":return Math.min(10,f.dates.length);case"weekly":return Math.min(12,f.dates.length);case"monthly":return Math.min(12,f.dates.length);case"quarterly":return f.dates.length;default:return}})(),O=ke(m).tickFormat(a=>L(a));g==="quarterly"?O.tickValues(s):J&&O.ticks(J);const xe=o.append("g").attr("class",t.xAxis).attr("transform",`translate(0,${R})`).call(O);(g==="daily"||g==="weekly")&&xe.selectAll("text").style("text-anchor","end").attr("dx","-.8em").attr("dy",".15em").attr("transform","rotate(-45)"),o.append("g").attr("class",t.yAxis).call(De(l))},[f,E,B,R,y,S,W,j,v,g,_]);const ve=(e,o)=>{const s=new Date(e);switch(o){case"daily":return s.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"});case"weekly":return new Date(s).setDate(s.getDate()+6),`Week of ${s.toLocaleDateString("en-US",{month:"short",day:"numeric"})}`;case"monthly":return s.toLocaleDateString("en-US",{month:"long",year:"numeric"});case"quarterly":return`Q${Math.floor(s.getMonth()/3)+1} ${s.getFullYear()}`;default:return e}},H={daily:{icon:"📅",label:"Daily"},weekly:{icon:"📆",label:"Weekly"},monthly:{icon:"🗓️",label:"Monthly"},quarterly:{icon:"📊",label:"Quarterly"}},we=g!=="daily";return r.jsxs("div",{className:t.container,children:[!me&&r.jsxs("div",{className:t.controls,children:[r.jsx("div",{className:t.viewToggle,children:fe.map(e=>r.jsxs("button",{className:`${t.viewButton} ${g===e?t.active:""}`,onClick:()=>ye(e),title:H[e].label,children:[r.jsx("span",{className:t.viewIcon,children:H[e].icon}),r.jsx("span",{className:t.viewLabel,children:H[e].label})]},e))}),we&&r.jsxs("div",{className:t.aggregationToggle,children:[r.jsxs("button",{className:`${t.aggregationButton} ${q==="average"?t.active:""}`,onClick:()=>X("average"),title:"Show average values for each period",children:[r.jsx("span",{className:t.aggregationIcon,children:"📊"}),r.jsx("span",{className:t.aggregationLabel,children:"Average"})]}),r.jsxs("button",{className:`${t.aggregationButton} ${q==="sum"?t.active:""}`,onClick:()=>X("sum"),title:"Show total values for each period",children:[r.jsx("span",{className:t.aggregationIcon,children:"➕"}),r.jsx("span",{className:t.aggregationLabel,children:"Sum"})]})]})]}),r.jsx("div",{className:`${t.legend}${pe?` ${t.compactLegend}`:""}`,children:T.map(e=>r.jsxs("button",{className:`${t.legendItem} ${E.includes(e)?"":t.inactive}`,onClick:()=>_e(e),onMouseEnter:()=>K(e),onMouseLeave:()=>K(null),children:[r.jsx("span",{className:t.legendEmoji,children:P[e]||"📊"}),r.jsx("span",{className:t.legendColor,style:{backgroundColor:j(e)}}),r.jsx("span",{className:t.legendLabel,children:e})]},e))}),r.jsx("svg",{ref:D,width:_,height:v,className:t.chart}),h&&r.jsxs("div",{ref:he,className:`${t.tooltip} ${h?t.visible:""}`,style:{left:`${h.x}px`,top:`${h.y-80}px`},children:[r.jsxs("div",{className:t.tooltipHeader,children:[r.jsx("span",{className:t.tooltipEmoji,children:P[h.habit]||"📊"}),r.jsx("span",{className:t.tooltipDot,style:{backgroundColor:j(h.habit)}}),r.jsx("span",{children:h.habit})]}),r.jsxs("div",{className:t.tooltipInfo,children:[r.jsx("div",{className:t.tooltipDate,children:ve(h.date,g)}),r.jsxs("div",{className:t.tooltipValue,children:[r.jsx("strong",{children:Math.round(h.value*10)/10}),r.jsx("span",{style:{fontSize:"12px",fontWeight:"normal",opacity:.6},children:"units"})]})]})]})]})};ge.__docgenInfo={description:"",methods:[],displayName:"QuantifiableHabitsChart",props:{data:{required:!0,tsType:{name:"ChartData"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}},defaultViewType:{required:!1,tsType:{name:"union",raw:"'daily' | 'weekly' | 'monthly' | 'quarterly'",elements:[{name:"literal",value:"'daily'"},{name:"literal",value:"'weekly'"},{name:"literal",value:"'monthly'"},{name:"literal",value:"'quarterly'"}]},description:"",defaultValue:{value:"'daily'",computed:!1}},periodType:{required:!1,tsType:{name:"union",raw:"'week' | 'month' | 'quarter' | 'year' | 'allTime'",elements:[{name:"literal",value:"'week'"},{name:"literal",value:"'month'"},{name:"literal",value:"'quarter'"},{name:"literal",value:"'year'"},{name:"literal",value:"'allTime'"}]},description:"",defaultValue:{value:"'month'",computed:!1}},habitColors:{required:!1,tsType:{name:"signature",type:"object",raw:"{ [key: string]: string }",signature:{properties:[{key:{name:"string"},value:{name:"string",required:!0}}]}},description:"",defaultValue:{value:"{}",computed:!1}},habitEmojis:{required:!1,tsType:{name:"signature",type:"object",raw:"{ [key: string]: string }",signature:{properties:[{key:{name:"string"},value:{name:"string",required:!0}}]}},description:"",defaultValue:{value:"{}",computed:!1}},onDataPointClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(habit: string, date: string, value: number) => void",signature:{arguments:[{type:{name:"string"},name:"habit"},{type:{name:"string"},name:"date"},{type:{name:"number"},name:"value"}],return:{name:"void"}}},description:""},hideControls:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},compactLegend:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};const ft={title:"Organisms/Charts/QuantifiableHabitsChart",component:ge,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:1200,step:50}},height:{control:{type:"number",min:200,max:600,step:50}},defaultViewType:{control:{type:"select"},options:["daily","weekly","monthly","quarterly"]},periodType:{control:{type:"select"},options:["week","month","quarter","year","allTime"]}}},F=n=>{const _=[],v=new Date;for(let M=n-1;M>=0;M--){const b=new Date(v);b.setDate(b.getDate()-M),_.push(b.toISOString().split("T")[0])}return _},N={args:{data:(()=>{const n=F(30);return{dates:n,Exercise:n.map(()=>Math.floor(Math.random()*60)+20),Reading:n.map(()=>Math.floor(Math.random()*120)+30),Water:n.map(()=>Math.floor(Math.random()*8)+2),Steps:n.map(()=>Math.floor(Math.random()*15e3)+5e3)}})(),width:900,height:400,defaultViewType:"daily",periodType:"month",habitColors:{Exercise:"#10b981",Reading:"#8b5cf6",Water:"#3b82f6",Steps:"#f59e0b"},habitEmojis:{Exercise:"🏃",Reading:"📚",Water:"💧",Steps:"👟"}}},A={args:{data:(()=>{const n=F(90);return{dates:n,Meditation:n.map(()=>Math.floor(Math.random()*30)+10),Study:n.map(()=>Math.floor(Math.random()*180)+60),Sleep:n.map(()=>Math.floor(Math.random()*3)+6)}})(),width:900,height:400,defaultViewType:"weekly",periodType:"quarter",habitColors:{Meditation:"#a78bfa",Study:"#34d399",Sleep:"#60a5fa"},habitEmojis:{Meditation:"🧘",Study:"📖",Sleep:"😴"}}},V={args:{data:(()=>{const n=F(365);return{dates:n,Coding:n.map(()=>Math.floor(Math.random()*240)+120),Exercise:n.map(()=>Math.floor(Math.random()*90)+30),Learning:n.map(()=>Math.floor(Math.random()*120)+60),Socializing:n.map(()=>Math.floor(Math.random()*180)+60)}})(),width:1e3,height:450,defaultViewType:"monthly",periodType:"year",habitColors:{Coding:"#7c3aed",Exercise:"#10b981",Learning:"#f59e0b",Socializing:"#ec4899"},habitEmojis:{Coding:"💻",Exercise:"💪",Learning:"🎓",Socializing:"👥"}}},I={args:{data:(()=>{const n=F(30);return{dates:n,Weight:n.map((_,v)=>70+Math.sin(v/5)*2+Math.random())}})(),width:800,height:300,defaultViewType:"daily",periodType:"month",habitColors:{Weight:"#3b82f6"},habitEmojis:{Weight:"⚖️"}}};var ee,te,ae;N.parameters={...N.parameters,docs:{...(ee=N.parameters)==null?void 0:ee.docs,source:{originalSource:`{
|
|
1
|
+
import{r as u,j as r}from"./iframe-BVoBDGkl.js";import{s as z}from"./transform-BKmuZieF.js";import{t as be,e as Me,l as Se,m as Te}from"./monotone-DHdPkfDP.js";import{l as je}from"./linear-dkJHgUri.js";import{t as Q}from"./defaultLocale-DJ2q5QjE.js";import{a as ke,b as De}from"./axis-D3QohQNI.js";import"./preload-helper-C1FmrZbK.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";const Ee="_container_2763s_1",Ce="_controls_2763s_10",qe="_viewToggle_2763s_18",Le="_viewButton_2763s_27",$e="_active_2763s_48",Ne="_viewIcon_2763s_54",Ae="_viewLabel_2763s_59",Ve="_aggregationToggle_2763s_69",Ie="_aggregationButton_2763s_78",Fe="_aggregationIcon_2763s_105",We="_aggregationLabel_2763s_110",Be="_legend_2763s_120",Re="_compactLegend_2763s_132",He="_legendItem_2763s_137",Oe="_legendEmoji_2763s_142",Ye="_legendLabel_2763s_146",ze="_inactive_2763s_187",Qe="_legendColor_2763s_196",Ue="_chart_2763s_233",Pe="_gridLine_2763s_238",Ge="_line_2763s_244",Ke="_xAxis_2763s_251",Xe="_yAxis_2763s_252",Je="_dataPoint_2763s_271",Ze="_tooltip_2763s_281",et="_visible_2763s_302",tt="_tooltipHeader_2763s_307",at="_tooltipEmoji_2763s_318",nt="_tooltipDot_2763s_323",rt="_tooltipInfo_2763s_330",ot="_tooltipDate_2763s_336",st="_tooltipValue_2763s_342",t={container:Ee,controls:Ce,viewToggle:qe,viewButton:Le,active:$e,viewIcon:Ne,viewLabel:Ae,aggregationToggle:Ve,aggregationButton:Ie,aggregationIcon:Fe,aggregationLabel:We,legend:Be,compactLegend:Re,legendItem:He,legendEmoji:Oe,legendLabel:Ye,inactive:ze,legendColor:Qe,chart:Ue,gridLine:Pe,line:Ge,xAxis:Ke,yAxis:Xe,dataPoint:Je,tooltip:Ze,visible:et,tooltipHeader:tt,tooltipEmoji:at,tooltipDot:nt,tooltipInfo:rt,tooltipDate:ot,tooltipValue:st},lt={Exercise:"#6BCB77",Meditation:"#4D96FF",Reading:"#FFB319",Water:"#00D9FF",Steps:"#FF6B6B",Sleep:"#9B59B6",Calories:"#FF9F1C",Study:"#C774E8"},ge=({data:n,width:_=800,height:v=400,defaultViewType:M="daily",periodType:b="month",habitColors:U={},habitEmojis:P={},onDataPointClick:W,hideControls:me=!1,compactLegend:pe=!1})=>{const D=u.useRef(null),he=u.useRef(null),[g,ye]=u.useState(M),[E,G]=u.useState([]),[S,K]=u.useState(null),[h,C]=u.useState(null),[q,X]=u.useState("average"),y=u.useMemo(()=>({top:20,right:20,bottom:50,left:50}),[]),B=_-y.left-y.right,R=v-y.top-y.bottom,T=u.useMemo(()=>Object.keys(n).filter(e=>e!=="dates"),[n]);u.useEffect(()=>{G(T)},[T]),u.useEffect(()=>{const e=()=>{C(null)};return window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("scroll",e,!0)}},[]);const fe=u.useMemo(()=>{switch(b){case"week":return["daily"];case"month":return["daily","weekly"];case"quarter":return["weekly","monthly"];case"year":return["daily","weekly","monthly","quarterly"];case"allTime":return["monthly","quarterly"];default:return["daily"]}},[b]),j=u.useCallback(e=>U[e]||lt[e]||`hsl(${Math.abs(e.split("").reduce((o,s)=>o+s.charCodeAt(0),0))%360}, 70%, 50%)`,[U]),f=u.useMemo(()=>{if(g==="daily"||!n.dates.length)return n;const e={dates:[]},o=new Map;return n.dates.forEach((s,m)=>{const w=new Date(s);let l;switch(g){case"weekly":{const c=new Date(w),p=c.getDay(),L=c.getDate()-p+(p===0?-6:1);c.setDate(L),l=c.toISOString().split("T")[0];break}case"monthly":l=`${w.getFullYear()}-${String(w.getMonth()+1).padStart(2,"0")}-01`;break;case"quarterly":{const p=(Math.floor(w.getMonth()/3)+1-1)*3;l=new Date(w.getFullYear(),p,1).toISOString().split("T")[0];break}default:l=s}o.has(l)||o.set(l,[]),o.get(l).push(m)}),e.dates=Array.from(o.keys()).sort(),T.forEach(s=>{e[s]=e.dates.map(m=>{const l=o.get(m).map(c=>n[s][c]).filter(c=>typeof c=="number"&&!isNaN(c));return l.length===0?0:Math.round(q==="sum"?l.reduce((c,p)=>c+p,0):l.reduce((c,p)=>c+p,0)/l.length)})}),e},[n,g,T,q]),_e=e=>{G(o=>o.includes(e)?o.filter(s=>s!==e):[...o,e])};u.useEffect(()=>{if(!D.current||f.dates.length===0)return;const e=z(D.current);e.selectAll("*").remove(),e.append("rect").attr("width",_).attr("height",v).attr("fill","transparent").style("pointer-events","all").on("mouseleave",()=>{C(null)});const o=e.append("g").attr("transform",`translate(${y.left},${y.top})`),s=f.dates.map(a=>new Date(a)),m=be().domain(Me(s)).range([0,B]),w=Math.max(...E.flatMap(a=>f[a].filter(d=>typeof d=="number"))),l=je().domain([0,w*1.1]).range([R,0]);o.selectAll(".grid-line-y").data(l.ticks(5)).enter().append("line").attr("class",t.gridLine).attr("x1",0).attr("y1",a=>l(a)).attr("x2",B).attr("y2",a=>l(a));const c=Se().x(a=>m(a[0])).y(a=>l(a[1])).curve(Te);E.forEach(a=>{const d=s.map((i,x)=>[i,f[a][x]]).filter(i=>typeof i[1]=="number");o.append("path").datum(d).attr("class",t.line).attr("d",c).attr("stroke",j(a)).attr("opacity",S&&S!==a?.3:1),o.selectAll(`.hover-circle-${a}`).data(d).enter().append("circle").attr("cx",i=>m(i[0])).attr("cy",i=>l(i[1])).attr("r",10).attr("fill","transparent").style("cursor","pointer").on("mouseenter",function(i,x){var Z;const[k,$]=x,Y=(Z=D.current)==null?void 0:Z.getBoundingClientRect();Y&&C({habit:a,date:k.toISOString().split("T")[0],value:$,x:m(k)+y.left+Y.left,y:l($)+y.top+Y.top}),z(o.node()).selectAll(`.circle-${a}-${s.indexOf(k)}`).attr("r",6)}).on("mouseleave",function(i,x){C(null),z(o.node()).selectAll('[class*="circle-'+a+'"]').attr("r",4)}).on("click",function(i,x){const[k,$]=x;W&&W(a,k.toISOString().split("T")[0],$)}),o.selectAll(`.circle-${a}`).data(d).enter().append("circle").attr("class",(i,x)=>`${t.dataPoint} circle-${a}-${x}`).attr("cx",i=>m(i[0])).attr("cy",i=>l(i[1])).attr("r",4).attr("fill",j(a)).attr("opacity",S&&S!==a?.3:1).style("pointer-events","none")});const p=a=>{const d=new Date(a);d.setHours(0,0,0,0),d.setDate(d.getDate()+3-(d.getDay()+6)%7);const i=new Date(d.getFullYear(),0,4);return 1+Math.round(((d.getTime()-i.getTime())/864e5-3+(i.getDay()+6)%7)/7)},L=(()=>{switch(g){case"daily":return Q("%Y-%m-%d");case"weekly":return a=>{const d=p(a);return`${a.getFullYear()}-W${d.toString().padStart(2,"0")}`};case"monthly":return Q("%Y-%m");case"quarterly":return a=>{const d=Math.floor(a.getMonth()/3)+1;return`${a.getFullYear()}-Q${d}`};default:return Q("%Y-%m-%d")}})(),J=(()=>{switch(g){case"daily":return Math.min(10,f.dates.length);case"weekly":return Math.min(12,f.dates.length);case"monthly":return Math.min(12,f.dates.length);case"quarterly":return f.dates.length;default:return}})(),O=ke(m).tickFormat(a=>L(a));g==="quarterly"?O.tickValues(s):J&&O.ticks(J);const xe=o.append("g").attr("class",t.xAxis).attr("transform",`translate(0,${R})`).call(O);(g==="daily"||g==="weekly")&&xe.selectAll("text").style("text-anchor","end").attr("dx","-.8em").attr("dy",".15em").attr("transform","rotate(-45)"),o.append("g").attr("class",t.yAxis).call(De(l))},[f,E,B,R,y,S,W,j,v,g,_]);const ve=(e,o)=>{const s=new Date(e);switch(o){case"daily":return s.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"});case"weekly":return new Date(s).setDate(s.getDate()+6),`Week of ${s.toLocaleDateString("en-US",{month:"short",day:"numeric"})}`;case"monthly":return s.toLocaleDateString("en-US",{month:"long",year:"numeric"});case"quarterly":return`Q${Math.floor(s.getMonth()/3)+1} ${s.getFullYear()}`;default:return e}},H={daily:{icon:"📅",label:"Daily"},weekly:{icon:"📆",label:"Weekly"},monthly:{icon:"🗓️",label:"Monthly"},quarterly:{icon:"📊",label:"Quarterly"}},we=g!=="daily";return r.jsxs("div",{className:t.container,children:[!me&&r.jsxs("div",{className:t.controls,children:[r.jsx("div",{className:t.viewToggle,children:fe.map(e=>r.jsxs("button",{className:`${t.viewButton} ${g===e?t.active:""}`,onClick:()=>ye(e),title:H[e].label,children:[r.jsx("span",{className:t.viewIcon,children:H[e].icon}),r.jsx("span",{className:t.viewLabel,children:H[e].label})]},e))}),we&&r.jsxs("div",{className:t.aggregationToggle,children:[r.jsxs("button",{className:`${t.aggregationButton} ${q==="average"?t.active:""}`,onClick:()=>X("average"),title:"Show average values for each period",children:[r.jsx("span",{className:t.aggregationIcon,children:"📊"}),r.jsx("span",{className:t.aggregationLabel,children:"Average"})]}),r.jsxs("button",{className:`${t.aggregationButton} ${q==="sum"?t.active:""}`,onClick:()=>X("sum"),title:"Show total values for each period",children:[r.jsx("span",{className:t.aggregationIcon,children:"➕"}),r.jsx("span",{className:t.aggregationLabel,children:"Sum"})]})]})]}),r.jsx("div",{className:`${t.legend}${pe?` ${t.compactLegend}`:""}`,children:T.map(e=>r.jsxs("button",{className:`${t.legendItem} ${E.includes(e)?"":t.inactive}`,onClick:()=>_e(e),onMouseEnter:()=>K(e),onMouseLeave:()=>K(null),children:[r.jsx("span",{className:t.legendEmoji,children:P[e]||"📊"}),r.jsx("span",{className:t.legendColor,style:{backgroundColor:j(e)}}),r.jsx("span",{className:t.legendLabel,children:e})]},e))}),r.jsx("svg",{ref:D,width:_,height:v,className:t.chart}),h&&r.jsxs("div",{ref:he,className:`${t.tooltip} ${h?t.visible:""}`,style:{left:`${h.x}px`,top:`${h.y-80}px`},children:[r.jsxs("div",{className:t.tooltipHeader,children:[r.jsx("span",{className:t.tooltipEmoji,children:P[h.habit]||"📊"}),r.jsx("span",{className:t.tooltipDot,style:{backgroundColor:j(h.habit)}}),r.jsx("span",{children:h.habit})]}),r.jsxs("div",{className:t.tooltipInfo,children:[r.jsx("div",{className:t.tooltipDate,children:ve(h.date,g)}),r.jsxs("div",{className:t.tooltipValue,children:[r.jsx("strong",{children:Math.round(h.value*10)/10}),r.jsx("span",{style:{fontSize:"12px",fontWeight:"normal",opacity:.6},children:"units"})]})]})]})]})};ge.__docgenInfo={description:"",methods:[],displayName:"QuantifiableHabitsChart",props:{data:{required:!0,tsType:{name:"ChartData"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}},defaultViewType:{required:!1,tsType:{name:"union",raw:"'daily' | 'weekly' | 'monthly' | 'quarterly'",elements:[{name:"literal",value:"'daily'"},{name:"literal",value:"'weekly'"},{name:"literal",value:"'monthly'"},{name:"literal",value:"'quarterly'"}]},description:"",defaultValue:{value:"'daily'",computed:!1}},periodType:{required:!1,tsType:{name:"union",raw:"'week' | 'month' | 'quarter' | 'year' | 'allTime'",elements:[{name:"literal",value:"'week'"},{name:"literal",value:"'month'"},{name:"literal",value:"'quarter'"},{name:"literal",value:"'year'"},{name:"literal",value:"'allTime'"}]},description:"",defaultValue:{value:"'month'",computed:!1}},habitColors:{required:!1,tsType:{name:"signature",type:"object",raw:"{ [key: string]: string }",signature:{properties:[{key:{name:"string"},value:{name:"string",required:!0}}]}},description:"",defaultValue:{value:"{}",computed:!1}},habitEmojis:{required:!1,tsType:{name:"signature",type:"object",raw:"{ [key: string]: string }",signature:{properties:[{key:{name:"string"},value:{name:"string",required:!0}}]}},description:"",defaultValue:{value:"{}",computed:!1}},onDataPointClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(habit: string, date: string, value: number) => void",signature:{arguments:[{type:{name:"string"},name:"habit"},{type:{name:"string"},name:"date"},{type:{name:"number"},name:"value"}],return:{name:"void"}}},description:""},hideControls:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},compactLegend:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};const ft={title:"Organisms/Charts/QuantifiableHabitsChart",component:ge,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:1200,step:50}},height:{control:{type:"number",min:200,max:600,step:50}},defaultViewType:{control:{type:"select"},options:["daily","weekly","monthly","quarterly"]},periodType:{control:{type:"select"},options:["week","month","quarter","year","allTime"]}}},F=n=>{const _=[],v=new Date;for(let M=n-1;M>=0;M--){const b=new Date(v);b.setDate(b.getDate()-M),_.push(b.toISOString().split("T")[0])}return _},N={args:{data:(()=>{const n=F(30);return{dates:n,Exercise:n.map(()=>Math.floor(Math.random()*60)+20),Reading:n.map(()=>Math.floor(Math.random()*120)+30),Water:n.map(()=>Math.floor(Math.random()*8)+2),Steps:n.map(()=>Math.floor(Math.random()*15e3)+5e3)}})(),width:900,height:400,defaultViewType:"daily",periodType:"month",habitColors:{Exercise:"#10b981",Reading:"#8b5cf6",Water:"#3b82f6",Steps:"#f59e0b"},habitEmojis:{Exercise:"🏃",Reading:"📚",Water:"💧",Steps:"👟"}}},A={args:{data:(()=>{const n=F(90);return{dates:n,Meditation:n.map(()=>Math.floor(Math.random()*30)+10),Study:n.map(()=>Math.floor(Math.random()*180)+60),Sleep:n.map(()=>Math.floor(Math.random()*3)+6)}})(),width:900,height:400,defaultViewType:"weekly",periodType:"quarter",habitColors:{Meditation:"#a78bfa",Study:"#34d399",Sleep:"#60a5fa"},habitEmojis:{Meditation:"🧘",Study:"📖",Sleep:"😴"}}},V={args:{data:(()=>{const n=F(365);return{dates:n,Coding:n.map(()=>Math.floor(Math.random()*240)+120),Exercise:n.map(()=>Math.floor(Math.random()*90)+30),Learning:n.map(()=>Math.floor(Math.random()*120)+60),Socializing:n.map(()=>Math.floor(Math.random()*180)+60)}})(),width:1e3,height:450,defaultViewType:"monthly",periodType:"year",habitColors:{Coding:"#7c3aed",Exercise:"#10b981",Learning:"#f59e0b",Socializing:"#ec4899"},habitEmojis:{Coding:"💻",Exercise:"💪",Learning:"🎓",Socializing:"👥"}}},I={args:{data:(()=>{const n=F(30);return{dates:n,Weight:n.map((_,v)=>70+Math.sin(v/5)*2+Math.random())}})(),width:800,height:300,defaultViewType:"daily",periodType:"month",habitColors:{Weight:"#3b82f6"},habitEmojis:{Weight:"⚖️"}}};var ee,te,ae;N.parameters={...N.parameters,docs:{...(ee=N.parameters)==null?void 0:ee.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
data: (() => {
|
|
4
4
|
const dates = generateDateRange(30);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as y,j as W}from"./iframe-
|
|
1
|
+
import{r as y,j as W}from"./iframe-BVoBDGkl.js";import{R as D,P as G,M as U}from"./Mesh-CwXV3WjE.js";import{T as z}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const j={"radar-container":"_radar-container_51ksp_1"};function L(n){const o=n.replace("#","");return[parseInt(o.slice(0,2),16)/255,parseInt(o.slice(2,4),16)/255,parseInt(o.slice(4,6),16)/255]}const N=`
|
|
2
2
|
attribute vec2 uv;
|
|
3
3
|
attribute vec2 position;
|
|
4
4
|
varying vec2 vUv;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as D,j as X}from"./iframe-
|
|
1
|
+
import{r as D,j as X}from"./iframe-BVoBDGkl.js";import{G as Y,P as $,M as J,V as m,R as K,T as Q}from"./Mesh-CwXV3WjE.js";import{V as Z}from"./Vec2-Cf1C3GIc.js";import{C as j}from"./Color-YRkaOI4u.js";import"./preload-helper-C1FmrZbK.js";const v=new m;class ee{constructor(o,{points:t,vertex:w=te,fragment:E=oe,uniforms:r={},attributes:R={}}){this.gl=o,this.points=t,this.count=t.length,this.position=new Float32Array(this.count*3*2),this.prev=new Float32Array(this.count*3*2),this.next=new Float32Array(this.count*3*2);const h=new Float32Array(this.count*1*2),y=new Float32Array(this.count*2*2),p=new Uint16Array((this.count-1)*3*2);for(let l=0;l<this.count;l++){h.set([-1,1],l*2);const n=l/(this.count-1);if(y.set([0,n,1,n],l*4),l===this.count-1)continue;const s=l*2;p.set([s+0,s+1,s+2],(s+0)*3),p.set([s+2,s+1,s+3],(s+1)*3)}const A=this.geometry=new Y(o,Object.assign(R,{position:{size:3,data:this.position},prev:{size:3,data:this.prev},next:{size:3,data:this.next},side:{size:1,data:h},uv:{size:2,data:y},index:{size:1,data:p}}));this.updateGeometry(),r.uResolution||(this.resolution=r.uResolution={value:new Z}),r.uDPR||(this.dpr=r.uDPR={value:1}),r.uThickness||(this.thickness=r.uThickness={value:1}),r.uColor||(this.color=r.uColor={value:new j("#000")}),r.uMiter||(this.miter=r.uMiter={value:1}),this.resize();const u=this.program=new $(o,{vertex:w,fragment:E,uniforms:r});this.mesh=new J(o,{geometry:A,program:u})}updateGeometry(){this.points.forEach((o,t)=>{o.toArray(this.position,t*3*2),o.toArray(this.position,t*3*2+3),t?(o.toArray(this.next,(t-1)*3*2),o.toArray(this.next,(t-1)*3*2+3)):(v.copy(o).sub(this.points[t+1]).add(o),v.toArray(this.prev,t*3*2),v.toArray(this.prev,t*3*2+3)),t===this.points.length-1?(v.copy(o).sub(this.points[t-1]).add(o),v.toArray(this.next,t*3*2),v.toArray(this.next,t*3*2+3)):(o.toArray(this.prev,(t+1)*3*2),o.toArray(this.prev,(t+1)*3*2+3))}),this.geometry.attributes.position.needsUpdate=!0,this.geometry.attributes.prev.needsUpdate=!0,this.geometry.attributes.next.needsUpdate=!0}resize(){this.resolution&&this.resolution.value.set(this.gl.canvas.width,this.gl.canvas.height),this.dpr&&(this.dpr.value=this.gl.renderer.dpr)}}const te=`
|
|
2
2
|
precision highp float;
|
|
3
3
|
|
|
4
4
|
attribute vec3 position;
|
package/storybook-static/assets/{RippleGrid.stories-hdUoMUQU.js → RippleGrid.stories-CLkgzs8T.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as u,j as N}from"./iframe-
|
|
1
|
+
import{r as u,j as N}from"./iframe-BVoBDGkl.js";import{R as G,P as j,M as H}from"./Mesh-CwXV3WjE.js";import{T as $}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const O={"ripple-grid-container":"_ripple-grid-container_1783h_1"},P=({enableRainbow:d=!1,gridColor:v="#ffffff",rippleIntensity:m=.05,gridSize:p=10,gridThickness:g=15,fadeDistance:h=1.5,vignetteStrength:R=2,glowIntensity:y=.1,opacity:x=1,gridRotation:I=0,mouseInteraction:i=!0,mouseInteractionRadius:w=1})=>{const r=u.useRef(null),l=u.useRef({x:.5,y:.5}),T=u.useRef({x:.5,y:.5}),b=u.useRef(0),n=u.useRef(null);return u.useEffect(()=>{if(!r.current)return;const E=o=>{const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(o);return t?[parseInt(t[1],16)/255,parseInt(t[2],16)/255,parseInt(t[3],16)/255]:[1,1,1]},c=new G({dpr:Math.min(window.devicePixelRatio,2),alpha:!0}),e=c.gl;e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA),e.canvas.style.width="100%",e.canvas.style.height="100%",r.current.appendChild(e.canvas);const z=`
|
|
2
2
|
attribute vec2 position;
|
|
3
3
|
varying vec2 vUv;
|
|
4
4
|
void main() {
|