@stfrigerio/sito-template 0.1.36 → 0.1.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/__tests__/setup.d.ts +2 -0
- package/dist/__tests__/setup.d.ts.map +1 -0
- package/dist/components/atoms/AllAtoms.stories.d.ts +1 -1
- package/dist/components/atoms/AllAtoms.stories.d.ts.map +1 -1
- package/dist/components/atoms/Button/Button.stories.d.ts +2 -14
- package/dist/components/atoms/Button/Button.stories.d.ts.map +1 -1
- package/dist/components/atoms/Card/Card.stories.d.ts +4 -23
- package/dist/components/atoms/Card/Card.stories.d.ts.map +1 -1
- package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts +1 -1
- package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts.map +1 -1
- package/dist/components/atoms/DateInput/DateInput.d.ts +1 -1
- package/dist/components/atoms/DateInput/DateInput.d.ts.map +1 -1
- package/dist/components/atoms/DateInput/DateInput.stories.d.ts +1 -1
- package/dist/components/atoms/DateInput/DateInput.stories.d.ts.map +1 -1
- package/dist/components/atoms/DecryptedText/DecryptedText.d.ts +50 -0
- package/dist/components/atoms/DecryptedText/DecryptedText.d.ts.map +1 -0
- package/dist/components/atoms/DecryptedText/index.d.ts +3 -0
- package/dist/components/atoms/DecryptedText/index.d.ts.map +1 -0
- package/dist/components/atoms/LoadingSpinner/LoadingSpinner.d.ts.map +1 -1
- package/dist/components/atoms/LoadingSpinner/LoadingSpinner.stories.d.ts +1 -1
- package/dist/components/atoms/LoadingSpinner/LoadingSpinner.stories.d.ts.map +1 -1
- package/dist/components/atoms/NumberStepper/NumberStepper.d.ts.map +1 -1
- package/dist/components/atoms/NumberStepper/NumberStepper.stories.d.ts +1 -1
- package/dist/components/atoms/NumberStepper/NumberStepper.stories.d.ts.map +1 -1
- package/dist/components/atoms/SearchableDropdown/SearchableDropdown.stories.d.ts +1 -1
- package/dist/components/atoms/SearchableDropdown/SearchableDropdown.stories.d.ts.map +1 -1
- package/dist/components/atoms/SelectInput/SelectInput.d.ts +4 -2
- package/dist/components/atoms/SelectInput/SelectInput.d.ts.map +1 -1
- package/dist/components/atoms/Slider/Slider.stories.d.ts +2 -10
- package/dist/components/atoms/Slider/Slider.stories.d.ts.map +1 -1
- package/dist/components/atoms/SoundDemo/SoundDemo.d.ts +11 -0
- package/dist/components/atoms/SoundDemo/SoundDemo.d.ts.map +1 -0
- package/dist/components/atoms/SoundDemo/SoundDemo.stories.d.ts +1 -1
- package/dist/components/atoms/SoundDemo/SoundDemo.stories.d.ts.map +1 -1
- package/dist/components/atoms/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/atoms/TextArea/TextArea.stories.d.ts +1 -1
- package/dist/components/atoms/TextArea/TextArea.stories.d.ts.map +1 -1
- package/dist/components/atoms/TextInput/TextInput.d.ts +1 -1
- package/dist/components/atoms/TextInput/TextInput.d.ts.map +1 -1
- package/dist/components/atoms/TextInput/TextInput.stories.d.ts +1 -4
- package/dist/components/atoms/TextInput/TextInput.stories.d.ts.map +1 -1
- package/dist/components/atoms/Toggle/Toggle.d.ts +5 -4
- package/dist/components/atoms/Toggle/Toggle.d.ts.map +1 -1
- package/dist/components/atoms/Toggle/Toggle.stories.d.ts +1 -1
- package/dist/components/atoms/Toggle/Toggle.stories.d.ts.map +1 -1
- package/dist/components/atoms/ToggleButton/ToggleButton.stories.d.ts +1 -1
- package/dist/components/atoms/ToggleButton/ToggleButton.stories.d.ts.map +1 -1
- package/dist/components/atoms/index.d.ts +2 -0
- package/dist/components/atoms/index.d.ts.map +1 -1
- package/dist/components/molecules/ArrayInput/ArrayInput.d.ts +3 -3
- package/dist/components/molecules/ArrayInput/ArrayInput.d.ts.map +1 -1
- package/dist/components/molecules/ArrayInput/ArrayInput.stories.d.ts +1 -1
- package/dist/components/molecules/ArrayInput/ArrayInput.stories.d.ts.map +1 -1
- package/dist/components/molecules/Breadcrumb/Breadcrumb.d.ts +28 -0
- package/dist/components/molecules/Breadcrumb/Breadcrumb.d.ts.map +1 -0
- package/dist/components/molecules/Breadcrumb/index.d.ts +3 -0
- package/dist/components/molecules/Breadcrumb/index.d.ts.map +1 -0
- package/dist/components/molecules/EditFAB/EditFAB.stories.d.ts +1 -1
- package/dist/components/molecules/EditFAB/EditFAB.stories.d.ts.map +1 -1
- package/dist/components/molecules/LiquidButton/LiquidButton.d.ts +33 -0
- package/dist/components/molecules/LiquidButton/LiquidButton.d.ts.map +1 -0
- package/dist/components/molecules/LiquidButton/index.d.ts +3 -0
- package/dist/components/molecules/LiquidButton/index.d.ts.map +1 -0
- package/dist/components/molecules/SearchBar/SearchBar.stories.d.ts +1 -1
- package/dist/components/molecules/SearchBar/SearchBar.stories.d.ts.map +1 -1
- package/dist/components/molecules/Tabs/Tabs.d.ts +1 -1
- package/dist/components/molecules/Tabs/Tabs.d.ts.map +1 -1
- package/dist/components/molecules/Tabs/Tabs.stories.d.ts +1 -1
- package/dist/components/molecules/Tabs/Tabs.stories.d.ts.map +1 -1
- package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.d.ts +4 -3
- package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.d.ts.map +1 -1
- package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.stories.d.ts +1 -1
- package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.stories.d.ts.map +1 -1
- package/dist/components/molecules/TimeInput/TimeInput.stories.d.ts +1 -1
- package/dist/components/molecules/TimeInput/TimeInput.stories.d.ts.map +1 -1
- package/dist/components/molecules/Toast/Toast.d.ts +16 -0
- package/dist/components/molecules/Toast/Toast.d.ts.map +1 -0
- package/dist/components/molecules/Toast/index.d.ts +3 -0
- package/dist/components/molecules/Toast/index.d.ts.map +1 -0
- package/dist/components/molecules/index.d.ts +6 -0
- package/dist/components/molecules/index.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/Calendar.d.ts +1 -1
- package/dist/components/organisms/Calendar/Calendar.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/Calendar.stories.d.ts +1 -1
- package/dist/components/organisms/Calendar/Calendar.stories.d.ts.map +1 -1
- package/dist/components/organisms/ConfirmationModal/ConfirmationModal.d.ts +30 -0
- package/dist/components/organisms/ConfirmationModal/ConfirmationModal.d.ts.map +1 -0
- package/dist/components/organisms/ConfirmationModal/index.d.ts +3 -0
- package/dist/components/organisms/ConfirmationModal/index.d.ts.map +1 -0
- package/dist/components/organisms/ImageSlideshow/ImageSlideshow.d.ts +1 -1
- package/dist/components/organisms/ImageSlideshow/ImageSlideshow.d.ts.map +1 -1
- package/dist/components/organisms/ImageSlideshow/ImageSlideshow.stories.d.ts +1 -6
- package/dist/components/organisms/ImageSlideshow/ImageSlideshow.stories.d.ts.map +1 -1
- package/dist/components/organisms/Navbar/Navbar.d.ts +3 -2
- package/dist/components/organisms/Navbar/Navbar.d.ts.map +1 -1
- package/dist/components/organisms/Navbar/Navbar.stories.d.ts +1 -1
- package/dist/components/organisms/Navbar/Navbar.stories.d.ts.map +1 -1
- package/dist/components/organisms/Table/Table.d.ts +6 -6
- package/dist/components/organisms/Table/Table.d.ts.map +1 -1
- package/dist/components/organisms/Table/Table.stories.d.ts +26 -14
- package/dist/components/organisms/Table/Table.stories.d.ts.map +1 -1
- package/dist/components/organisms/ThemeProvider/ThemeProvider.d.ts +3 -1
- package/dist/components/organisms/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.d.ts.map +1 -1
- package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.stories.d.ts +1 -1
- package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.stories.d.ts.map +1 -1
- package/dist/components/organisms/charts/MoodChart/MoodChart.stories.d.ts +1 -1
- package/dist/components/organisms/charts/MoodChart/MoodChart.stories.d.ts.map +1 -1
- package/dist/components/organisms/charts/PieChart/PieChart.d.ts.map +1 -1
- package/dist/components/organisms/charts/PieChart/PieChart.stories.d.ts +1 -1
- package/dist/components/organisms/charts/PieChart/PieChart.stories.d.ts.map +1 -1
- package/dist/components/organisms/charts/QuantifiableHabitsChart/QuantifiableHabitsChart.d.ts +2 -0
- package/dist/components/organisms/charts/QuantifiableHabitsChart/QuantifiableHabitsChart.d.ts.map +1 -1
- package/dist/components/organisms/charts/QuantifiableHabitsChart/QuantifiableHabitsChart.stories.d.ts +1 -1
- package/dist/components/organisms/charts/QuantifiableHabitsChart/QuantifiableHabitsChart.stories.d.ts.map +1 -1
- package/dist/components/organisms/charts/SleepChart/SleepChart.stories.d.ts +1 -1
- package/dist/components/organisms/charts/SleepChart/SleepChart.stories.d.ts.map +1 -1
- package/dist/components/organisms/charts/SunburstChart/SunburstChart.d.ts.map +1 -1
- package/dist/components/organisms/charts/SunburstChart/SunburstChart.stories.d.ts +1 -1
- package/dist/components/organisms/charts/SunburstChart/SunburstChart.stories.d.ts.map +1 -1
- package/dist/components/organisms/index.d.ts +3 -1
- package/dist/components/organisms/index.d.ts.map +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +791 -490
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +809 -502
- package/dist/index.js.map +1 -1
- package/dist/stories/utils.d.ts +2 -2
- package/dist/stories/utils.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/themes/default.css +47 -0
- package/dist/themes/dmood.css +46 -0
- package/dist/themes/globals.css +110 -0
- package/dist/themes/lossito.css +52 -0
- package/dist/tokens/tokens.css +79 -0
- package/dist/utils/formUtils.d.ts +0 -5
- package/dist/utils/formUtils.d.ts.map +1 -1
- package/package.json +32 -10
- package/storybook-static/addon-visual-tests-assets/visual-test-illustration.mp4 +0 -0
- package/storybook-static/assets/3d/bar.glb +0 -0
- package/storybook-static/assets/3d/cube.glb +0 -0
- package/storybook-static/assets/3d/lens.glb +0 -0
- package/storybook-static/assets/ASCIIText.stories-C2xDENP3.js +82 -0
- package/storybook-static/assets/AllAtoms.stories-B6sDWol9.js +109 -0
- package/storybook-static/assets/AnimatedContent.stories-BsmULV3s.js +18 -0
- package/storybook-static/assets/AnimatedList-B3_lNwJZ.css +1 -0
- package/storybook-static/assets/AnimatedList.stories-CpaOS5Tg.js +26 -0
- package/storybook-static/assets/Antigravity.stories-Bt6bMzsu.js +19 -0
- package/storybook-static/assets/ArrayInput-CkUpk1TR.css +1 -0
- package/storybook-static/assets/ArrayInput.stories-DWAGBtBK.js +232 -0
- package/storybook-static/assets/Aurora-JSo3CGBi.css +1 -0
- package/storybook-static/assets/Aurora.stories-D2saYiRk.js +97 -0
- package/storybook-static/assets/Beams-BaZopjLr.css +1 -0
- package/storybook-static/assets/Beams.stories-BnM_wPsm.js +122 -0
- package/storybook-static/assets/BlobCursor-sr9FxN5W.css +1 -0
- package/storybook-static/assets/BlobCursor.stories-DDxFJs49.js +24 -0
- package/storybook-static/assets/BlurText.stories-Bpt2Pxty.js +11 -0
- package/storybook-static/assets/BooleansHeatmap-BV4VTyo6.css +1 -0
- package/storybook-static/assets/BooleansHeatmap.stories-3npXygec.js +123 -0
- package/storybook-static/assets/BorderGlow-BkXv9hP6.css +1 -0
- package/storybook-static/assets/BorderGlow.stories-Ctdci-vM.js +15 -0
- package/storybook-static/assets/BubbleMenu-C856-Amm.css +1 -0
- package/storybook-static/assets/BubbleMenu.stories-D0BfU9Sn.js +57 -0
- package/storybook-static/assets/Button-Bkr9S309.js +37 -0
- package/storybook-static/assets/Button-O-w2-ag3.css +1 -0
- package/storybook-static/assets/Button.stories-9jnfGkHf.js +93 -0
- package/storybook-static/assets/Calendar-BSjjdOp3.css +1 -0
- package/storybook-static/assets/Calendar.stories-Bv76X2vb.js +470 -0
- package/storybook-static/assets/Camera-BM3HOhP6.js +1 -0
- package/storybook-static/assets/Card-BLzDBn78.js +49 -0
- package/storybook-static/assets/Card-BxyVZ-1r.css +1 -0
- package/storybook-static/assets/Card.stories-BbHJW4z7.js +127 -0
- package/storybook-static/assets/CardNav-DJBuAE3a.css +1 -0
- package/storybook-static/assets/CardNav.stories-0AGDiezF.js +55 -0
- package/storybook-static/assets/Carousel-DQYq51gd.css +1 -0
- package/storybook-static/assets/Carousel.stories-TJ2kpedN.js +58 -0
- package/storybook-static/assets/Checkbox-CpADrZij.js +33 -0
- package/storybook-static/assets/Checkbox-DMUHtq9s.css +1 -0
- package/storybook-static/assets/Checkbox.stories-RTwjfwnG.js +83 -0
- package/storybook-static/assets/ChromaGrid-DuVAYWII.css +1 -0
- package/storybook-static/assets/ChromaGrid.stories-BQ3E28Hi.js +59 -0
- package/storybook-static/assets/CircularGallery-Dw0kM5fT.css +1 -0
- package/storybook-static/assets/CircularGallery.stories-DJqMMKX-.js +95 -0
- package/storybook-static/assets/CircularText-DofQkQcn.css +1 -0
- package/storybook-static/assets/CircularText.stories-BFdO2vvu.js +7 -0
- package/storybook-static/assets/ClickSpark.stories-C9eRAhrL.js +12 -0
- package/storybook-static/assets/Color-AVL7NMMY-_tP8XmFH.js +1 -0
- package/storybook-static/assets/Color-YRkaOI4u.js +1 -0
- package/storybook-static/assets/ColorBends-BkbPScKk.css +1 -0
- package/storybook-static/assets/ColorBends.stories-BzjHvboa.js +103 -0
- package/storybook-static/assets/CountUp.stories-C4KGivWd.js +11 -0
- package/storybook-static/assets/Counter-NM41Ofe9.css +1 -0
- package/storybook-static/assets/Counter.stories-D0YBBEvJ.js +15 -0
- package/storybook-static/assets/Crosshair.stories-DM0VkVrQ.js +6 -0
- package/storybook-static/assets/Cubes-BbZLRUsz.css +1 -0
- package/storybook-static/assets/Cubes.stories-CDK6pjAy.js +1 -0
- package/storybook-static/assets/CurvedLoop-DyoDI-mm.css +1 -0
- package/storybook-static/assets/CurvedLoop.stories-gsnw1c_E.js +9 -0
- package/storybook-static/assets/DarkVeil-CeIthsg1.css +1 -0
- package/storybook-static/assets/DarkVeil.stories-C5L7QoIF.js +79 -0
- package/storybook-static/assets/DateInput-C4-Rlnpy.css +1 -0
- package/storybook-static/assets/DateInput-DDPZqyBR.js +38 -0
- package/storybook-static/assets/DateInput.stories-B2N9buuW.js +119 -0
- package/storybook-static/assets/DecayCard-2Nc9J_8G.css +1 -0
- package/storybook-static/assets/DecayCard.stories-YGHrmyBt.js +8 -0
- package/storybook-static/assets/DecryptedText.stories-B5x1eEwu.js +15 -0
- package/storybook-static/assets/Dither-CDTFjgCl.css +1 -0
- package/storybook-static/assets/Dither.stories-1NJxvHAv.js +134 -0
- package/storybook-static/assets/Dock-DwLYexgF.css +1 -0
- package/storybook-static/assets/Dock.stories-BkL_Ddtn.js +40 -0
- package/storybook-static/assets/DocsRenderer-PQXLIZUC-e7izZ1Ax.js +1243 -0
- package/storybook-static/assets/EditFAB-CntUhqRB.css +1 -0
- package/storybook-static/assets/EditFAB.stories-CHva2s7W.js +378 -0
- package/storybook-static/assets/EvilEye-QIF3Ik1Y.css +1 -0
- package/storybook-static/assets/EvilEye.stories-QosS4nGr.js +103 -0
- package/storybook-static/assets/FadeContent.stories-CQDQC3hl.js +14 -0
- package/storybook-static/assets/FaultyTerminal-D6zQXJ-g.css +1 -0
- package/storybook-static/assets/FaultyTerminal.stories-CPrObG0w.js +224 -0
- package/storybook-static/assets/Fbo-CjO1EXQj.js +1 -0
- package/storybook-static/assets/FloatingLines-BPpNRsJk.css +1 -0
- package/storybook-static/assets/FloatingLines.stories-D3I_iw-g.js +187 -0
- package/storybook-static/assets/FlowingMenu-Cff-letA.css +1 -0
- package/storybook-static/assets/FlowingMenu.stories-BmR27_hE.js +27 -0
- package/storybook-static/assets/FluidGlass.stories-CrjfBTV6.js +490 -0
- package/storybook-static/assets/Folder-BFuU52Ao.css +1 -0
- package/storybook-static/assets/Folder.stories-DQJN6c0j.js +13 -0
- package/storybook-static/assets/FuzzyText.stories-zdwwY1Eh.js +22 -0
- package/storybook-static/assets/Galaxy-Cj2Xx-fN.css +1 -0
- package/storybook-static/assets/Galaxy.stories-B3moXy9j.js +184 -0
- package/storybook-static/assets/GhostCursor-CLKgvqwd.css +1 -0
- package/storybook-static/assets/GhostCursor.stories-l58_4Z7e.js +276 -0
- package/storybook-static/assets/GlareHover-D8gfoeb7.css +1 -0
- package/storybook-static/assets/GlareHover.stories-BRGDypMB.js +1 -0
- package/storybook-static/assets/GlassSurface-D51dj98P.css +1 -0
- package/storybook-static/assets/GlassSurface.stories-BghO_KVP.js +43 -0
- package/storybook-static/assets/GlitchText-CsL0nL6_.css +1 -0
- package/storybook-static/assets/GlitchText.stories-rGZAjXwr.js +8 -0
- package/storybook-static/assets/GooeyNav-8BBsSYWJ.css +1 -0
- package/storybook-static/assets/GooeyNav.stories-Ca-d0UXQ.js +24 -0
- package/storybook-static/assets/GradientBlinds-CBpfmlwu.css +1 -0
- package/storybook-static/assets/GradientBlinds.stories-BQDyziZr.js +136 -0
- package/storybook-static/assets/GradientText-Bsx4jZeS.css +1 -0
- package/storybook-static/assets/GradientText.stories-DgmckSCu.js +11 -0
- package/storybook-static/assets/Grainient.stories-8y3SuU8n.js +113 -0
- package/storybook-static/assets/GridMotion-GSkrJvrd.css +1 -0
- package/storybook-static/assets/GridMotion.stories-DbXQdTvS.js +6 -0
- package/storybook-static/assets/ImageSlideshow-CrquLxbj.css +1 -0
- package/storybook-static/assets/ImageSlideshow.stories-BXFPrrNl.js +385 -0
- package/storybook-static/assets/Iridescence-DkXB1G15.css +1 -0
- package/storybook-static/assets/Iridescence.stories-DuPTQ9Fo.js +47 -0
- package/storybook-static/assets/LaserFlow-YpDTX0s9.css +1 -0
- package/storybook-static/assets/LaserFlow.stories-DkwNBv4p.js +253 -0
- package/storybook-static/assets/LetterGlitch.stories-BqwpeJRY.js +1 -0
- package/storybook-static/assets/LightPillar-B1pSzH3x.css +1 -0
- package/storybook-static/assets/LightPillar.stories-BR4beWO5.js +103 -0
- package/storybook-static/assets/LightRays.stories-B3LIIkr4.js +114 -0
- package/storybook-static/assets/Lightning-Duov5diw.css +1 -0
- package/storybook-static/assets/Lightning.stories-DMfFw1rE.js +92 -0
- package/storybook-static/assets/LineWaves-CGZ5Tp0W.css +1 -0
- package/storybook-static/assets/LineWaves.stories-1wQVWsio.js +132 -0
- package/storybook-static/assets/LiquidChrome-C8jkHJD4.css +1 -0
- package/storybook-static/assets/LiquidChrome.stories-DjaXtUK6.js +60 -0
- package/storybook-static/assets/LiquidEther-BTKKmNQk.css +1 -0
- package/storybook-static/assets/LiquidEther.stories-CBrhorPT.js +161 -0
- package/storybook-static/assets/LoadingSpinner-1jvNgxlI.css +1 -0
- package/storybook-static/assets/LoadingSpinner-Cz1P0luX.js +49 -0
- package/storybook-static/assets/LoadingSpinner.stories-Es0dDszY.js +169 -0
- package/storybook-static/assets/MagicRings-B15iCWeD.css +1 -0
- package/storybook-static/assets/MagicRings.stories-BeLXvBv9.js +81 -0
- package/storybook-static/assets/Magnet.stories-CICXGf2j.js +12 -0
- package/storybook-static/assets/MagnetLines-BMVF8tvL.css +1 -0
- package/storybook-static/assets/MagnetLines.stories-D6mS1H0S.js +1 -0
- package/storybook-static/assets/Masonry-JijTuZ6o.css +1 -0
- package/storybook-static/assets/Masonry.stories-DeNkhLqR.js +53 -0
- package/storybook-static/assets/Mesh-CwXV3WjE.js +7 -0
- package/storybook-static/assets/MetaBalls-Do7Vo_Ig.css +1 -0
- package/storybook-static/assets/MetaBalls.stories-CJw3g9l_.js +63 -0
- package/storybook-static/assets/MetallicPaint-rQ3s8Y0v.css +1 -0
- package/storybook-static/assets/MetallicPaint.stories-DXrEd8Sz.js +159 -0
- package/storybook-static/assets/MoodChart-2hr_Y2GI.css +1 -0
- package/storybook-static/assets/MoodChart.stories-DYRAoHr7.js +40 -0
- package/storybook-static/assets/MotionConfigContext-C_Ro_xsO.js +1 -0
- package/storybook-static/assets/Navbar-BPWxCB-U.css +1 -0
- package/storybook-static/assets/Navbar.stories-B0_sa2Hr.js +325 -0
- package/storybook-static/assets/Noise-wMLTuki1.css +1 -0
- package/storybook-static/assets/Noise.stories-CFYN81ep.js +9 -0
- package/storybook-static/assets/NumberStepper-CWsYbCdm.js +110 -0
- package/storybook-static/assets/NumberStepper-C_00aeJp.css +1 -0
- package/storybook-static/assets/NumberStepper.stories-DtsWeT0-.js +436 -0
- package/storybook-static/assets/Orb-CS8T832d.css +1 -0
- package/storybook-static/assets/Orb.stories-CDw4x9GM.js +177 -0
- package/storybook-static/assets/OrbitImages-DqsOGdeH.css +1 -0
- package/storybook-static/assets/OrbitImages.stories-DLeS6BKi.js +26 -0
- package/storybook-static/assets/PieChart-OfDGlJ4g.css +1 -0
- package/storybook-static/assets/PieChart.stories-ByeJD3jM.js +199 -0
- package/storybook-static/assets/PixelBlast-xjKshbH4.css +1 -0
- package/storybook-static/assets/PixelBlast.stories-DZHlNBbC.js +211 -0
- package/storybook-static/assets/PixelCard-dyv8Jzsb.css +1 -0
- package/storybook-static/assets/PixelCard.stories-DD3uedTX.js +6 -0
- package/storybook-static/assets/PixelSnow-Mq8jFd6s.css +1 -0
- package/storybook-static/assets/PixelSnow.stories-GOOKq9Jo.js +155 -0
- package/storybook-static/assets/PixelTransition-4YlpcBIO.css +1 -0
- package/storybook-static/assets/PixelTransition.stories-7l0r4CEg.js +27 -0
- package/storybook-static/assets/Plasma-hc6I4S4K.css +1 -0
- package/storybook-static/assets/Plasma.stories-BNQMi2qs.js +78 -0
- package/storybook-static/assets/Prism-1A7MRUuH.css +1 -0
- package/storybook-static/assets/Prism.stories-DD-1CeHx.js +121 -0
- package/storybook-static/assets/PrismaticBurst-CJEX1JKp.css +1 -0
- package/storybook-static/assets/PrismaticBurst.stories-Bgr0PBrA.js +170 -0
- package/storybook-static/assets/ProfileCard-CO0Gk0e9.css +1 -0
- package/storybook-static/assets/ProfileCard.stories-DAHKcZT1.js +15 -0
- package/storybook-static/assets/QuantifiableHabitsChart-Bam6n9X_.css +1 -0
- package/storybook-static/assets/QuantifiableHabitsChart.stories-6RkqSLP7.js +105 -0
- package/storybook-static/assets/Radar-xwRKh0lP.css +1 -0
- package/storybook-static/assets/Radar.stories-BFyFeDmo.js +88 -0
- package/storybook-static/assets/Ribbons-CjSeVzzZ.css +1 -0
- package/storybook-static/assets/Ribbons.stories-D20uKPGq.js +132 -0
- package/storybook-static/assets/RippleGrid-NvomE-YP.css +1 -0
- package/storybook-static/assets/RippleGrid.stories-BKV-9TCI.js +113 -0
- package/storybook-static/assets/RotatingText-BGK56OzZ.css +1 -0
- package/storybook-static/assets/RotatingText.stories-BnBClUQv.js +12 -0
- package/storybook-static/assets/ScrollFloat-CuaI6iDB.css +1 -0
- package/storybook-static/assets/ScrollFloat.stories-tzqiOgHH.js +12 -0
- package/storybook-static/assets/ScrollReveal-7GSimuFY.css +1 -0
- package/storybook-static/assets/ScrollReveal.stories-4a1gyKmu.js +13 -0
- package/storybook-static/assets/ScrollTrigger-D1XJUMov.js +15 -0
- package/storybook-static/assets/ScrollVelocity-BQllEnJm.css +1 -0
- package/storybook-static/assets/ScrollVelocity.stories-1YFBGtbZ.js +9 -0
- package/storybook-static/assets/SearchBar-CYhuHFt7.css +1 -0
- package/storybook-static/assets/SearchBar.stories-T1tR-GmV.js +169 -0
- package/storybook-static/assets/SearchableDropdown-CLYLzeoj.css +1 -0
- package/storybook-static/assets/SearchableDropdown-DhEHRY6d.js +38 -0
- package/storybook-static/assets/SearchableDropdown.stories-E1pMIVn_.js +282 -0
- package/storybook-static/assets/SelectInput-BTPptV1H.css +1 -0
- package/storybook-static/assets/SelectInput-BrdH7gJ5.js +31 -0
- package/storybook-static/assets/SelectInput.stories-BJ8-v1VC.js +129 -0
- package/storybook-static/assets/ShapeBlur.stories-BD9LHX3y.js +131 -0
- package/storybook-static/assets/ShapeGrid-D5w-KuEm.css +1 -0
- package/storybook-static/assets/ShapeGrid.stories-MtqpqIIh.js +11 -0
- package/storybook-static/assets/ShinyText-D0_UmCBv.css +1 -0
- package/storybook-static/assets/ShinyText.stories-qP5FdChR.js +14 -0
- package/storybook-static/assets/Silk.stories-BHYeNKYP.js +62 -0
- package/storybook-static/assets/SleepChart-DBRb08s_.css +1 -0
- package/storybook-static/assets/SleepChart.stories-BcwHExRn.js +58 -0
- package/storybook-static/assets/Slider-A51SjNTF.js +32 -0
- package/storybook-static/assets/Slider-Bq7zObwV.css +1 -0
- package/storybook-static/assets/Slider.stories-lOqz9gMz.js +99 -0
- package/storybook-static/assets/SoftAurora-2A7ssVQp.css +1 -0
- package/storybook-static/assets/SoftAurora.stories-sSXHgJo6.js +147 -0
- package/storybook-static/assets/SoundDemo.stories-tUFyk4lU.js +3 -0
- package/storybook-static/assets/SplashCursor.stories-DerGqkHm.js +244 -0
- package/storybook-static/assets/SpotlightCard-Bi63T6N0.css +1 -0
- package/storybook-static/assets/SpotlightCard.stories-DBsgFOws.js +6 -0
- package/storybook-static/assets/Stack-CBKeDK5i.css +1 -0
- package/storybook-static/assets/Stack.stories-DAcB1tOU.js +32 -0
- package/storybook-static/assets/StaggeredMenu-DjV6Ra1C.css +1 -0
- package/storybook-static/assets/StaggeredMenu.stories-goFBD6nv.js +45 -0
- package/storybook-static/assets/StarBorder-isNlSycS.css +1 -0
- package/storybook-static/assets/StarBorder.stories-DBM6IkZW.js +9 -0
- package/storybook-static/assets/SunburstChart-ChXvU9py.css +1 -0
- package/storybook-static/assets/SunburstChart.stories-cY39K-7Q.js +285 -0
- package/storybook-static/assets/Table-DnhtoClE.css +1 -0
- package/storybook-static/assets/Table.stories-rAe1I70z.js +227 -0
- package/storybook-static/assets/Tabs-BfJ7skOE.css +1 -0
- package/storybook-static/assets/Tabs.stories-D3bsFZfU.js +64 -0
- package/storybook-static/assets/TargetCursor-CWS-TuGF.css +1 -0
- package/storybook-static/assets/TargetCursor.stories-uvcMTfQh.js +9 -0
- package/storybook-static/assets/TextArea-B2UrQsuf.css +1 -0
- package/storybook-static/assets/TextArea-CbqMjFCN.js +28 -0
- package/storybook-static/assets/TextArea.stories-CuMypTf4.js +155 -0
- package/storybook-static/assets/TextCursor-DDqF-3pV.css +1 -0
- package/storybook-static/assets/TextCursor.stories-Bu6iMunU.js +11 -0
- package/storybook-static/assets/TextInput-BjVJQEYN.css +1 -0
- package/storybook-static/assets/TextInput-BpsPIO3D.js +28 -0
- package/storybook-static/assets/TextInput.stories-C0oXgEQ2.js +203 -0
- package/storybook-static/assets/TextPressure.stories-DNGUmrTD.js +47 -0
- package/storybook-static/assets/TextType-BYHLKnc2.css +1 -0
- package/storybook-static/assets/TextType.stories-BKNycUNL.js +19 -0
- package/storybook-static/assets/Texture-BkQWYNP2.js +1 -0
- package/storybook-static/assets/ThemeSwitcher-XCVQ6hhy.css +1 -0
- package/storybook-static/assets/ThemeSwitcher.stories-D5lsOFPy.js +62 -0
- package/storybook-static/assets/Threads-C5ItmUMV.css +1 -0
- package/storybook-static/assets/Threads.stories-VyvPNiLc.js +121 -0
- package/storybook-static/assets/TimeInput-C3enPYoV.css +1 -0
- package/storybook-static/assets/TimeInput.stories-BC5vDv_Y.js +55 -0
- package/storybook-static/assets/Toggle-BZxwy2el.js +41 -0
- package/storybook-static/assets/Toggle-DhKq5lh5.css +1 -0
- package/storybook-static/assets/Toggle.stories-VQMzqzt7.js +199 -0
- package/storybook-static/assets/ToggleButton-CijvK4iQ.js +32 -0
- package/storybook-static/assets/ToggleButton-DJU3CV_i.css +1 -0
- package/storybook-static/assets/ToggleButton.stories-DY0c1Gny.js +163 -0
- package/storybook-static/assets/Triangle-64ffRKNB.js +1 -0
- package/storybook-static/assets/TrueFocus-C4c7GDsQ.css +1 -0
- package/storybook-static/assets/TrueFocus.stories-DEScRjfz.js +12 -0
- package/storybook-static/assets/VariableProximity-E64p6UBv.css +1 -0
- package/storybook-static/assets/VariableProximity.stories-DbTKbjW_.js +14 -0
- package/storybook-static/assets/Vec2-Cf1C3GIc.js +1 -0
- package/storybook-static/assets/Waves-C7txy_IO.css +1 -0
- package/storybook-static/assets/Waves.stories-tLQsX0Mg.js +1 -0
- package/storybook-static/assets/arc-DgcIQOLP.js +1 -0
- package/storybook-static/assets/array-BKyUJesY.js +1 -0
- package/storybook-static/assets/axis-D3QohQNI.js +1 -0
- package/storybook-static/assets/check-CAskjz10.js +6 -0
- package/storybook-static/assets/chevron-down-BI8IU4ZZ.js +6 -0
- package/storybook-static/assets/chevron-right-DUHx58vO.js +6 -0
- package/storybook-static/assets/client-DFRPWCQR.js +1 -0
- package/storybook-static/assets/createLucideIcon-C7zEcVM7.js +21 -0
- package/storybook-static/assets/defaultLocale-DJ2q5QjE.js +1 -0
- package/storybook-static/assets/demo/cs1.webp +0 -0
- package/storybook-static/assets/demo/cs2.webp +0 -0
- package/storybook-static/assets/demo/cs3.webp +0 -0
- package/storybook-static/assets/folder-CR6tETf-.js +6 -0
- package/storybook-static/assets/iconBase-AISesxwq.js +1 -0
- package/storybook-static/assets/iframe-Cz1R6gKZ.js +1087 -0
- package/storybook-static/assets/iframe-Df7_64QT.css +1 -0
- package/storybook-static/assets/index-C2Ys00st.js +1 -0
- package/storybook-static/assets/index-C8pce-KX.js +15 -0
- package/storybook-static/assets/index-CIvCfZMj.js +9 -0
- package/storybook-static/assets/index-DcRHiSf7.js +128 -0
- package/storybook-static/assets/index-jFY_uKTI.js +24 -0
- package/storybook-static/assets/layout-grid-CE52it1h.js +6 -0
- package/storybook-static/assets/linear-dkJHgUri.js +1 -0
- package/storybook-static/assets/monotone-DHdPkfDP.js +1 -0
- package/storybook-static/assets/path-CbwjOpE9.js +1 -0
- package/storybook-static/assets/preload-helper-C1FmrZbK.js +1 -0
- package/storybook-static/assets/proxy-CAwOFzsk.js +1 -0
- package/storybook-static/assets/react-18-DoKaDswt.js +1 -0
- package/storybook-static/assets/react-three-fiber.esm-t8sCLCER.js +43 -0
- package/storybook-static/assets/search-DcwY6Xta.js +6 -0
- package/storybook-static/assets/sun-DeCJTUMz.js +11 -0
- package/storybook-static/assets/three.module--_vTUKhS.js +4057 -0
- package/storybook-static/assets/transform-BKmuZieF.js +1 -0
- package/storybook-static/assets/use-animation-frame-DhanRv3Z.js +1 -0
- package/storybook-static/assets/use-in-view-D50EZJ4s.js +1 -0
- package/storybook-static/assets/use-motion-value-BgGWOnBX.js +1 -0
- package/storybook-static/assets/use-spring-CKPLi_a5.js +1 -0
- package/storybook-static/assets/use-transform-CJxjUEuh.js +1 -0
- package/storybook-static/assets/useSound-DOpt9DfD.js +1 -0
- package/storybook-static/assets/users-C7jpE6gP.js +6 -0
- package/storybook-static/assets/x-CP8OMUcV.js +6 -0
- package/storybook-static/favicon-wrapper.svg +46 -0
- package/storybook-static/favicon.svg +1 -0
- package/storybook-static/iframe.html +693 -0
- package/storybook-static/index.html +164 -0
- package/storybook-static/index.json +1 -0
- package/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/project.json +1 -0
- package/storybook-static/sb-addons/chromatic-com-storybook-4/manager-bundle.js +356 -0
- package/storybook-static/sb-addons/chromatic-com-storybook-4/manager-bundle.js.LEGAL.txt +40 -0
- package/storybook-static/sb-addons/docs-2/manager-bundle.js +151 -0
- package/storybook-static/sb-addons/links-3/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/onboarding-1/manager-bundle.js +127 -0
- package/storybook-static/sb-addons/storybook-5/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +971 -0
- package/storybook-static/sb-common-assets/favicon-wrapper.svg +46 -0
- package/storybook-static/sb-common-assets/favicon.svg +1 -0
- package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/sb-manager/globals-module-info.js +797 -0
- package/storybook-static/sb-manager/globals-runtime.js +69653 -0
- package/storybook-static/sb-manager/globals.js +34 -0
- package/storybook-static/sb-manager/runtime.js +13181 -0
- package/storybook-static/vite-inject-mocker-entry.js +18 -0
|
@@ -0,0 +1,244 @@
|
|
|
1
|
+
import{r as V,j as le}from"./iframe-Cz1R6gKZ.js";import"./preload-helper-C1FmrZbK.js";function ve({SIM_RESOLUTION:de=128,DYE_RESOLUTION:me=1440,CAPTURE_RESOLUTION:it=512,DENSITY_DISSIPATION:he=3.5,VELOCITY_DISSIPATION:xe=2,PRESSURE:Te=.1,PRESSURE_ITERATIONS:pe=20,CURL:Re=3,SPLAT_RADIUS:Ee=.2,SPLAT_FORCE:ge=6e3,SHADING:Se=!0,COLOR_UPDATE_SPEED:De=10,BACK_COLOR:ot={r:.5,g:0,b:0},TRANSPARENT:at=!0}){const H=V.useRef(null),U=V.useRef(null);return V.useEffect(()=>{const c=H.current;if(!c)return;let q=!0;function Ae(){this.id=-1,this.texcoordX=0,this.texcoordY=0,this.prevTexcoordX=0,this.prevTexcoordY=0,this.deltaX=0,this.deltaY=0,this.down=!1,this.moved=!1,this.color=[0,0,0]}let v={SIM_RESOLUTION:de,DYE_RESOLUTION:me,DENSITY_DISSIPATION:he,VELOCITY_DISSIPATION:xe,PRESSURE:Te,PRESSURE_ITERATIONS:pe,CURL:Re,SPLAT_RADIUS:Ee,SPLAT_FORCE:ge,SHADING:Se,COLOR_UPDATE_SPEED:De},_=[new Ae];const{gl:t,ext:E}=_e(c);E.supportLinearFiltering||(v.DYE_RESOLUTION=256,v.SHADING=!1);function _e(e){const r={alpha:!0,depth:!1,stencil:!1,antialias:!1,preserveDrawingBuffer:!1};let i=e.getContext("webgl2",r);const o=!!i;o||(i=e.getContext("webgl",r)||e.getContext("experimental-webgl",r));let a,n;o?(i.getExtension("EXT_color_buffer_float"),n=i.getExtension("OES_texture_float_linear")):(a=i.getExtension("OES_texture_half_float"),n=i.getExtension("OES_texture_half_float_linear")),i.clearColor(0,0,0,1);const u=o?i.HALF_FLOAT:a&&a.HALF_FLOAT_OES;let f,s,R;return o?(f=S(i,i.RGBA16F,i.RGBA,u),s=S(i,i.RG16F,i.RG,u),R=S(i,i.R16F,i.RED,u)):(f=S(i,i.RGBA,i.RGBA,u),s=S(i,i.RGBA,i.RGBA,u),R=S(i,i.RGBA,i.RGBA,u)),{gl:i,ext:{formatRGBA:f,formatRG:s,formatR:R,halfFloatTexType:u,supportLinearFiltering:n}}}function S(e,r,i,o){if(!ye(e,r,i,o))switch(r){case e.R16F:return S(e,e.RG16F,e.RG,o);case e.RG16F:return S(e,e.RGBA16F,e.RGBA,o);default:return null}return{internalFormat:r,format:i}}function ye(e,r,i,o){const a=e.createTexture();e.bindTexture(e.TEXTURE_2D,a),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.texImage2D(e.TEXTURE_2D,0,r,4,4,0,i,o,null);const n=e.createFramebuffer();return e.bindFramebuffer(e.FRAMEBUFFER,n),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,a,0),e.checkFramebufferStatus(e.FRAMEBUFFER)===e.FRAMEBUFFER_COMPLETE}class Fe{constructor(r,i){this.vertexShader=r,this.fragmentShaderSource=i,this.programs=[],this.activeProgram=null,this.uniforms=[]}setKeywords(r){let i=0;for(let a=0;a<r.length;a++)i+=rt(r[a]);let o=this.programs[i];if(o==null){let a=h(t.FRAGMENT_SHADER,this.fragmentShaderSource,r);o=W(this.vertexShader,a),this.programs[i]=o}o!==this.activeProgram&&(this.uniforms=k(o),this.activeProgram=o)}bind(){t.useProgram(this.activeProgram)}}class g{constructor(r,i){this.uniforms={},this.program=W(r,i),this.uniforms=k(this.program)}bind(){t.useProgram(this.program)}}function W(e,r){let i=t.createProgram();return t.attachShader(i,e),t.attachShader(i,r),t.linkProgram(i),t.getProgramParameter(i,t.LINK_STATUS)||console.trace(t.getProgramInfoLog(i)),i}function k(e){let r=[],i=t.getProgramParameter(e,t.ACTIVE_UNIFORMS);for(let o=0;o<i;o++){let a=t.getActiveUniform(e,o).name;r[a]=t.getUniformLocation(e,a)}return r}function h(e,r,i){r=we(r,i);const o=t.createShader(e);return t.shaderSource(o,r),t.compileShader(o),t.getShaderParameter(o,t.COMPILE_STATUS)||console.trace(t.getShaderInfoLog(o)),o}function we(e,r){if(!r)return e;let i="";return r.forEach(o=>{i+="#define "+o+`
|
|
2
|
+
`}),i+e}const T=h(t.VERTEX_SHADER,`
|
|
3
|
+
precision highp float;
|
|
4
|
+
attribute vec2 aPosition;
|
|
5
|
+
varying vec2 vUv;
|
|
6
|
+
varying vec2 vL;
|
|
7
|
+
varying vec2 vR;
|
|
8
|
+
varying vec2 vT;
|
|
9
|
+
varying vec2 vB;
|
|
10
|
+
uniform vec2 texelSize;
|
|
11
|
+
|
|
12
|
+
void main () {
|
|
13
|
+
vUv = aPosition * 0.5 + 0.5;
|
|
14
|
+
vL = vUv - vec2(texelSize.x, 0.0);
|
|
15
|
+
vR = vUv + vec2(texelSize.x, 0.0);
|
|
16
|
+
vT = vUv + vec2(0.0, texelSize.y);
|
|
17
|
+
vB = vUv - vec2(0.0, texelSize.y);
|
|
18
|
+
gl_Position = vec4(aPosition, 0.0, 1.0);
|
|
19
|
+
}
|
|
20
|
+
`),Ue=h(t.FRAGMENT_SHADER,`
|
|
21
|
+
precision mediump float;
|
|
22
|
+
precision mediump sampler2D;
|
|
23
|
+
varying highp vec2 vUv;
|
|
24
|
+
uniform sampler2D uTexture;
|
|
25
|
+
|
|
26
|
+
void main () {
|
|
27
|
+
gl_FragColor = texture2D(uTexture, vUv);
|
|
28
|
+
}
|
|
29
|
+
`),Le=h(t.FRAGMENT_SHADER,`
|
|
30
|
+
precision mediump float;
|
|
31
|
+
precision mediump sampler2D;
|
|
32
|
+
varying highp vec2 vUv;
|
|
33
|
+
uniform sampler2D uTexture;
|
|
34
|
+
uniform float value;
|
|
35
|
+
|
|
36
|
+
void main () {
|
|
37
|
+
gl_FragColor = value * texture2D(uTexture, vUv);
|
|
38
|
+
}
|
|
39
|
+
`),be=`
|
|
40
|
+
precision highp float;
|
|
41
|
+
precision highp sampler2D;
|
|
42
|
+
varying vec2 vUv;
|
|
43
|
+
varying vec2 vL;
|
|
44
|
+
varying vec2 vR;
|
|
45
|
+
varying vec2 vT;
|
|
46
|
+
varying vec2 vB;
|
|
47
|
+
uniform sampler2D uTexture;
|
|
48
|
+
uniform sampler2D uDithering;
|
|
49
|
+
uniform vec2 ditherScale;
|
|
50
|
+
uniform vec2 texelSize;
|
|
51
|
+
|
|
52
|
+
vec3 linearToGamma (vec3 color) {
|
|
53
|
+
color = max(color, vec3(0));
|
|
54
|
+
return max(1.055 * pow(color, vec3(0.416666667)) - 0.055, vec3(0));
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
void main () {
|
|
58
|
+
vec3 c = texture2D(uTexture, vUv).rgb;
|
|
59
|
+
#ifdef SHADING
|
|
60
|
+
vec3 lc = texture2D(uTexture, vL).rgb;
|
|
61
|
+
vec3 rc = texture2D(uTexture, vR).rgb;
|
|
62
|
+
vec3 tc = texture2D(uTexture, vT).rgb;
|
|
63
|
+
vec3 bc = texture2D(uTexture, vB).rgb;
|
|
64
|
+
|
|
65
|
+
float dx = length(rc) - length(lc);
|
|
66
|
+
float dy = length(tc) - length(bc);
|
|
67
|
+
|
|
68
|
+
vec3 n = normalize(vec3(dx, dy, length(texelSize)));
|
|
69
|
+
vec3 l = vec3(0.0, 0.0, 1.0);
|
|
70
|
+
|
|
71
|
+
float diffuse = clamp(dot(n, l) + 0.7, 0.7, 1.0);
|
|
72
|
+
c *= diffuse;
|
|
73
|
+
#endif
|
|
74
|
+
|
|
75
|
+
float a = max(c.r, max(c.g, c.b));
|
|
76
|
+
gl_FragColor = vec4(c, a);
|
|
77
|
+
}
|
|
78
|
+
`,Pe=h(t.FRAGMENT_SHADER,`
|
|
79
|
+
precision highp float;
|
|
80
|
+
precision highp sampler2D;
|
|
81
|
+
varying vec2 vUv;
|
|
82
|
+
uniform sampler2D uTarget;
|
|
83
|
+
uniform float aspectRatio;
|
|
84
|
+
uniform vec3 color;
|
|
85
|
+
uniform vec2 point;
|
|
86
|
+
uniform float radius;
|
|
87
|
+
|
|
88
|
+
void main () {
|
|
89
|
+
vec2 p = vUv - point.xy;
|
|
90
|
+
p.x *= aspectRatio;
|
|
91
|
+
vec3 splat = exp(-dot(p, p) / radius) * color;
|
|
92
|
+
vec3 base = texture2D(uTarget, vUv).xyz;
|
|
93
|
+
gl_FragColor = vec4(base + splat, 1.0);
|
|
94
|
+
}
|
|
95
|
+
`),Be=h(t.FRAGMENT_SHADER,`
|
|
96
|
+
precision highp float;
|
|
97
|
+
precision highp sampler2D;
|
|
98
|
+
varying vec2 vUv;
|
|
99
|
+
uniform sampler2D uVelocity;
|
|
100
|
+
uniform sampler2D uSource;
|
|
101
|
+
uniform vec2 texelSize;
|
|
102
|
+
uniform vec2 dyeTexelSize;
|
|
103
|
+
uniform float dt;
|
|
104
|
+
uniform float dissipation;
|
|
105
|
+
|
|
106
|
+
vec4 bilerp (sampler2D sam, vec2 uv, vec2 tsize) {
|
|
107
|
+
vec2 st = uv / tsize - 0.5;
|
|
108
|
+
vec2 iuv = floor(st);
|
|
109
|
+
vec2 fuv = fract(st);
|
|
110
|
+
|
|
111
|
+
vec4 a = texture2D(sam, (iuv + vec2(0.5, 0.5)) * tsize);
|
|
112
|
+
vec4 b = texture2D(sam, (iuv + vec2(1.5, 0.5)) * tsize);
|
|
113
|
+
vec4 c = texture2D(sam, (iuv + vec2(0.5, 1.5)) * tsize);
|
|
114
|
+
vec4 d = texture2D(sam, (iuv + vec2(1.5, 1.5)) * tsize);
|
|
115
|
+
|
|
116
|
+
return mix(mix(a, b, fuv.x), mix(c, d, fuv.x), fuv.y);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
void main () {
|
|
120
|
+
#ifdef MANUAL_FILTERING
|
|
121
|
+
vec2 coord = vUv - dt * bilerp(uVelocity, vUv, texelSize).xy * texelSize;
|
|
122
|
+
vec4 result = bilerp(uSource, coord, dyeTexelSize);
|
|
123
|
+
#else
|
|
124
|
+
vec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize;
|
|
125
|
+
vec4 result = texture2D(uSource, coord);
|
|
126
|
+
#endif
|
|
127
|
+
float decay = 1.0 + dissipation * dt;
|
|
128
|
+
gl_FragColor = result / decay;
|
|
129
|
+
}
|
|
130
|
+
`,E.supportLinearFiltering?null:["MANUAL_FILTERING"]),Ce=h(t.FRAGMENT_SHADER,`
|
|
131
|
+
precision mediump float;
|
|
132
|
+
precision mediump sampler2D;
|
|
133
|
+
varying highp vec2 vUv;
|
|
134
|
+
varying highp vec2 vL;
|
|
135
|
+
varying highp vec2 vR;
|
|
136
|
+
varying highp vec2 vT;
|
|
137
|
+
varying highp vec2 vB;
|
|
138
|
+
uniform sampler2D uVelocity;
|
|
139
|
+
|
|
140
|
+
void main () {
|
|
141
|
+
float L = texture2D(uVelocity, vL).x;
|
|
142
|
+
float R = texture2D(uVelocity, vR).x;
|
|
143
|
+
float T = texture2D(uVelocity, vT).y;
|
|
144
|
+
float B = texture2D(uVelocity, vB).y;
|
|
145
|
+
|
|
146
|
+
vec2 C = texture2D(uVelocity, vUv).xy;
|
|
147
|
+
if (vL.x < 0.0) { L = -C.x; }
|
|
148
|
+
if (vR.x > 1.0) { R = -C.x; }
|
|
149
|
+
if (vT.y > 1.0) { T = -C.y; }
|
|
150
|
+
if (vB.y < 0.0) { B = -C.y; }
|
|
151
|
+
|
|
152
|
+
float div = 0.5 * (R - L + T - B);
|
|
153
|
+
gl_FragColor = vec4(div, 0.0, 0.0, 1.0);
|
|
154
|
+
}
|
|
155
|
+
`),Ie=h(t.FRAGMENT_SHADER,`
|
|
156
|
+
precision mediump float;
|
|
157
|
+
precision mediump sampler2D;
|
|
158
|
+
varying highp vec2 vUv;
|
|
159
|
+
varying highp vec2 vL;
|
|
160
|
+
varying highp vec2 vR;
|
|
161
|
+
varying highp vec2 vT;
|
|
162
|
+
varying highp vec2 vB;
|
|
163
|
+
uniform sampler2D uVelocity;
|
|
164
|
+
|
|
165
|
+
void main () {
|
|
166
|
+
float L = texture2D(uVelocity, vL).y;
|
|
167
|
+
float R = texture2D(uVelocity, vR).y;
|
|
168
|
+
float T = texture2D(uVelocity, vT).x;
|
|
169
|
+
float B = texture2D(uVelocity, vB).x;
|
|
170
|
+
float vorticity = R - L - T + B;
|
|
171
|
+
gl_FragColor = vec4(0.5 * vorticity, 0.0, 0.0, 1.0);
|
|
172
|
+
}
|
|
173
|
+
`),Ne=h(t.FRAGMENT_SHADER,`
|
|
174
|
+
precision highp float;
|
|
175
|
+
precision highp sampler2D;
|
|
176
|
+
varying vec2 vUv;
|
|
177
|
+
varying vec2 vL;
|
|
178
|
+
varying vec2 vR;
|
|
179
|
+
varying vec2 vT;
|
|
180
|
+
varying vec2 vB;
|
|
181
|
+
uniform sampler2D uVelocity;
|
|
182
|
+
uniform sampler2D uCurl;
|
|
183
|
+
uniform float curl;
|
|
184
|
+
uniform float dt;
|
|
185
|
+
|
|
186
|
+
void main () {
|
|
187
|
+
float L = texture2D(uCurl, vL).x;
|
|
188
|
+
float R = texture2D(uCurl, vR).x;
|
|
189
|
+
float T = texture2D(uCurl, vT).x;
|
|
190
|
+
float B = texture2D(uCurl, vB).x;
|
|
191
|
+
float C = texture2D(uCurl, vUv).x;
|
|
192
|
+
|
|
193
|
+
vec2 force = 0.5 * vec2(abs(T) - abs(B), abs(R) - abs(L));
|
|
194
|
+
force /= length(force) + 0.0001;
|
|
195
|
+
force *= curl * C;
|
|
196
|
+
force.y *= -1.0;
|
|
197
|
+
|
|
198
|
+
vec2 velocity = texture2D(uVelocity, vUv).xy;
|
|
199
|
+
velocity += force * dt;
|
|
200
|
+
velocity = min(max(velocity, -1000.0), 1000.0);
|
|
201
|
+
gl_FragColor = vec4(velocity, 0.0, 1.0);
|
|
202
|
+
}
|
|
203
|
+
`),Xe=h(t.FRAGMENT_SHADER,`
|
|
204
|
+
precision mediump float;
|
|
205
|
+
precision mediump sampler2D;
|
|
206
|
+
varying highp vec2 vUv;
|
|
207
|
+
varying highp vec2 vL;
|
|
208
|
+
varying highp vec2 vR;
|
|
209
|
+
varying highp vec2 vT;
|
|
210
|
+
varying highp vec2 vB;
|
|
211
|
+
uniform sampler2D uPressure;
|
|
212
|
+
uniform sampler2D uDivergence;
|
|
213
|
+
|
|
214
|
+
void main () {
|
|
215
|
+
float L = texture2D(uPressure, vL).x;
|
|
216
|
+
float R = texture2D(uPressure, vR).x;
|
|
217
|
+
float T = texture2D(uPressure, vT).x;
|
|
218
|
+
float B = texture2D(uPressure, vB).x;
|
|
219
|
+
float C = texture2D(uPressure, vUv).x;
|
|
220
|
+
float divergence = texture2D(uDivergence, vUv).x;
|
|
221
|
+
float pressure = (L + R + B + T - divergence) * 0.25;
|
|
222
|
+
gl_FragColor = vec4(pressure, 0.0, 0.0, 1.0);
|
|
223
|
+
}
|
|
224
|
+
`),Oe=h(t.FRAGMENT_SHADER,`
|
|
225
|
+
precision mediump float;
|
|
226
|
+
precision mediump sampler2D;
|
|
227
|
+
varying highp vec2 vUv;
|
|
228
|
+
varying highp vec2 vL;
|
|
229
|
+
varying highp vec2 vR;
|
|
230
|
+
varying highp vec2 vT;
|
|
231
|
+
varying highp vec2 vB;
|
|
232
|
+
uniform sampler2D uPressure;
|
|
233
|
+
uniform sampler2D uVelocity;
|
|
234
|
+
|
|
235
|
+
void main () {
|
|
236
|
+
float L = texture2D(uPressure, vL).x;
|
|
237
|
+
float R = texture2D(uPressure, vR).x;
|
|
238
|
+
float T = texture2D(uPressure, vT).x;
|
|
239
|
+
float B = texture2D(uPressure, vB).x;
|
|
240
|
+
vec2 velocity = texture2D(uVelocity, vUv).xy;
|
|
241
|
+
velocity.xy -= vec2(R - L, T - B);
|
|
242
|
+
gl_FragColor = vec4(velocity, 0.0, 1.0);
|
|
243
|
+
}
|
|
244
|
+
`),m=(t.bindBuffer(t.ARRAY_BUFFER,t.createBuffer()),t.bufferData(t.ARRAY_BUFFER,new Float32Array([-1,-1,-1,1,1,1,1,-1]),t.STATIC_DRAW),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,t.createBuffer()),t.bufferData(t.ELEMENT_ARRAY_BUFFER,new Uint16Array([0,1,2,0,2,3]),t.STATIC_DRAW),t.vertexAttribPointer(0,2,t.FLOAT,!1,0,0),t.enableVertexAttribArray(0),(e,r=!1)=>{e==null?(t.viewport(0,0,t.drawingBufferWidth,t.drawingBufferHeight),t.bindFramebuffer(t.FRAMEBUFFER,null)):(t.viewport(0,0,e.width,e.height),t.bindFramebuffer(t.FRAMEBUFFER,e.fbo)),r&&(t.clearColor(0,0,0,1),t.clear(t.COLOR_BUFFER_BIT)),t.drawElements(t.TRIANGLES,6,t.UNSIGNED_SHORT,0)});let d,l,N,X,D;const K=new g(T,Ue),O=new g(T,Le),A=new g(T,Pe),x=new g(T,Be),z=new g(T,Ce),M=new g(T,Ie),F=new g(T,Ne),L=new g(T,Xe),b=new g(T,Oe),P=new Fe(T,be);function j(){let e=te(v.SIM_RESOLUTION),r=te(v.DYE_RESOLUTION);const i=E.halfFloatTexType,o=E.formatRGBA,a=E.formatRG,n=E.formatR,u=E.supportLinearFiltering?t.LINEAR:t.NEAREST;t.disable(t.BLEND),d?d=J(d,r.width,r.height,o.internalFormat,o.format,i,u):d=G(r.width,r.height,o.internalFormat,o.format,i,u),l?l=J(l,e.width,e.height,a.internalFormat,a.format,i,u):l=G(e.width,e.height,a.internalFormat,a.format,i,u),N=w(e.width,e.height,n.internalFormat,n.format,i,t.NEAREST),X=w(e.width,e.height,n.internalFormat,n.format,i,t.NEAREST),D=G(e.width,e.height,n.internalFormat,n.format,i,t.NEAREST)}function w(e,r,i,o,a,n){t.activeTexture(t.TEXTURE0);let u=t.createTexture();t.bindTexture(t.TEXTURE_2D,u),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,n),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,n),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE),t.texImage2D(t.TEXTURE_2D,0,i,e,r,0,o,a,null);let f=t.createFramebuffer();t.bindFramebuffer(t.FRAMEBUFFER,f),t.framebufferTexture2D(t.FRAMEBUFFER,t.COLOR_ATTACHMENT0,t.TEXTURE_2D,u,0),t.viewport(0,0,e,r),t.clear(t.COLOR_BUFFER_BIT);let s=1/e,R=1/r;return{texture:u,fbo:f,width:e,height:r,texelSizeX:s,texelSizeY:R,attach(y){return t.activeTexture(t.TEXTURE0+y),t.bindTexture(t.TEXTURE_2D,u),y}}}function G(e,r,i,o,a,n){let u=w(e,r,i,o,a,n),f=w(e,r,i,o,a,n);return{width:e,height:r,texelSizeX:u.texelSizeX,texelSizeY:u.texelSizeY,get read(){return u},set read(s){u=s},get write(){return f},set write(s){f=s},swap(){let s=u;u=f,f=s}}}function ze(e,r,i,o,a,n,u){let f=w(r,i,o,a,n,u);return K.bind(),t.uniform1i(K.uniforms.uTexture,e.attach(0)),m(f),f}function J(e,r,i,o,a,n,u){return e.width===r&&e.height===i||(e.read=ze(e.read,r,i,o,a,n,u),e.write=w(r,i,o,a,n,u),e.width=r,e.height=i,e.texelSizeX=1/r,e.texelSizeY=1/i),e}function Me(){let e=[];v.SHADING&&e.push("SHADING"),P.setKeywords(e)}Me(),j();let Q=Date.now(),B=0;function Z(){if(!q)return;const e=Ge();Ye()&&j(),Ve(e),He(),qe(e),We(null),U.current=requestAnimationFrame(Z)}function Ge(){let e=Date.now(),r=(e-Q)/1e3;return r=Math.min(r,.016666),Q=e,r}function Ye(){let e=p(c.clientWidth),r=p(c.clientHeight);return c.width!==e||c.height!==r?(c.width=e,c.height=r,!0):!1}function Ve(e){B+=e*v.COLOR_UPDATE_SPEED,B>=1&&(B=tt(B,0,1),_.forEach(r=>{r.color=C()}))}function He(){_.forEach(e=>{e.moved&&(e.moved=!1,Ke(e))})}function qe(e){t.disable(t.BLEND),M.bind(),t.uniform2f(M.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(M.uniforms.uVelocity,l.read.attach(0)),m(X),F.bind(),t.uniform2f(F.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(F.uniforms.uVelocity,l.read.attach(0)),t.uniform1i(F.uniforms.uCurl,X.attach(1)),t.uniform1f(F.uniforms.curl,v.CURL),t.uniform1f(F.uniforms.dt,e),m(l.write),l.swap(),z.bind(),t.uniform2f(z.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(z.uniforms.uVelocity,l.read.attach(0)),m(N),O.bind(),t.uniform1i(O.uniforms.uTexture,D.read.attach(0)),t.uniform1f(O.uniforms.value,v.PRESSURE),m(D.write),D.swap(),L.bind(),t.uniform2f(L.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(L.uniforms.uDivergence,N.attach(0));for(let i=0;i<v.PRESSURE_ITERATIONS;i++)t.uniform1i(L.uniforms.uPressure,D.read.attach(1)),m(D.write),D.swap();b.bind(),t.uniform2f(b.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(b.uniforms.uPressure,D.read.attach(0)),t.uniform1i(b.uniforms.uVelocity,l.read.attach(1)),m(l.write),l.swap(),x.bind(),t.uniform2f(x.uniforms.texelSize,l.texelSizeX,l.texelSizeY),E.supportLinearFiltering||t.uniform2f(x.uniforms.dyeTexelSize,l.texelSizeX,l.texelSizeY);let r=l.read.attach(0);t.uniform1i(x.uniforms.uVelocity,r),t.uniform1i(x.uniforms.uSource,r),t.uniform1f(x.uniforms.dt,e),t.uniform1f(x.uniforms.dissipation,v.VELOCITY_DISSIPATION),m(l.write),l.swap(),E.supportLinearFiltering||t.uniform2f(x.uniforms.dyeTexelSize,d.texelSizeX,d.texelSizeY),t.uniform1i(x.uniforms.uVelocity,l.read.attach(0)),t.uniform1i(x.uniforms.uSource,d.read.attach(1)),t.uniform1f(x.uniforms.dissipation,v.DENSITY_DISSIPATION),m(d.write),d.swap()}function We(e){t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.enable(t.BLEND),ke(e)}function ke(e){let r=t.drawingBufferWidth,i=t.drawingBufferHeight;P.bind(),v.SHADING&&t.uniform2f(P.uniforms.texelSize,1/r,1/i),t.uniform1i(P.uniforms.uTexture,d.read.attach(0)),m(e)}function Ke(e){let r=e.deltaX*v.SPLAT_FORCE,i=e.deltaY*v.SPLAT_FORCE;$(e.texcoordX,e.texcoordY,r,i,e.color)}function je(e){const r=C();r.r*=10,r.g*=10,r.b*=10;let i=10*(Math.random()-.5),o=30*(Math.random()-.5);$(e.texcoordX,e.texcoordY,i,o,r)}function $(e,r,i,o,a){A.bind(),t.uniform1i(A.uniforms.uTarget,l.read.attach(0)),t.uniform1f(A.uniforms.aspectRatio,c.width/c.height),t.uniform2f(A.uniforms.point,e,r),t.uniform3f(A.uniforms.color,i,o,0),t.uniform1f(A.uniforms.radius,Je(v.SPLAT_RADIUS/100)),m(l.write),l.swap(),t.uniform1i(A.uniforms.uTarget,d.read.attach(0)),t.uniform3f(A.uniforms.color,a.r,a.g,a.b),m(d.write),d.swap()}function Je(e){let r=c.width/c.height;return r>1&&(e*=r),e}function ee(e,r,i,o){e.id=r,e.down=!0,e.moved=!1,e.texcoordX=i/c.width,e.texcoordY=1-o/c.height,e.prevTexcoordX=e.texcoordX,e.prevTexcoordY=e.texcoordY,e.deltaX=0,e.deltaY=0,e.color=C()}function Y(e,r,i,o){e.prevTexcoordX=e.texcoordX,e.prevTexcoordY=e.texcoordY,e.texcoordX=r/c.width,e.texcoordY=1-i/c.height,e.deltaX=Ze(e.texcoordX-e.prevTexcoordX),e.deltaY=$e(e.texcoordY-e.prevTexcoordY),e.moved=Math.abs(e.deltaX)>0||Math.abs(e.deltaY)>0,e.color=o}function Qe(e){e.down=!1}function Ze(e){let r=c.width/c.height;return r<1&&(e*=r),e}function $e(e){let r=c.width/c.height;return r>1&&(e/=r),e}function C(){let e=et(Math.random(),1,1);return e.r*=.15,e.g*=.15,e.b*=.15,e}function et(e,r,i){let o,a,n,u,f,s,R,y;switch(u=Math.floor(e*6),f=e*6-u,s=i*(1-r),R=i*(1-f*r),y=i*(1-(1-f)*r),u%6){case 0:o=i,a=y,n=s;break;case 1:o=R,a=i,n=s;break;case 2:o=s,a=i,n=y;break;case 3:o=s,a=R,n=i;break;case 4:o=y,a=s,n=i;break;case 5:o=i,a=s,n=R;break}return{r:o,g:a,b:n}}function tt(e,r,i){const o=i-r;return(e-r)%o+r}function te(e){let r=t.drawingBufferWidth/t.drawingBufferHeight;r<1&&(r=1/r);const i=Math.round(e),o=Math.round(e*r);return t.drawingBufferWidth>t.drawingBufferHeight?{width:o,height:i}:{width:i,height:o}}function p(e){const r=window.devicePixelRatio||1;return Math.floor(e*r)}function rt(e){if(e.length===0)return 0;let r=0;for(let i=0;i<e.length;i++)r=(r<<5)-r+e.charCodeAt(i),r|=0;return r}function re(e){let r=_[0],i=p(e.clientX),o=p(e.clientY);ee(r,-1,i,o),je(r)}let ie=!1;function oe(e){let r=_[0],i=p(e.clientX),o=p(e.clientY);if(ie)Y(r,i,o,r.color);else{let a=C();Y(r,i,o,a),ie=!0}}function ae(e){const r=e.targetTouches;let i=_[0];for(let o=0;o<r.length;o++){let a=p(r[o].clientX),n=p(r[o].clientY);ee(i,r[o].identifier,a,n)}}function ne(e){const r=e.targetTouches;let i=_[0];for(let o=0;o<r.length;o++){let a=p(r[o].clientX),n=p(r[o].clientY);Y(i,a,n,i.color)}}function ue(e){const r=e.changedTouches;let i=_[0];for(let o=0;o<r.length;o++)Qe(i)}return window.addEventListener("mousedown",re),window.addEventListener("mousemove",oe),window.addEventListener("touchstart",ae),window.addEventListener("touchmove",ne,!1),window.addEventListener("touchend",ue),Z(),()=>{q=!1,U.current&&(cancelAnimationFrame(U.current),U.current=null),window.removeEventListener("mousedown",re),window.removeEventListener("mousemove",oe),window.removeEventListener("touchstart",ae),window.removeEventListener("touchmove",ne),window.removeEventListener("touchend",ue)}},[]),le.jsx("div",{style:{position:"fixed",top:0,left:0,zIndex:50,pointerEvents:"none",width:"100%",height:"100%"},children:le.jsx("canvas",{ref:H,id:"fluid",style:{width:"100vw",height:"100vh",display:"block"}})})}ve.__docgenInfo={description:"",methods:[],displayName:"SplashCursor",props:{SIM_RESOLUTION:{defaultValue:{value:"128",computed:!1},required:!1},DYE_RESOLUTION:{defaultValue:{value:"1440",computed:!1},required:!1},CAPTURE_RESOLUTION:{defaultValue:{value:"512",computed:!1},required:!1},DENSITY_DISSIPATION:{defaultValue:{value:"3.5",computed:!1},required:!1},VELOCITY_DISSIPATION:{defaultValue:{value:"2",computed:!1},required:!1},PRESSURE:{defaultValue:{value:"0.1",computed:!1},required:!1},PRESSURE_ITERATIONS:{defaultValue:{value:"20",computed:!1},required:!1},CURL:{defaultValue:{value:"3",computed:!1},required:!1},SPLAT_RADIUS:{defaultValue:{value:"0.2",computed:!1},required:!1},SPLAT_FORCE:{defaultValue:{value:"6000",computed:!1},required:!1},SHADING:{defaultValue:{value:"true",computed:!1},required:!1},COLOR_UPDATE_SPEED:{defaultValue:{value:"10",computed:!1},required:!1},BACK_COLOR:{defaultValue:{value:"{ r: 0.5, g: 0, b: 0 }",computed:!1},required:!1},TRANSPARENT:{defaultValue:{value:"true",computed:!1},required:!1}}};const lt={title:"ReactBits/Animations/SplashCursor",component:ve,parameters:{layout:"fullscreen"},tags:["autodocs"]},I={};var ce,se,fe;I.parameters={...I.parameters,docs:{...(ce=I.parameters)==null?void 0:ce.docs,source:{originalSource:"{}",...(fe=(se=I.parameters)==null?void 0:se.docs)==null?void 0:fe.source}}};const ct=["Default"];export{I as Default,ct as __namedExportsOrder,lt as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._card-spotlight_leen8_1{position:relative;border-radius:1.5rem;border:1px solid #222;background-color:#111;padding:2rem;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .05)}._card-spotlight_leen8_1:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}._card-spotlight_leen8_1:hover:before,._card-spotlight_leen8_1:focus-within:before{opacity:.6}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{r as m,j as f}from"./iframe-Cz1R6gKZ.js";import"./preload-helper-C1FmrZbK.js";const h={"card-spotlight":"_card-spotlight_leen8_1"},n=({children:c,className:p="",spotlightColor:u="rgba(255, 255, 255, 0.25)"})=>{const e=m.useRef(null),d=o=>{const r=e.current.getBoundingClientRect(),i=o.clientX-r.left,g=o.clientY-r.top;e.current.style.setProperty("--mouse-x",`${i}px`),e.current.style.setProperty("--mouse-y",`${g}px`),e.current.style.setProperty("--spotlight-color",u)};return f.jsx("div",{ref:e,onMouseMove:d,className:`${h["card-spotlight"]} ${p}`,children:c})};n.__docgenInfo={description:"",methods:[],displayName:"SpotlightCard",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},spotlightColor:{defaultValue:{value:"'rgba(255, 255, 255, 0.25)'",computed:!1},required:!1}}};const C={title:"ReactBits/Components/SpotlightCard",component:n,parameters:{layout:"fullscreen"},tags:["autodocs"]},t={args:{children:"Hello World",spotlightColor:"rgba(255, 255, 255, 0.25)"}};var s,l,a;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
children: 'Hello World',
|
|
4
|
+
spotlightColor: 'rgba(255, 255, 255, 0.25)'
|
|
5
|
+
}
|
|
6
|
+
}`,...(a=(l=t.parameters)==null?void 0:l.docs)==null?void 0:a.source}}};const _=["Default"];export{t as Default,_ as __namedExportsOrder,C as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._stack-container_1aymn_1{position:relative;width:100%;min-height:100vh;perspective:600px}._card-rotate_1aymn_8{position:absolute;width:100%;min-height:100vh;cursor:grab}._card-rotate-disabled_1aymn_15{position:absolute;width:100%;min-height:100vh;cursor:pointer}._card_1aymn_8{border-radius:1rem;overflow:hidden;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}._card_1aymn_8 img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}._card-image_1aymn_38{width:100%;min-height:100vh;object-fit:cover;pointer-events:none}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import{r as c,j as t}from"./iframe-Cz1R6gKZ.js";import{m as k}from"./proxy-CAwOFzsk.js";import{u as R}from"./use-motion-value-BgGWOnBX.js";import{u as q}from"./use-transform-CJxjUEuh.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C_Ro_xsO.js";const $="_card_1aymn_8",o={"stack-container":"_stack-container_1aymn_1","card-rotate":"_card-rotate_1aymn_8","card-rotate-disabled":"_card-rotate-disabled_1aymn_15",card:$,"card-image":"_card-image_1aymn_38"};function I({children:n,onSendToBack:g,sensitivity:s,disableDrag:u=!1}){const d=R(0),i=R(0),m=q(i,[-100,100],[60,-60]),f=q(d,[-100,100],[-60,60]);function b(y,p){Math.abs(p.offset.x)>s||Math.abs(p.offset.y)>s?g():(d.set(0),i.set(0))}return u?t.jsx(k.div,{className:`${o["card-rotate-disabled"]}`,style:{x:0,y:0},children:n}):t.jsx(k.div,{className:`${o["card-rotate"]}`,style:{x:d,y:i,rotateX:m,rotateY:f},drag:!0,dragConstraints:{top:0,right:0,bottom:0,left:0},dragElastic:.6,whileTap:{cursor:"grabbing"},onDragEnd:b,children:n})}function O({randomRotation:n=!1,sensitivity:g=200,cards:s=[],animationConfig:u={stiffness:260,damping:20},sendToBackOnClick:d=!1,autoplay:i=!1,autoplayDelay:m=3e3,pauseOnHover:f=!1,mobileClickOnly:b=!1,mobileBreakpoint:y=768}){const[p,S]=c.useState(!1),[j,x]=c.useState(!1);c.useEffect(()=>{const e=()=>{S(window.innerWidth<y)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[y]);const w=b&&p,D=d||w,[r,_]=c.useState(()=>s.length?s.map((e,a)=>({id:a+1,content:e})):[{id:1,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1480074568708-e7b720bb3f09?q=80&w=500&auto=format",alt:"card-1",className:`${o["card-image"]}`})},{id:2,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1449844908441-8829872d2607?q=80&w=500&auto=format",alt:"card-2",className:`${o["card-image"]}`})},{id:3,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1452626212852-811d58933cae?q=80&w=500&auto=format",alt:"card-3",className:`${o["card-image"]}`})},{id:4,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1572120360610-d971b9d7767c?q=80&w=500&auto=format",alt:"card-4",className:`${o["card-image"]}`})}]);c.useEffect(()=>{s.length&&_(s.map((e,a)=>({id:a+1,content:e})))},[s]);const v=e=>{_(a=>{const l=[...a],M=l.findIndex(F=>F.id===e),[N]=l.splice(M,1);return l.unshift(N),l})};return c.useEffect(()=>{if(i&&r.length>1&&!j){const e=setInterval(()=>{const a=r[r.length-1].id;v(a)},m);return()=>clearInterval(e)}},[i,m,r,j]),t.jsx("div",{className:`${o["stack-container"]}`,onMouseEnter:()=>f&&x(!0),onMouseLeave:()=>f&&x(!1),children:r.map((e,a)=>{const l=n?Math.random()*10-5:0;return t.jsx(I,{onSendToBack:()=>v(e.id),sensitivity:g,disableDrag:w,children:t.jsx(k.div,{className:`${o.card}`,onClick:()=>D&&v(e.id),animate:{rotateZ:(r.length-a-1)*4+l,scale:1+a*.06-r.length*.06,transformOrigin:"90% 90%"},initial:!1,transition:{type:"spring",stiffness:u.stiffness,damping:u.damping},children:e.content})},e.id)})})}O.__docgenInfo={description:"",methods:[],displayName:"Stack",props:{randomRotation:{defaultValue:{value:"false",computed:!1},required:!1},sensitivity:{defaultValue:{value:"200",computed:!1},required:!1},cards:{defaultValue:{value:"[]",computed:!1},required:!1},animationConfig:{defaultValue:{value:"{ stiffness: 260, damping: 20 }",computed:!1},required:!1},sendToBackOnClick:{defaultValue:{value:"false",computed:!1},required:!1},autoplay:{defaultValue:{value:"false",computed:!1},required:!1},autoplayDelay:{defaultValue:{value:"3000",computed:!1},required:!1},pauseOnHover:{defaultValue:{value:"false",computed:!1},required:!1},mobileClickOnly:{defaultValue:{value:"false",computed:!1},required:!1},mobileBreakpoint:{defaultValue:{value:"768",computed:!1},required:!1}}};const W={title:"ReactBits/Components/Stack",component:O,parameters:{layout:"fullscreen"},tags:["autodocs"]},h={args:{randomRotation:!1,sensitivity:200,sendToBackOnClick:!1,autoplay:!1,autoplayDelay:3e3,pauseOnHover:!1,mobileClickOnly:!1,cards:[t.jsx("img",{src:"https://picsum.photos/seed/a/400/300",alt:"card-1",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"1"),t.jsx("img",{src:"https://picsum.photos/seed/b/400/300",alt:"card-2",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"2"),t.jsx("img",{src:"https://picsum.photos/seed/c/400/300",alt:"card-3",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"3"),t.jsx("img",{src:"https://picsum.photos/seed/d/400/300",alt:"card-4",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"4")]}};var E,C,V;h.parameters={...h.parameters,docs:{...(E=h.parameters)==null?void 0:E.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
randomRotation: false,
|
|
4
|
+
sensitivity: 200,
|
|
5
|
+
sendToBackOnClick: false,
|
|
6
|
+
autoplay: false,
|
|
7
|
+
autoplayDelay: 3000,
|
|
8
|
+
pauseOnHover: false,
|
|
9
|
+
mobileClickOnly: false,
|
|
10
|
+
cards: [<img key="1" src="https://picsum.photos/seed/a/400/300" alt="card-1" style={{
|
|
11
|
+
width: '100%',
|
|
12
|
+
height: '100%',
|
|
13
|
+
objectFit: 'cover',
|
|
14
|
+
borderRadius: 12
|
|
15
|
+
}} />, <img key="2" src="https://picsum.photos/seed/b/400/300" alt="card-2" style={{
|
|
16
|
+
width: '100%',
|
|
17
|
+
height: '100%',
|
|
18
|
+
objectFit: 'cover',
|
|
19
|
+
borderRadius: 12
|
|
20
|
+
}} />, <img key="3" src="https://picsum.photos/seed/c/400/300" alt="card-3" style={{
|
|
21
|
+
width: '100%',
|
|
22
|
+
height: '100%',
|
|
23
|
+
objectFit: 'cover',
|
|
24
|
+
borderRadius: 12
|
|
25
|
+
}} />, <img key="4" src="https://picsum.photos/seed/d/400/300" alt="card-4" style={{
|
|
26
|
+
width: '100%',
|
|
27
|
+
height: '100%',
|
|
28
|
+
objectFit: 'cover',
|
|
29
|
+
borderRadius: 12
|
|
30
|
+
}} />]
|
|
31
|
+
}
|
|
32
|
+
}`,...(V=(C=h.parameters)==null?void 0:C.docs)==null?void 0:V.source}}};const X=["Default"];export{h as Default,X as __namedExportsOrder,W as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._staggered-menu-wrapper_rbage_1{position:relative;width:100%;min-height:100vh;z-index:40;pointer-events:none}._staggered-menu-wrapper_rbage_1._fixed-wrapper_rbage_9{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:40;overflow:hidden}._staggered-menu-header_rbage_19{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:2em;background:transparent;pointer-events:none;z-index:20}._staggered-menu-header_rbage_19>*{pointer-events:auto}._sm-logo_rbage_37{display:flex;align-items:center;-webkit-user-select:none;user-select:none}._sm-logo-img_rbage_43{display:block;height:32px;width:auto;object-fit:contain}._sm-toggle_rbage_50{position:relative;display:inline-flex;align-items:center;gap:.3rem;background:transparent;border:none;cursor:pointer;color:#e9e9ef;font-weight:500;line-height:1;overflow:visible}._sm-toggle_rbage_50:focus-visible{outline:2px solid #ffffffaa;outline-offset:4px;border-radius:4px}._sm-line_rbage_70:last-of-type{margin-top:6px}._sm-toggle-textWrap_rbage_74{position:relative;display:inline-block;height:1em;overflow:hidden;white-space:nowrap;width:var(--sm-toggle-width, auto);min-width:var(--sm-toggle-width, auto)}._sm-toggle-textInner_rbage_84{display:flex;flex-direction:column;line-height:1}._sm-toggle-line_rbage_90{display:block;height:1em;line-height:1}._sm-icon_rbage_96{position:relative;width:14px;height:14px;flex:0 0 14px;display:inline-flex;align-items:center;justify-content:center;will-change:transform}._sm-panel-itemWrap_rbage_107{position:relative;overflow:hidden;line-height:1}._sm-icon-line_rbage_113{position:absolute;left:50%;top:50%;width:100%;height:2px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%);will-change:transform}._sm-line_rbage_70{display:none!important}._staggered-menu-panel_rbage_129{position:absolute;top:0;right:0;width:clamp(260px,38vw,420px);min-height:100vh;background:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;padding:6em 2em 2em;overflow-y:auto;z-index:10;pointer-events:auto}[data-position=left] ._staggered-menu-panel_rbage_129{right:auto;left:0}._sm-prelayers_rbage_151{position:absolute;top:0;right:0;bottom:0;width:clamp(260px,38vw,420px);pointer-events:none;z-index:5}[data-position=left] ._sm-prelayers_rbage_151{right:auto;left:0}._sm-prelayer_rbage_151{position:absolute;top:0;right:0;min-height:100vh;width:100%;transform:translate(0)}._sm-panel-inner_rbage_175{flex:1;display:flex;flex-direction:column;gap:1.25rem}._sm-socials_rbage_182{margin-top:auto;padding-top:2rem;display:flex;flex-direction:column;gap:.75rem}._sm-socials-title_rbage_190{margin:0;font-size:1rem;font-weight:500;color:var(--sm-accent, #ff0000)}._sm-socials-list_rbage_197{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}._sm-socials-list_rbage_197 ._sm-socials-link_rbage_208{opacity:1}._sm-socials-list_rbage_197:hover ._sm-socials-link_rbage_208{opacity:.35}._sm-socials-list_rbage_197:hover ._sm-socials-link_rbage_208:hover{opacity:1}._sm-socials-link_rbage_208:focus-visible{outline:2px solid var(--sm-accent, #ff0000);outline-offset:3px}._sm-socials-list_rbage_197:focus-within ._sm-socials-link_rbage_208{opacity:.35}._sm-socials-list_rbage_197:focus-within ._sm-socials-link_rbage_208:focus-visible{opacity:1}._sm-socials-link_rbage_208{font-size:1.2rem;font-weight:500;color:#111;text-decoration:none;position:relative;padding:2px 0;display:inline-block;transition:color .3s ease,opacity .3s ease}._sm-socials-link_rbage_208:hover{color:var(--sm-accent, #ff0000)}._sm-panel-title_rbage_250{margin:0;font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase}._sm-panel-list_rbage_258{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}._sm-panel-item_rbage_107{position:relative;color:#000;font-weight:600;font-size:3.5rem;cursor:pointer;line-height:1;letter-spacing:-2px;text-transform:uppercase;transition:background .25s,color .25s;display:inline-block;text-decoration:none;padding-right:1.4em}._staggered-menu-panel_rbage_129 ._sm-socials-list_rbage_197 ._sm-socials-link_rbage_208{opacity:1;transition:opacity .3s ease}._staggered-menu-panel_rbage_129 ._sm-socials-list_rbage_197:hover ._sm-socials-link_rbage_208:not(:hover){opacity:.35}._staggered-menu-panel_rbage_129 ._sm-socials-list_rbage_197:focus-within ._sm-socials-link_rbage_208:not(:focus-visible){opacity:.35}._staggered-menu-panel_rbage_129 ._sm-socials-list_rbage_197 ._sm-socials-link_rbage_208:hover,._staggered-menu-panel_rbage_129 ._sm-socials-list_rbage_197 ._sm-socials-link_rbage_208:focus-visible{opacity:1}._sm-panel-itemLabel_rbage_302{display:inline-block;will-change:transform;transform-origin:50% 100%}._sm-panel-item_rbage_107:hover{color:var(--sm-accent, #5227ff)}._sm-panel-list_rbage_258[data-numbering]{counter-reset:smItem}._sm-panel-list_rbage_258[data-numbering] ._sm-panel-item_rbage_107:after{counter-increment:smItem;content:counter(smItem,decimal-leading-zero);position:absolute;top:.1em;right:2.8em;font-size:18px;font-weight:400;color:var(--sm-accent, #5227ff);letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--sm-num-opacity, 0)}@media (max-width: 1024px){._staggered-menu-panel_rbage_129{width:100%;left:0;right:0}._staggered-menu-wrapper_rbage_1[data-open] ._sm-logo-img_rbage_43{filter:invert(100%)}}@media (max-width: 640px){._staggered-menu-panel_rbage_129{width:100%;left:0;right:0}._staggered-menu-wrapper_rbage_1[data-open] ._sm-logo-img_rbage_43{filter:invert(100%)}}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import{r as s,R as le,j as r}from"./iframe-Cz1R6gKZ.js";import{g as l}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const a={"staggered-menu-wrapper":"_staggered-menu-wrapper_rbage_1","staggered-menu-header":"_staggered-menu-header_rbage_19","sm-logo":"_sm-logo_rbage_37","sm-logo-img":"_sm-logo-img_rbage_43","sm-toggle":"_sm-toggle_rbage_50","sm-toggle-textWrap":"_sm-toggle-textWrap_rbage_74","sm-toggle-textInner":"_sm-toggle-textInner_rbage_84","sm-toggle-line":"_sm-toggle-line_rbage_90","sm-icon":"_sm-icon_rbage_96","sm-panel-itemWrap":"_sm-panel-itemWrap_rbage_107","sm-icon-line":"_sm-icon-line_rbage_113","staggered-menu-panel":"_staggered-menu-panel_rbage_129","sm-prelayers":"_sm-prelayers_rbage_151","sm-prelayer":"_sm-prelayer_rbage_151","sm-panel-inner":"_sm-panel-inner_rbage_175","sm-socials":"_sm-socials_rbage_182","sm-socials-title":"_sm-socials-title_rbage_190","sm-socials-list":"_sm-socials-list_rbage_197","sm-socials-link":"_sm-socials-link_rbage_208","sm-panel-list":"_sm-panel-list_rbage_258","sm-panel-item":"_sm-panel-item_rbage_107","sm-panel-itemLabel":"_sm-panel-itemLabel_rbage_302"},oe=({position:k="right",colors:P=["#B19EEF","#5227FF"],items:T=[],socialItems:V=[],displaySocials:ce=!0,displayItemNumbering:ue=!0,className:D,logoUrl:me="/src/assets/logos/reactbits-gh-white.svg",menuButtonColor:b="#fff",openMenuButtonColor:v="#fff",accentColor:G="#5227FF",changeMenuColorOnOpen:L=!0,isFixed:fe=!1,closeOnClickAway:U=!0,onMenuOpen:N,onMenuClose:h})=>{const[y,z]=s.useState(!1),R=s.useRef(!1),_=s.useRef(null),J=s.useRef(null),I=s.useRef([]),K=s.useRef(null),Q=s.useRef(null),W=s.useRef(null),H=s.useRef(null),pe=s.useRef(null),[ge,de]=s.useState(["Menu","Close"]),S=s.useRef(null),w=s.useRef(null),O=s.useRef(null),X=s.useRef(null),Y=s.useRef(null),p=s.useRef(null),j=s.useRef(!1),Z=s.useRef(null);s.useLayoutEffect(()=>{const e=l.context(()=>{const t=_.current,n=J.current,o=K.current,m=Q.current,i=W.current,c=H.current;if(!t||!o||!m||!i||!c)return;let f=[];n&&(f=Array.from(n.querySelectorAll(".sm-prelayer"))),I.current=f;const u=k==="left"?-100:100;l.set([t,...f],{xPercent:u}),l.set(o,{transformOrigin:"50% 50%",rotate:0}),l.set(m,{transformOrigin:"50% 50%",rotate:90}),l.set(i,{rotate:0,transformOrigin:"50% 50%"}),l.set(c,{yPercent:0}),p.current&&l.set(p.current,{color:b})});return()=>e.revert()},[b,k]);const M=s.useCallback(()=>{var ae,se;const e=_.current,t=I.current;if(!e)return null;(ae=S.current)==null||ae.kill(),w.current&&(w.current.kill(),w.current=null),(se=Z.current)==null||se.kill();const n=Array.from(e.querySelectorAll(".sm-panel-itemLabel")),o=Array.from(e.querySelectorAll(".sm-panel-list[data-numbering] .sm-panel-item")),m=e.querySelector(".sm-socials-title"),i=Array.from(e.querySelectorAll(".sm-socials-link")),c=t.map(d=>({el:d,start:Number(l.getProperty(d,"xPercent"))})),f=Number(l.getProperty(e,"xPercent"));n.length&&l.set(n,{yPercent:140,rotate:10}),o.length&&l.set(o,{"--sm-num-opacity":0}),m&&l.set(m,{opacity:0}),i.length&&l.set(i,{y:25,opacity:0});const u=l.timeline({paused:!0});c.forEach((d,A)=>{u.fromTo(d.el,{xPercent:d.start},{xPercent:0,duration:.5,ease:"power4.out"},A*.07)});const g=(c.length?(c.length-1)*.07:0)+(c.length?.08:0),B=.65;if(u.fromTo(e,{xPercent:f},{xPercent:0,duration:B,ease:"power4.out"},g),n.length){const A=g+B*.15;u.to(n,{yPercent:0,rotate:0,duration:1,ease:"power4.out",stagger:{each:.1,from:"start"}},A),o.length&&u.to(o,{duration:.6,ease:"power2.out","--sm-num-opacity":1,stagger:{each:.08,from:"start"}},A+.1)}if(m||i.length){const d=g+B*.4;m&&u.to(m,{opacity:1,duration:.5,ease:"power2.out"},d),i.length&&u.to(i,{y:0,opacity:1,duration:.55,ease:"power3.out",stagger:{each:.08,from:"start"},onComplete:()=>{l.set(i,{clearProps:"opacity"})}},d+.04)}return S.current=u,u},[]),ee=s.useCallback(()=>{if(j.current)return;j.current=!0;const e=M();e?(e.eventCallback("onComplete",()=>{j.current=!1}),e.play(0)):j.current=!1},[M]),$=s.useCallback(()=>{var m,i,c;(m=S.current)==null||m.kill(),S.current=null,(i=Z.current)==null||i.kill();const e=_.current,t=I.current;if(!e)return;const n=[...t,e];(c=w.current)==null||c.kill();const o=k==="left"?-100:100;w.current=l.to(n,{xPercent:o,duration:.32,ease:"power3.in",overwrite:"auto",onComplete:()=>{const f=Array.from(e.querySelectorAll(".sm-panel-itemLabel"));f.length&&l.set(f,{yPercent:140,rotate:10});const u=Array.from(e.querySelectorAll(".sm-panel-list[data-numbering] .sm-panel-item"));u.length&&l.set(u,{"--sm-num-opacity":0});const x=e.querySelector(".sm-socials-title"),g=Array.from(e.querySelectorAll(".sm-socials-link"));x&&l.set(x,{opacity:0}),g.length&&l.set(g,{y:25,opacity:0}),j.current=!1}})},[k]),q=s.useCallback(e=>{var n;const t=W.current;t&&((n=O.current)==null||n.kill(),e?O.current=l.to(t,{rotate:225,duration:.8,ease:"power4.out",overwrite:"auto"}):O.current=l.to(t,{rotate:0,duration:.35,ease:"power3.inOut",overwrite:"auto"}))},[]),E=s.useCallback(e=>{var n;const t=p.current;if(t)if((n=Y.current)==null||n.kill(),L){const o=e?v:b;Y.current=l.to(t,{color:o,delay:.18,duration:.3,ease:"power2.out"})}else l.set(t,{color:b})},[v,b,L]);le.useEffect(()=>{if(p.current)if(L){const e=R.current?v:b;l.set(p.current,{color:e})}else l.set(p.current,{color:b})},[L,b,v]);const F=s.useCallback(e=>{var x;const t=H.current;if(!t)return;(x=X.current)==null||x.kill();const n=e?"Menu":"Close",o=e?"Close":"Menu",m=3,i=[n];let c=n;for(let g=0;g<m;g++)c=c==="Menu"?"Close":"Menu",i.push(c);c!==o&&i.push(o),i.push(o),de(i),l.set(t,{yPercent:0});const f=i.length,u=(f-1)/f*100;X.current=l.to(t,{yPercent:-u,duration:.5+f*.07,ease:"power4.out"})},[]),be=s.useCallback(()=>{const e=!R.current;R.current=e,z(e),e?(N==null||N(),ee()):(h==null||h(),$()),q(e),E(e),F(e)},[ee,$,q,E,F,N,h]),te=s.useCallback(()=>{R.current&&(R.current=!1,z(!1),h==null||h(),$(),q(!1),E(!1),F(!1))},[$,q,E,F,h]);return le.useEffect(()=>{if(!U||!y)return;const e=t=>{_.current&&!_.current.contains(t.target)&&p.current&&!p.current.contains(t.target)&&te()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[U,y,te]),r.jsxs("div",{className:(D?D+" ":"")+a["staggered-menu-wrapper"]+(fe?" fixed-wrapper":""),style:G?{"--sm-accent":G}:void 0,"data-position":k,"data-open":y||void 0,children:[r.jsx("div",{ref:J,className:`${a["sm-prelayers"]}`,"aria-hidden":"true",children:(()=>{let t=[...P&&P.length?P.slice(0,4):["#1e1e22","#35353c"]];if(t.length>=3){const n=Math.floor(t.length/2);t.splice(n,1)}return t.map((n,o)=>r.jsx("div",{className:`${a["sm-prelayer"]}`,style:{background:n}},o))})()}),r.jsxs("header",{className:`${a["staggered-menu-header"]}`,"aria-label":"Main navigation header",children:[r.jsx("div",{className:`${a["sm-logo"]}`,"aria-label":"Logo",children:r.jsx("img",{src:me||"/src/assets/logos/reactbits-gh-white.svg",alt:"Logo",className:`${a["sm-logo-img"]}`,draggable:!1,width:110,height:24})}),r.jsxs("button",{ref:p,className:`${a["sm-toggle"]}`,"aria-label":y?"Close menu":"Open menu","aria-expanded":y,"aria-controls":a["staggered-menu-panel"],onClick:be,type:"button",children:[r.jsx("span",{ref:pe,className:`${a["sm-toggle-textWrap"]}`,"aria-hidden":"true",children:r.jsx("span",{ref:H,className:`${a["sm-toggle-textInner"]}`,children:ge.map((e,t)=>r.jsx("span",{className:`${a["sm-toggle-line"]}`,children:e},t))})}),r.jsxs("span",{ref:W,className:`${a["sm-icon"]}`,"aria-hidden":"true",children:[r.jsx("span",{ref:K,className:`${a["sm-icon-line"]}`}),r.jsx("span",{ref:Q,className:`${a["sm-icon-line"]} ${a["sm-icon-line"]}-v`})]})]})]}),r.jsx("aside",{id:a["staggered-menu-panel"],ref:_,className:`${a["staggered-menu-panel"]}`,"aria-hidden":!y,children:r.jsxs("div",{className:`${a["sm-panel-inner"]}`,children:[r.jsx("ul",{className:`${a["sm-panel-list"]}`,role:"list","data-numbering":ue||void 0,children:T&&T.length?T.map((e,t)=>r.jsx("li",{className:`${a["sm-panel-itemWrap"]}`,children:r.jsx("a",{className:`${a["sm-panel-item"]}`,href:e.link,"aria-label":e.ariaLabel,"data-index":t+1,children:r.jsx("span",{className:`${a["sm-panel-itemLabel"]}`,children:e.label})})},e.label+t)):r.jsx("li",{className:`${a["sm-panel-itemWrap"]}`,"aria-hidden":"true",children:r.jsx("span",{className:`${a["sm-panel-item"]}`,children:r.jsx("span",{className:`${a["sm-panel-itemLabel"]}`,children:"No items"})})})}),ce&&V&&V.length>0&&r.jsxs("div",{className:`${a["sm-socials"]}`,"aria-label":"Social links",children:[r.jsx("h3",{className:`${a["sm-socials-title"]}`,children:"Socials"}),r.jsx("ul",{className:`${a["sm-socials-list"]}`,role:"list",children:V.map((e,t)=>r.jsx("li",{className:"sm-socials-item",children:r.jsx("a",{href:e.link,target:"_blank",rel:"noopener noreferrer",className:`${a["sm-socials-link"]}`,children:e.label})},e.label+t))})]})]})})]})};oe.__docgenInfo={description:"",methods:[],displayName:"StaggeredMenu",props:{position:{defaultValue:{value:"'right'",computed:!1},required:!1},colors:{defaultValue:{value:"['#B19EEF', '#5227FF']",computed:!1},required:!1},items:{defaultValue:{value:"[]",computed:!1},required:!1},socialItems:{defaultValue:{value:"[]",computed:!1},required:!1},displaySocials:{defaultValue:{value:"true",computed:!1},required:!1},displayItemNumbering:{defaultValue:{value:"true",computed:!1},required:!1},logoUrl:{defaultValue:{value:"'/src/assets/logos/reactbits-gh-white.svg'",computed:!1},required:!1},menuButtonColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},openMenuButtonColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},accentColor:{defaultValue:{value:"'#5227FF'",computed:!1},required:!1},changeMenuColorOnOpen:{defaultValue:{value:"true",computed:!1},required:!1},isFixed:{defaultValue:{value:"false",computed:!1},required:!1},closeOnClickAway:{defaultValue:{value:"true",computed:!1},required:!1}}};const xe={title:"ReactBits/Components/StaggeredMenu",component:oe,parameters:{layout:"fullscreen"},tags:["autodocs"]},C={args:{position:"right",colors:["#B19EEF","#5227FF"],items:[{label:"Home",link:"#",ariaLabel:"Home"},{label:"About",link:"#about",ariaLabel:"About"},{label:"Projects",link:"#projects",ariaLabel:"Projects"},{label:"Blog",link:"#blog",ariaLabel:"Blog"},{label:"Contact",link:"#contact",ariaLabel:"Contact"}],socialItems:[{label:"Twitter",link:"https://twitter.com"},{label:"GitHub",link:"https://github.com"},{label:"LinkedIn",link:"https://linkedin.com"}],displaySocials:!0,displayItemNumbering:!0,menuButtonColor:"#fff",openMenuButtonColor:"#fff",accentColor:"#5227FF",changeMenuColorOnOpen:!0,isFixed:!1,closeOnClickAway:!0}};var re,ne,ie;C.parameters={...C.parameters,docs:{...(re=C.parameters)==null?void 0:re.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
position: 'right',
|
|
4
|
+
colors: ['#B19EEF', '#5227FF'],
|
|
5
|
+
items: [{
|
|
6
|
+
label: 'Home',
|
|
7
|
+
link: '#',
|
|
8
|
+
ariaLabel: 'Home'
|
|
9
|
+
}, {
|
|
10
|
+
label: 'About',
|
|
11
|
+
link: '#about',
|
|
12
|
+
ariaLabel: 'About'
|
|
13
|
+
}, {
|
|
14
|
+
label: 'Projects',
|
|
15
|
+
link: '#projects',
|
|
16
|
+
ariaLabel: 'Projects'
|
|
17
|
+
}, {
|
|
18
|
+
label: 'Blog',
|
|
19
|
+
link: '#blog',
|
|
20
|
+
ariaLabel: 'Blog'
|
|
21
|
+
}, {
|
|
22
|
+
label: 'Contact',
|
|
23
|
+
link: '#contact',
|
|
24
|
+
ariaLabel: 'Contact'
|
|
25
|
+
}],
|
|
26
|
+
socialItems: [{
|
|
27
|
+
label: 'Twitter',
|
|
28
|
+
link: 'https://twitter.com'
|
|
29
|
+
}, {
|
|
30
|
+
label: 'GitHub',
|
|
31
|
+
link: 'https://github.com'
|
|
32
|
+
}, {
|
|
33
|
+
label: 'LinkedIn',
|
|
34
|
+
link: 'https://linkedin.com'
|
|
35
|
+
}],
|
|
36
|
+
displaySocials: true,
|
|
37
|
+
displayItemNumbering: true,
|
|
38
|
+
menuButtonColor: '#fff',
|
|
39
|
+
openMenuButtonColor: '#fff',
|
|
40
|
+
accentColor: '#5227FF',
|
|
41
|
+
changeMenuColorOnOpen: true,
|
|
42
|
+
isFixed: false,
|
|
43
|
+
closeOnClickAway: true
|
|
44
|
+
}
|
|
45
|
+
}`,...(ie=(ne=C.parameters)==null?void 0:ne.docs)==null?void 0:ie.source}}};const ke=["Default"];export{C as Default,ke as __namedExportsOrder,xe as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._star-border-container_xk50o_1{display:inline-block;position:relative;border-radius:20px;overflow:hidden}._border-gradient-bottom_xk50o_8{position:absolute;width:300%;height:50%;opacity:.7;bottom:-12px;right:-250%;border-radius:50%;animation-name:_star-movement-bottom_xk50o_1;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;z-index:0}._border-gradient-top_xk50o_23{position:absolute;opacity:.7;width:300%;height:50%;top:-12px;left:-250%;border-radius:50%;animation-name:_star-movement-top_xk50o_1;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;z-index:0}._inner-content_xk50o_38{position:relative;border:1px solid #222;background:#000;color:#fff;font-size:16px;text-align:center;padding:16px 26px;border-radius:20px;z-index:1}@keyframes _star-movement-bottom_xk50o_1{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes _star-movement-top_xk50o_1{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{j as e}from"./iframe-Cz1R6gKZ.js";import"./preload-helper-C1FmrZbK.js";const r={"star-border-container":"_star-border-container_xk50o_1","border-gradient-bottom":"_border-gradient-bottom_xk50o_8","border-gradient-top":"_border-gradient-top_xk50o_23","inner-content":"_inner-content_xk50o_38"},i=({as:c="button",className:u="",color:a="white",speed:o="6s",thickness:m=1,children:p,...s})=>e.jsxs(c,{className:`${r["star-border-container"]} ${u}`,style:{padding:`${m}px 0`,...s.style},...s,children:[e.jsx("div",{className:`${r["border-gradient-bottom"]}`,style:{background:`radial-gradient(circle, ${a}, transparent 10%)`,animationDuration:o}}),e.jsx("div",{className:`${r["border-gradient-top"]}`,style:{background:`radial-gradient(circle, ${a}, transparent 10%)`,animationDuration:o}}),e.jsx("div",{className:`${r["inner-content"]}`,children:p})]});i.__docgenInfo={description:"",methods:[],displayName:"StarBorder",props:{as:{defaultValue:{value:"'button'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},color:{defaultValue:{value:"'white'",computed:!1},required:!1},speed:{defaultValue:{value:"'6s'",computed:!1},required:!1},thickness:{defaultValue:{value:"1",computed:!1},required:!1}}};const g={title:"ReactBits/Animations/StarBorder",component:i,parameters:{layout:"fullscreen"},tags:["autodocs"]},t={args:{as:"button",color:"white",speed:"6s",thickness:1,children:"Hello World"}};var n,d,l;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
as: 'button',
|
|
4
|
+
color: 'white',
|
|
5
|
+
speed: '6s',
|
|
6
|
+
thickness: 1,
|
|
7
|
+
children: 'Hello World'
|
|
8
|
+
}
|
|
9
|
+
}`,...(l=(d=t.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};const _=["Default"];export{t as Default,_ as __namedExportsOrder,g as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_11ons_1{background:var(--color-background-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center}._title_11ons_10{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-lg);text-align:center}._chart_11ons_18{display:block}._tooltip_11ons_22{background:var(--color-background);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text);box-shadow:var(--shadow-lg);pointer-events:none;z-index:1000}._tooltip_11ons_22 div{margin:var(--spacing-xs) 0}._tooltip_11ons_22 strong{color:var(--color-primary)}
|