@stfrigerio/sito-template 0.1.57 → 0.1.59
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/components/atoms/Button/Button.stories.d.ts +0 -1
- package/dist/components/atoms/Button/Button.stories.d.ts.map +1 -1
- package/dist/components/atoms/Card/Card.stories.d.ts +0 -1
- package/dist/components/atoms/Card/Card.stories.d.ts.map +1 -1
- package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts +0 -7
- package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts.map +1 -1
- package/dist/components/atoms/DateInput/DateInput.stories.d.ts +0 -7
- package/dist/components/atoms/DateInput/DateInput.stories.d.ts.map +1 -1
- package/dist/components/atoms/LoadingSpinner/LoadingSpinner.stories.d.ts +1 -15
- package/dist/components/atoms/LoadingSpinner/LoadingSpinner.stories.d.ts.map +1 -1
- package/dist/components/atoms/NumberStepper/NumberStepper.stories.d.ts +0 -16
- package/dist/components/atoms/NumberStepper/NumberStepper.stories.d.ts.map +1 -1
- package/dist/components/atoms/SearchableDropdown/SearchableDropdown.stories.d.ts +0 -9
- package/dist/components/atoms/SearchableDropdown/SearchableDropdown.stories.d.ts.map +1 -1
- package/dist/components/atoms/SelectInput/SelectInput.stories.d.ts +0 -6
- package/dist/components/atoms/SelectInput/SelectInput.stories.d.ts.map +1 -1
- package/dist/components/atoms/Slider/Slider.stories.d.ts.map +1 -1
- package/dist/components/atoms/TextArea/TextArea.stories.d.ts +0 -10
- package/dist/components/atoms/TextArea/TextArea.stories.d.ts.map +1 -1
- package/dist/components/atoms/TextInput/TextInput.stories.d.ts +0 -14
- package/dist/components/atoms/TextInput/TextInput.stories.d.ts.map +1 -1
- package/dist/components/atoms/Toggle/Toggle.stories.d.ts +0 -8
- package/dist/components/atoms/Toggle/Toggle.stories.d.ts.map +1 -1
- package/dist/components/atoms/ToggleButton/ToggleButton.stories.d.ts +0 -7
- package/dist/components/atoms/ToggleButton/ToggleButton.stories.d.ts.map +1 -1
- package/dist/components/molecules/ArrayInput/ArrayInput.stories.d.ts +0 -9
- package/dist/components/molecules/ArrayInput/ArrayInput.stories.d.ts.map +1 -1
- package/dist/components/molecules/EditFAB/EditFAB.stories.d.ts +1 -12
- package/dist/components/molecules/EditFAB/EditFAB.stories.d.ts.map +1 -1
- package/dist/components/molecules/SearchBar/SearchBar.stories.d.ts +0 -8
- package/dist/components/molecules/SearchBar/SearchBar.stories.d.ts.map +1 -1
- package/dist/components/molecules/Tabs/Tabs.stories.d.ts.map +1 -1
- package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.stories.d.ts +0 -3
- package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.stories.d.ts.map +1 -1
- package/dist/components/molecules/TimeInput/TimeInput.stories.d.ts +0 -6
- package/dist/components/molecules/TimeInput/TimeInput.stories.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/Calendar.d.ts +21 -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/Calendar/DayEventCard.d.ts +1 -1
- package/dist/components/organisms/Calendar/DayEventCard.d.ts.map +1 -1
- package/dist/components/organisms/ImageSlideshow/ImageSlideshow.stories.d.ts +0 -23
- package/dist/components/organisms/ImageSlideshow/ImageSlideshow.stories.d.ts.map +1 -1
- package/dist/components/organisms/Navbar/Navbar.d.ts +1 -0
- package/dist/components/organisms/Navbar/Navbar.d.ts.map +1 -1
- package/dist/components/organisms/Navbar/Navbar.stories.d.ts +1 -7
- package/dist/components/organisms/Navbar/Navbar.stories.d.ts.map +1 -1
- package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.stories.d.ts +1 -4
- package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.stories.d.ts.map +1 -1
- package/dist/components/organisms/charts/PieChart/PieChart.stories.d.ts +1 -5
- package/dist/components/organisms/charts/PieChart/PieChart.stories.d.ts.map +1 -1
- package/dist/index.esm.js +148 -60
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +147 -59
- package/dist/index.js.map +1 -1
- 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/dao.css +16 -1
- package/dist/themes/globals.css +2 -5
- package/package.json +1 -1
- package/storybook-static/assets/{ASCIIText.stories-LbmvFzzv.js → ASCIIText.stories-CsG3yKr5.js} +4 -4
- package/storybook-static/assets/{AllAtoms.stories-CLunFOjI.js → AllAtoms.stories-D2Pzz8c7.js} +1 -1
- package/storybook-static/assets/{AnimatedContent.stories-B8hBaVkK.js → AnimatedContent.stories-BP9feFGz.js} +1 -1
- package/storybook-static/assets/{AnimatedList.stories-D8a9eYqH.js → AnimatedList.stories-DQ8jdk44.js} +2 -2
- package/storybook-static/assets/{Antigravity.stories-D_mJbWK0.js → Antigravity.stories-BTIHyYKU.js} +1 -1
- package/storybook-static/assets/ArrayInput.stories-d5_OJJMu.js +138 -0
- package/storybook-static/assets/{Aurora.stories-BN4MataE.js → Aurora.stories-D_eQNPaB.js} +2 -2
- package/storybook-static/assets/{Beams.stories-CCtZOw8G.js → Beams.stories-VLKuYE0_.js} +6 -6
- package/storybook-static/assets/{BlobCursor.stories-CdB55R5G.js → BlobCursor.stories-BQJgTsuD.js} +1 -1
- package/storybook-static/assets/{BlurText.stories-Bg2Ih2Je.js → BlurText.stories-oSn5_w7h.js} +2 -2
- package/storybook-static/assets/BooleansHeatmap-C8cFXa7K.css +1 -0
- package/storybook-static/assets/BooleansHeatmap.stories-CHoCYK4N.js +63 -0
- package/storybook-static/assets/{BorderGlow.stories-CUxbrsvW.js → BorderGlow.stories-D-vgIU3S.js} +1 -1
- package/storybook-static/assets/{BubbleMenu.stories-DuVDLBsV.js → BubbleMenu.stories-DcWoqA7_.js} +1 -1
- package/storybook-static/assets/{Button-CQGdvhpN.js → Button-DgpqJWgD.js} +1 -1
- package/storybook-static/assets/{Button.stories-D8Xx3I9p.js → Button.stories-TQXKQagp.js} +2 -2
- package/storybook-static/assets/Calendar-BZCyXxvF.css +1 -0
- package/storybook-static/assets/Calendar.stories-D5CKBagI.js +321 -0
- package/storybook-static/assets/{Card-DNp-cUnt.js → Card-Bu54h8gN.js} +1 -1
- package/storybook-static/assets/{Card.stories-D1f1NTVU.js → Card.stories-Dw2bPvLo.js} +1 -1
- package/storybook-static/assets/{CardNav.stories-Cd4zEw8p.js → CardNav.stories-CnbwwAde.js} +1 -1
- package/storybook-static/assets/{Carousel.stories-BxbGwXE5.js → Carousel.stories-ChBLLqBg.js} +2 -2
- package/storybook-static/assets/{Checkbox-Dw8W2w74.js → Checkbox-Duyafa-Y.js} +1 -1
- package/storybook-static/assets/Checkbox.stories-Co7IxmK1.js +55 -0
- package/storybook-static/assets/{ChromaGrid.stories-DBHYiDPV.js → ChromaGrid.stories-68ukohGs.js} +1 -1
- package/storybook-static/assets/{CircularGallery.stories-TJN6o_RG.js → CircularGallery.stories-CV4iXVIX.js} +2 -2
- package/storybook-static/assets/{CircularText.stories-rNjRUNn2.js → CircularText.stories-DqYHtbPW.js} +1 -1
- package/storybook-static/assets/{ClickSpark.stories-BfqByoGe.js → ClickSpark.stories-DvAOxLjs.js} +1 -1
- package/storybook-static/assets/{ColorBends.stories-IEMOWAyf.js → ColorBends.stories-Dm4nxTTN.js} +2 -2
- package/storybook-static/assets/{CountUp.stories-DXPrKAQb.js → CountUp.stories-DTaL8Yfy.js} +1 -1
- package/storybook-static/assets/{Counter.stories-DMdecsw_.js → Counter.stories-Bf_2Js0l.js} +2 -2
- package/storybook-static/assets/{Crosshair.stories-CYzDxRSn.js → Crosshair.stories-DJjjCcED.js} +2 -2
- package/storybook-static/assets/{Cubes.stories-Drq4ULo3.js → Cubes.stories-Qh3JqlQW.js} +1 -1
- package/storybook-static/assets/{CurvedLoop.stories-C9GMKnIw.js → CurvedLoop.stories-BvyrCuM7.js} +1 -1
- package/storybook-static/assets/{DarkVeil.stories-BtLNfEH8.js → DarkVeil.stories-BVY870pm.js} +2 -2
- package/storybook-static/assets/{DateInput-CW4PsZAQ.js → DateInput-DfGES3te.js} +2 -2
- package/storybook-static/assets/DateInput-Dhcb9x13.css +1 -0
- package/storybook-static/assets/DateInput.stories-BXF8Ttde.js +51 -0
- package/storybook-static/assets/{DecayCard.stories-CAU_wTc7.js → DecayCard.stories-B0g2xWqX.js} +1 -1
- package/storybook-static/assets/{DecryptedText.stories-Dvba9C1V.js → DecryptedText.stories-fqDZfjv8.js} +1 -1
- package/storybook-static/assets/{Dither.stories-B5KfMprl.js → Dither.stories-B4N3Z5sW.js} +2 -2
- package/storybook-static/assets/{Dock.stories-oyQGRzlM.js → Dock.stories-f_YKz-pl.js} +1 -1
- package/storybook-static/assets/EditFAB.stories-LhVUDgtx.js +233 -0
- package/storybook-static/assets/{EvilEye.stories-C1820-DG.js → EvilEye.stories-BtBvvs31.js} +2 -2
- package/storybook-static/assets/{FadeContent.stories-B4z_JRy9.js → FadeContent.stories-oNqKrfSe.js} +1 -1
- package/storybook-static/assets/{FaultyTerminal.stories-DmkguJql.js → FaultyTerminal.stories-7nV4DvrW.js} +2 -2
- package/storybook-static/assets/{Fbo-CTQm-4Bw.js → Fbo-Clk04E0N.js} +1 -1
- package/storybook-static/assets/{FloatingLines.stories-CQvqKSpH.js → FloatingLines.stories-DgxhGl_b.js} +2 -2
- package/storybook-static/assets/{FlowingMenu.stories-DmOspv0B.js → FlowingMenu.stories-C5dfG25U.js} +1 -1
- package/storybook-static/assets/{FluidGlass.stories-CZSqxrNt.js → FluidGlass.stories-DGLlp1x1.js} +2 -2
- package/storybook-static/assets/{Folder.stories-7vb52Lfi.js → Folder.stories-BJGdA6Qb.js} +1 -1
- package/storybook-static/assets/{FuzzyText.stories-BdXN4VK1.js → FuzzyText.stories-DygRT6bB.js} +1 -1
- package/storybook-static/assets/{Galaxy.stories-BhT1GZh5.js → Galaxy.stories-BU6XCHeu.js} +2 -2
- package/storybook-static/assets/{GhostCursor.stories-DkXqCjE9.js → GhostCursor.stories-D_HIFPUl.js} +2 -2
- package/storybook-static/assets/{GlareHover.stories-CznX3yTV.js → GlareHover.stories-D5_-xnyP.js} +1 -1
- package/storybook-static/assets/{GlassSurface.stories-BnwwYK95.js → GlassSurface.stories-CrZqAGRq.js} +2 -2
- package/storybook-static/assets/{GlitchText.stories-CVcTBUVS.js → GlitchText.stories-BRqI-kBX.js} +2 -2
- package/storybook-static/assets/{GooeyNav.stories-C0abTHBc.js → GooeyNav.stories-DjR0-Th2.js} +1 -1
- package/storybook-static/assets/{GradientBlinds.stories-CpSguKtv.js → GradientBlinds.stories-CiIDtPz3.js} +2 -2
- package/storybook-static/assets/{GradientText.stories-B4hMx13h.js → GradientText.stories-pLA_An71.js} +1 -1
- package/storybook-static/assets/{Grainient.stories-5EakpvU2.js → Grainient.stories-BthRrRMd.js} +2 -2
- package/storybook-static/assets/{GridMotion.stories-Bm3DD7cb.js → GridMotion.stories-BSwjL8IE.js} +1 -1
- package/storybook-static/assets/ImageSlideshow.stories-BYAQMHlZ.js +108 -0
- package/storybook-static/assets/{Iridescence.stories-Cykk3hHZ.js → Iridescence.stories-ChHTH2TM.js} +2 -2
- package/storybook-static/assets/{LaserFlow.stories-CfiM4ZZ5.js → LaserFlow.stories-DlDx8Vr8.js} +2 -2
- package/storybook-static/assets/{LetterGlitch.stories-BXb7iSeX.js → LetterGlitch.stories-C-S2SRjU.js} +1 -1
- package/storybook-static/assets/{LightPillar.stories-CwI-8_BF.js → LightPillar.stories-D0PF-h7T.js} +3 -3
- package/storybook-static/assets/{LightRays.stories-BIIfv6Ky.js → LightRays.stories-Cbkl7wuP.js} +2 -2
- package/storybook-static/assets/{Lightning.stories-B8GNkzSN.js → Lightning.stories-BUs-gwYj.js} +2 -2
- package/storybook-static/assets/{LineWaves.stories-CjxdD_yt.js → LineWaves.stories-D2GXzteP.js} +2 -2
- package/storybook-static/assets/{LiquidChrome.stories-G7bVFJM9.js → LiquidChrome.stories-CtDp7th1.js} +2 -2
- package/storybook-static/assets/{LiquidEther.stories-C8n27zuA.js → LiquidEther.stories-DM2n5oEm.js} +2 -2
- package/storybook-static/assets/{LoadingSpinner-Br8TYFlF.js → LoadingSpinner-DaUSIVPY.js} +1 -1
- package/storybook-static/assets/LoadingSpinner.stories-Cx4_nNAf.js +21 -0
- package/storybook-static/assets/{MagicRings.stories-D50m_2UF.js → MagicRings.stories-CZt-cHcL.js} +2 -2
- package/storybook-static/assets/{Magnet.stories-BP9fjpzP.js → Magnet.stories-B6js1VeO.js} +1 -1
- package/storybook-static/assets/{MagnetLines.stories-DvbytV0Y.js → MagnetLines.stories-BKQ9YC_E.js} +1 -1
- package/storybook-static/assets/{Masonry.stories-xXYQw2uD.js → Masonry.stories-BGkTkNUa.js} +1 -1
- package/storybook-static/assets/{MetaBalls.stories-DKD3gVUH.js → MetaBalls.stories-Cao6Tqjg.js} +2 -2
- package/storybook-static/assets/{MetallicPaint.stories-Bz-uS-L_.js → MetallicPaint.stories-DF9qb3W_.js} +2 -2
- package/storybook-static/assets/MoodChart-ba3aY_qF.css +1 -0
- package/storybook-static/assets/MoodChart.stories-AGxwnR6s.js +40 -0
- package/storybook-static/assets/{MotionConfigContext-D5hZdVGx.js → MotionConfigContext-BCa1jVYq.js} +1 -1
- package/storybook-static/assets/Navbar-CH6O1IzY.css +1 -0
- package/storybook-static/assets/Navbar.stories-CFHb1c22.js +186 -0
- package/storybook-static/assets/{Noise.stories-D6C6-k8-.js → Noise.stories-ConXbyqm.js} +2 -2
- package/storybook-static/assets/{NumberStepper--0cJcLNZ.js → NumberStepper-DH9y3k8b.js} +1 -1
- package/storybook-static/assets/NumberStepper.stories-PMwPqbsn.js +88 -0
- package/storybook-static/assets/{Orb.stories-CS__2PJW.js → Orb.stories-DcXSWhV1.js} +2 -2
- package/storybook-static/assets/{OrbitImages.stories-CcaelcY5.js → OrbitImages.stories-Dk417qKA.js} +1 -1
- package/storybook-static/assets/PieChart-DXPBsaZR.css +1 -0
- package/storybook-static/assets/PieChart.stories-6sgfe6Xk.js +91 -0
- package/storybook-static/assets/{PixelBlast.stories-CyK8BxPq.js → PixelBlast.stories-_cBuognT.js} +2 -2
- package/storybook-static/assets/{PixelCard.stories-D_Og1Eve.js → PixelCard.stories-D_EZOUox.js} +1 -1
- package/storybook-static/assets/{PixelSnow.stories-CoCZucVV.js → PixelSnow.stories-DcD7737G.js} +2 -2
- package/storybook-static/assets/{PixelTransition.stories-DmVJ4jdu.js → PixelTransition.stories-BwNcUv5J.js} +1 -1
- package/storybook-static/assets/{Plasma.stories-DUqrW-qq.js → Plasma.stories-BLolMCfR.js} +2 -2
- package/storybook-static/assets/{Prism.stories-DWdVDcBG.js → Prism.stories-CG2_KGsq.js} +2 -2
- package/storybook-static/assets/{PrismaticBurst.stories-BEVYTjXo.js → PrismaticBurst.stories-DzS--Ffu.js} +2 -2
- package/storybook-static/assets/{ProfileCard.stories-CAoKQpAZ.js → ProfileCard.stories-vI_ispYe.js} +1 -1
- package/storybook-static/assets/QuantifiableHabitsChart-BiMp7Kkq.css +1 -0
- package/storybook-static/assets/{QuantifiableHabitsChart.stories-CMexb5Ij.js → QuantifiableHabitsChart.stories-D5yeGCZ5.js} +2 -2
- package/storybook-static/assets/{Radar.stories-Dcjnm9Bu.js → Radar.stories-DLv_hY9T.js} +2 -2
- package/storybook-static/assets/{Ribbons.stories-Cs3Eg2Gz.js → Ribbons.stories-4BbVINtW.js} +4 -4
- package/storybook-static/assets/{RippleGrid.stories-QV9Doq9P.js → RippleGrid.stories-CFh8tigy.js} +2 -2
- package/storybook-static/assets/{RotatingText.stories-DkntoAXJ.js → RotatingText.stories-AM4GcpU2.js} +2 -2
- package/storybook-static/assets/{ScrollFloat.stories-BaX43Ike.js → ScrollFloat.stories-Ct_ZkL7k.js} +1 -1
- package/storybook-static/assets/{ScrollReveal.stories-C2IWpLpI.js → ScrollReveal.stories-B7fcgLZ3.js} +1 -1
- package/storybook-static/assets/{ScrollVelocity.stories-LaYJ5WQN.js → ScrollVelocity.stories-BRDv3Fdk.js} +1 -1
- package/storybook-static/assets/SearchBar.stories-Dnmegbak.js +64 -0
- package/storybook-static/assets/{SearchableDropdown-4HgWY0Ck.js → SearchableDropdown-BtIsuxmT.js} +1 -1
- package/storybook-static/assets/SearchableDropdown.stories-DVub17TN.js +44 -0
- package/storybook-static/assets/{SelectInput-DvSeeIw5.js → SelectInput-C0kBLYgX.js} +1 -1
- package/storybook-static/assets/SelectInput.stories-HoF32-Km.js +94 -0
- package/storybook-static/assets/{ShapeBlur.stories-ZQV0yHkn.js → ShapeBlur.stories-C3RyLvBh.js} +2 -2
- package/storybook-static/assets/{ShapeGrid.stories-G_tZAcp9.js → ShapeGrid.stories-ltmu466o.js} +1 -1
- package/storybook-static/assets/{ShinyText.stories-C6BrLI0x.js → ShinyText.stories-JO2F4CpJ.js} +1 -1
- package/storybook-static/assets/{Silk.stories-BpsR4txJ.js → Silk.stories-CUzWiwqP.js} +2 -2
- package/storybook-static/assets/SleepChart-CjpdWR_T.css +1 -0
- package/storybook-static/assets/SleepChart.stories-YvCzf0BI.js +58 -0
- package/storybook-static/assets/Slider-BaDHm9m3.css +1 -0
- package/storybook-static/assets/{Slider-3iog5_du.js → Slider-CI9mXQSu.js} +1 -1
- package/storybook-static/assets/{Slider.stories-C8eUZ7Ne.js → Slider.stories-DQYlBjGq.js} +1 -1
- package/storybook-static/assets/{SoftAurora.stories--Rcyqxiu.js → SoftAurora.stories-ubq_KV8Q.js} +2 -2
- package/storybook-static/assets/{SoundDemo.stories-DvhKS2Fi.js → SoundDemo.stories-Cie-leKw.js} +1 -1
- package/storybook-static/assets/{SplashCursor.stories-FzRIUaX9.js → SplashCursor.stories-Clea3dMy.js} +2 -2
- package/storybook-static/assets/{SpotlightCard.stories-CifqsSUc.js → SpotlightCard.stories-BWv0AuTI.js} +1 -1
- package/storybook-static/assets/{Stack.stories-Dq82x0TG.js → Stack.stories-DxVGTJ6l.js} +1 -1
- package/storybook-static/assets/{StaggeredMenu.stories-CsiTDJGG.js → StaggeredMenu.stories-1UB8ravq.js} +1 -1
- package/storybook-static/assets/{StarBorder.stories-Ba14_TPk.js → StarBorder.stories-DiSAqN3r.js} +2 -2
- package/storybook-static/assets/{SunburstChart.stories-fREzDXM9.js → SunburstChart.stories-DLjQA_I1.js} +1 -1
- package/storybook-static/assets/Table-BFjXRRk3.css +1 -0
- package/storybook-static/assets/{Table.stories-CXsQAQrR.js → Table.stories-wQGb96WC.js} +6 -6
- package/storybook-static/assets/Tabs-CDVjuS9_.css +1 -0
- package/storybook-static/assets/{Tabs.stories-HeiG8gYN.js → Tabs.stories-jkioQ4xt.js} +4 -4
- package/storybook-static/assets/{TargetCursor.stories-B16pWZaP.js → TargetCursor.stories-B4ACbrmW.js} +1 -1
- package/storybook-static/assets/{TextArea-DKx3k6hV.js → TextArea-DN6IYITs.js} +1 -1
- package/storybook-static/assets/TextArea.stories-CwLLZFoD.js +118 -0
- package/storybook-static/assets/{TextCursor.stories-CY2eIn6Z.js → TextCursor.stories-NORQhkfy.js} +1 -1
- package/storybook-static/assets/TextInput-6V0mlIuS.css +1 -0
- package/storybook-static/assets/TextInput-CLgIGUn3.js +28 -0
- package/storybook-static/assets/TextInput.stories-BNooOWA2.js +89 -0
- package/storybook-static/assets/{TextPressure.stories-sH-cgdL2.js → TextPressure.stories-BaCAyBD4.js} +2 -2
- package/storybook-static/assets/{TextType.stories-B7Oy3P9u.js → TextType.stories-DG4mQ3HF.js} +1 -1
- package/storybook-static/assets/ThemeSwitcher.stories-slxIamHU.js +47 -0
- package/storybook-static/assets/{Threads.stories-e52ErKbM.js → Threads.stories-Rsg8lRsX.js} +2 -2
- package/storybook-static/assets/TimeInput-BT44V2P0.css +1 -0
- package/storybook-static/assets/TimeInput.stories-CaO8_PY2.js +13 -0
- package/storybook-static/assets/{Toggle-BntWdyUe.js → Toggle-CTTN-13k.js} +1 -1
- package/storybook-static/assets/Toggle.stories-DrNYDjFB.js +163 -0
- package/storybook-static/assets/{ToggleButton-BQqJdlB_.js → ToggleButton-CXK855yx.js} +1 -1
- package/storybook-static/assets/ToggleButton.stories-DNsNH9vH.js +103 -0
- package/storybook-static/assets/{TrueFocus.stories-wm4VXWCk.js → TrueFocus.stories-zG6Ml8RP.js} +1 -1
- package/storybook-static/assets/{VariableProximity.stories-BNSYs_rC.js → VariableProximity.stories-CMZW-Tov.js} +1 -1
- package/storybook-static/assets/{Waves.stories-Ce2ZJFsV.js → Waves.stories-CscXTp_S.js} +1 -1
- package/storybook-static/assets/{check-Cty-Z1Ib.js → check-DLeHG_Da.js} +1 -1
- package/storybook-static/assets/{chevron-down-OhqRl4eJ.js → chevron-down-Ciks5pXx.js} +1 -1
- package/storybook-static/assets/{chevron-right-CZm4bArI.js → chevron-right-DjeluSA0.js} +1 -1
- package/storybook-static/assets/client-D1KVnN68.js +1 -0
- package/storybook-static/assets/{createLucideIcon-BNUG5osq.js → createLucideIcon-dvowvj4F.js} +1 -1
- package/storybook-static/assets/{folder-BjriMpXc.js → folder-CCqkDvFG.js} +1 -1
- package/storybook-static/assets/{iconBase-DmcmY1l-.js → iconBase-nrk1zV8Q.js} +1 -1
- package/storybook-static/assets/iframe-CU5nRRrn.css +1 -0
- package/storybook-static/assets/{iframe-B8pH-Lvr.js → iframe-Cw8dCV4Z.js} +180 -181
- package/storybook-static/assets/{index-PY_vM88c.js → index-A7l1uA6_.js} +6 -6
- package/storybook-static/assets/{index-BN99WpBo.js → index-Bm5msOcI.js} +1 -1
- package/storybook-static/assets/{index-DBfrIdYd.js → index-CzApopWo.js} +1 -1
- package/storybook-static/assets/{proxy-BA3VZtN5.js → proxy-p8L3T_Zy.js} +1 -1
- package/storybook-static/assets/{react-18-7dGub68c.js → react-18-D7YhBYbX.js} +1 -1
- package/storybook-static/assets/{react-three-fiber.esm-DI-wNJmP.js → react-three-fiber.esm-BnMrba87.js} +1 -1
- package/storybook-static/assets/{search-2YqBkJlG.js → search-7V6DOf2z.js} +1 -1
- package/storybook-static/assets/{settings-DvzICcFU.js → settings-B8s5hJGs.js} +1 -1
- package/storybook-static/assets/{sun-DgDhCM_S.js → sun-5V6ee2LJ.js} +1 -1
- package/storybook-static/assets/{trash-2-BwI5jvsn.js → trash-2-DeQvYdO7.js} +1 -1
- package/storybook-static/assets/{use-animation-frame-CF42h0i5.js → use-animation-frame-DovyG_Es.js} +1 -1
- package/storybook-static/assets/{use-in-view-Zn8evg3J.js → use-in-view-Dv3LTdsl.js} +1 -1
- package/storybook-static/assets/{use-motion-value--XhiA2Gt.js → use-motion-value-BVm7csqA.js} +1 -1
- package/storybook-static/assets/{use-spring-CrWzlBMd.js → use-spring-BkrdNVnG.js} +1 -1
- package/storybook-static/assets/{use-transform-vyDqMhf-.js → use-transform-CQNghMvr.js} +1 -1
- package/storybook-static/assets/{useSound-Bk2W5gkV.js → useSound-D23BsIr4.js} +1 -1
- package/storybook-static/assets/{users-aNPxMiig.js → users-R6T-yLyH.js} +1 -1
- package/storybook-static/assets/{x-BC8LCdn9.js → x-CypMgsiv.js} +1 -1
- package/storybook-static/iframe.html +3 -3
- package/storybook-static/index.html +5 -19
- package/storybook-static/index.json +1 -1
- package/storybook-static/project.json +1 -1
- package/storybook-static/addon-visual-tests-assets/visual-test-illustration.mp4 +0 -0
- package/storybook-static/assets/ArrayInput.stories-Cshz2s-a.js +0 -232
- package/storybook-static/assets/BooleansHeatmap-BV4VTyo6.css +0 -1
- package/storybook-static/assets/BooleansHeatmap.stories-CpNxqSED.js +0 -123
- package/storybook-static/assets/Calendar-tbpzwSIm.css +0 -1
- package/storybook-static/assets/Calendar.stories-Cx2JEddO.js +0 -229
- package/storybook-static/assets/Checkbox.stories-BwsnN3CP.js +0 -83
- package/storybook-static/assets/Color-AVL7NMMY-CoWQkAiP.js +0 -1
- package/storybook-static/assets/DateInput-C4-Rlnpy.css +0 -1
- package/storybook-static/assets/DateInput.stories-d46zYiZA.js +0 -119
- package/storybook-static/assets/DocsRenderer-PQXLIZUC-C2AYT361.js +0 -1243
- package/storybook-static/assets/EditFAB.stories-DvtpW34v.js +0 -378
- package/storybook-static/assets/ImageSlideshow.stories-BasuECRV.js +0 -385
- package/storybook-static/assets/LoadingSpinner.stories-Dj0bMFhR.js +0 -169
- package/storybook-static/assets/MoodChart-2hr_Y2GI.css +0 -1
- package/storybook-static/assets/MoodChart.stories-Bk0jtB4g.js +0 -40
- package/storybook-static/assets/Navbar-BPWxCB-U.css +0 -1
- package/storybook-static/assets/Navbar.stories-Dos3kovt.js +0 -320
- package/storybook-static/assets/NumberStepper.stories-BvFwBEjt.js +0 -436
- package/storybook-static/assets/PieChart-OfDGlJ4g.css +0 -1
- package/storybook-static/assets/PieChart.stories-XZqxh_GW.js +0 -199
- package/storybook-static/assets/QuantifiableHabitsChart-Bam6n9X_.css +0 -1
- package/storybook-static/assets/SearchBar.stories-CGaj__zF.js +0 -169
- package/storybook-static/assets/SearchableDropdown.stories-CfeFR5Rk.js +0 -282
- package/storybook-static/assets/SelectInput.stories-DByYKCGI.js +0 -129
- package/storybook-static/assets/SleepChart-DBRb08s_.css +0 -1
- package/storybook-static/assets/SleepChart.stories-DcoBwiEm.js +0 -58
- package/storybook-static/assets/Slider-Bq7zObwV.css +0 -1
- package/storybook-static/assets/Table-DnhtoClE.css +0 -1
- package/storybook-static/assets/Tabs-D5ZPN7MM.css +0 -1
- package/storybook-static/assets/TextArea.stories-Bpqlv7j5.js +0 -155
- package/storybook-static/assets/TextInput-BjVJQEYN.css +0 -1
- package/storybook-static/assets/TextInput-CLyTHgK9.js +0 -28
- package/storybook-static/assets/TextInput.stories-BP1LSkLG.js +0 -203
- package/storybook-static/assets/ThemeSwitcher.stories-Bj0YQKM5.js +0 -62
- package/storybook-static/assets/TimeInput-C3enPYoV.css +0 -1
- package/storybook-static/assets/TimeInput.stories-Cd28zwwR.js +0 -55
- package/storybook-static/assets/Toggle.stories-DtqFmh3E.js +0 -199
- package/storybook-static/assets/ToggleButton.stories-DkN_4qpp.js +0 -163
- package/storybook-static/assets/client-0pKYCVHx.js +0 -1
- package/storybook-static/assets/iframe-B7RIyArP.css +0 -1
- package/storybook-static/assets/index-bi5z6E3I.js +0 -1
- package/storybook-static/assets/layout-grid-TssXYNzv.js +0 -6
- package/storybook-static/sb-addons/chromatic-com-storybook-4/manager-bundle.js +0 -356
- package/storybook-static/sb-addons/chromatic-com-storybook-4/manager-bundle.js.LEGAL.txt +0 -40
- package/storybook-static/sb-addons/docs-2/manager-bundle.js +0 -151
- package/storybook-static/sb-addons/onboarding-1/manager-bundle.js +0 -127
- /package/storybook-static/sb-addons/{links-3 → links-1}/manager-bundle.js +0 -0
- /package/storybook-static/sb-addons/{storybook-5 → storybook-2}/manager-bundle.js +0 -0
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import{r as n,j as r}from"./iframe-B8pH-Lvr.js";import{s as S}from"./transform-BKmuZieF.js";import{l as F}from"./linear-dkJHgUri.js";import{e as et,t as at,l as ot,m as nt}from"./monotone-DHdPkfDP.js";import{a as rt,b as st}from"./axis-D3QohQNI.js";import{t as it}from"./defaultLocale-DJ2q5QjE.js";import"./preload-helper-C1FmrZbK.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";const ct="_container_1cfkm_1",lt="_chart_1cfkm_11",mt="_gridLine_1cfkm_16",dt="_line_1cfkm_22",pt="_xAxis_1cfkm_30",gt="_yAxis_1cfkm_31",ut="_dataPoint_1cfkm_50",ht="_tooltip_1cfkm_63",ft="_tooltipHeader_1cfkm_88",_t="_tooltipDate_1cfkm_97",xt="_tooltipRating_1cfkm_103",yt="_ratingValue_1cfkm_113",Mt="_ratingMax_1cfkm_118",Dt="_tooltipTags_1cfkm_123",vt="_tag_1cfkm_130",kt="_tooltipComment_1cfkm_148",e={container:ct,chart:lt,gridLine:mt,line:dt,xAxis:pt,yAxis:gt,dataPoint:ut,tooltip:ht,tooltipHeader:ft,tooltipDate:_t,tooltipRating:xt,ratingValue:yt,ratingMax:Mt,tooltipTags:Dt,tag:vt,tooltipComment:kt},G=({moodData:o,width:g=800,height:f=400})=>{const i=n.useRef(null),d=n.useRef(null),J=n.useRef(null),[l,_]=n.useState(null),[w,K]=n.useState({x:0,y:0}),[A,C]=n.useState(!1),c=n.useMemo(()=>({top:20,right:20,bottom:50,left:40}),[]),x=g-c.left-c.right,N=f-c.top-c.bottom,u=n.useMemo(()=>o.map(a=>{const s=a.tag?a.tag.split(",").map(m=>m.trim()).filter(m=>m):[];return{date:new Date(a.date),rating:a.rating,tags:s,comment:a.comment}}).filter(a=>!isNaN(a.date.getTime())&&isFinite(a.rating)),[o]),E=n.useMemo(()=>F().domain([1,5,10]).range(["#FF6B6B","#FFD93D","#6BCB77"]).clamp(!0),[]);return n.useEffect(()=>{if(!i.current||u.length===0)return;const a=S(i.current);a.selectAll("*").remove();const s=a.append("g").attr("transform",`translate(${c.left},${c.top})`),m=et(u,t=>t.date);if(!m[0]||!m[1])return;const R=at().domain(m).range([0,x]),p=F().domain([1,10]).range([N,0]),U=ot().x(t=>R(t.date)).y(t=>p(t.rating)).curve(nt);s.selectAll(".grid-line-y").data(p.ticks(5)).enter().append("line").attr("class",e.gridLine).attr("x1",0).attr("y1",t=>p(t)).attr("x2",x).attr("y2",t=>p(t)),s.append("path").datum(u).attr("class",e.line).attr("d",U),s.append("g").attr("class",e.xAxis).attr("transform",`translate(0,${N})`).call(rt(R).tickFormat(t=>it("%m/%d")(t))),s.append("g").attr("class",e.yAxis).call(st(p)),s.selectAll(".mood-circle").data(u).enter().append("circle").attr("class",e.dataPoint).attr("cx",t=>R(t.date)).attr("cy",t=>p(t.rating)).attr("r",5).attr("fill",t=>E(t.rating)).style("cursor","pointer").on("mouseenter",(t,Z)=>{var b,$;const y=(b=i.current)==null?void 0:b.getBoundingClientRect(),tt=($=d.current)==null?void 0:$.getBoundingClientRect();if(y&&tt){let h=t.clientX-y.left+10,T=t.clientY-y.top-10;const B=250;h+B>x+c.left-20&&(h=t.clientX-y.left-B-10,h<0&&(h=10)),T<0&&(T=10),K({x:h,y:T})}_(Z),S(t.currentTarget).transition().duration(200).attr("r",8)}).on("mouseleave",t=>{setTimeout(()=>{A||_(null)},250),S(t.currentTarget).transition().duration(200).attr("r",5)})},[u,x,N,E,c,A]),n.useEffect(()=>()=>{_(null)},[]),r.jsxs("div",{className:e.container,ref:d,children:[r.jsx("svg",{ref:i,width:g,height:f,className:e.chart}),l&&r.jsxs("div",{ref:J,className:e.tooltip,style:{position:"absolute",pointerEvents:"auto",left:w.x,top:w.y,zIndex:1e3},onMouseEnter:()=>C(!0),onMouseLeave:()=>{C(!1),_(null)},children:[r.jsxs("div",{className:e.tooltipHeader,children:[r.jsx("div",{className:e.tooltipDate,children:l.date.toLocaleDateString()}),r.jsxs("div",{className:e.tooltipRating,children:[r.jsx("span",{className:e.ratingValue,children:l.rating}),r.jsx("span",{className:e.ratingMax,children:"/10"})]})]}),l.tags.length>0&&r.jsx("div",{className:e.tooltipTags,children:l.tags.map((a,s)=>r.jsx("span",{className:e.tag,children:a},s))}),l.comment&&r.jsx("div",{className:e.tooltipComment,children:l.comment})]})]})};G.__docgenInfo={description:"",methods:[],displayName:"MoodChart",props:{moodData:{required:!0,tsType:{name:"Array",elements:[{name:"MoodNoteData"}],raw:"MoodNoteData[]"},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}}}};const $t={title:"Organisms/Charts/MoodChart",component:G,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:300,max:1200,step:50}},height:{control:{type:"number",min:200,max:800,step:50}}}},j=o=>{const g=[],f=new Date;for(let i=o-1;i>=0;i--){const d=new Date(f);d.setDate(d.getDate()-i),g.push(d.toISOString().split("T")[0])}return g},M={args:{moodData:j(30).map(o=>({date:o,rating:Math.floor(Math.random()*10)+1,tag:["happy","excited","calm","focused"][Math.floor(Math.random()*4)],comment:`Feeling ${Math.random()>.5?"good":"okay"} today`})),width:800,height:400}},D={args:{moodData:j(7).map(o=>({date:o,rating:Math.floor(Math.random()*10)+1,tag:["happy","calm","energetic","focused"][Math.floor(Math.random()*4)],comment:`Day ${o.split("-")[2]} mood note`})),width:600,height:300}},v={args:{moodData:j(90).map(o=>({date:o,rating:Math.floor(Math.random()*10)+1,tag:["productive","creative","stressed","relaxed","motivated"][Math.floor(Math.random()*5)],comment:Math.random()>.7?`Notable day - ${o}`:void 0})),width:1e3,height:400}},k={args:{moodData:[],width:800,height:400}};var H,L,P;M.parameters={...M.parameters,docs:{...(H=M.parameters)==null?void 0:H.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
moodData: generateDateRange(30).map(date => ({
|
|
4
|
-
date,
|
|
5
|
-
rating: Math.floor(Math.random() * 10) + 1,
|
|
6
|
-
tag: ['happy', 'excited', 'calm', 'focused'][Math.floor(Math.random() * 4)],
|
|
7
|
-
comment: \`Feeling \${Math.random() > 0.5 ? 'good' : 'okay'} today\`
|
|
8
|
-
})),
|
|
9
|
-
width: 800,
|
|
10
|
-
height: 400
|
|
11
|
-
}
|
|
12
|
-
}`,...(P=(L=M.parameters)==null?void 0:L.docs)==null?void 0:P.source}}};var V,I,W;D.parameters={...D.parameters,docs:{...(V=D.parameters)==null?void 0:V.docs,source:{originalSource:`{
|
|
13
|
-
args: {
|
|
14
|
-
moodData: generateDateRange(7).map(date => ({
|
|
15
|
-
date,
|
|
16
|
-
rating: Math.floor(Math.random() * 10) + 1,
|
|
17
|
-
tag: ['happy', 'calm', 'energetic', 'focused'][Math.floor(Math.random() * 4)],
|
|
18
|
-
comment: \`Day \${date.split('-')[2]} mood note\`
|
|
19
|
-
})),
|
|
20
|
-
width: 600,
|
|
21
|
-
height: 300
|
|
22
|
-
}
|
|
23
|
-
}`,...(W=(I=D.parameters)==null?void 0:I.docs)==null?void 0:W.source}}};var q,O,X;v.parameters={...v.parameters,docs:{...(q=v.parameters)==null?void 0:q.docs,source:{originalSource:`{
|
|
24
|
-
args: {
|
|
25
|
-
moodData: generateDateRange(90).map(date => ({
|
|
26
|
-
date,
|
|
27
|
-
rating: Math.floor(Math.random() * 10) + 1,
|
|
28
|
-
tag: ['productive', 'creative', 'stressed', 'relaxed', 'motivated'][Math.floor(Math.random() * 5)],
|
|
29
|
-
comment: Math.random() > 0.7 ? \`Notable day - \${date}\` : undefined
|
|
30
|
-
})),
|
|
31
|
-
width: 1000,
|
|
32
|
-
height: 400
|
|
33
|
-
}
|
|
34
|
-
}`,...(X=(O=v.parameters)==null?void 0:O.docs)==null?void 0:X.source}}};var Q,z,Y;k.parameters={...k.parameters,docs:{...(Q=k.parameters)==null?void 0:Q.docs,source:{originalSource:`{
|
|
35
|
-
args: {
|
|
36
|
-
moodData: [],
|
|
37
|
-
width: 800,
|
|
38
|
-
height: 400
|
|
39
|
-
}
|
|
40
|
-
}`,...(Y=(z=k.parameters)==null?void 0:z.docs)==null?void 0:Y.source}}};const Bt=["Default","Weekly","Quarterly","EmptyState"];export{M as Default,k as EmptyState,v as Quarterly,D as Weekly,Bt as __namedExportsOrder,$t as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._navbar_15vq5_1{position:fixed;background:var(--color-surface);padding:var(--spacing-md);z-index:var(--z-index-sticky);display:flex;flex-direction:column;transition:transform var(--transition-base)}._navbarSidebar_15vq5_12{top:0;left:0;bottom:0;width:220px;box-shadow:var(--shadow-lg);overflow:hidden;background:var(--color-background-secondary);border-right:1px solid var(--color-border)}._navbarTop_15vq5_24{top:0;left:0;right:0;height:auto;flex-direction:row;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);box-shadow:var(--shadow-md)}._navbarTop_15vq5_24 ._navList_15vq5_35{flex-direction:row;gap:var(--spacing-md);margin:0}._navbarTop_15vq5_24 ._navItem_15vq5_41{margin:0}._navbarMinimal_15vq5_46{background:transparent;box-shadow:none;position:relative;padding:0}._navbarMinimal_15vq5_46 ._navList_15vq5_35{flex-direction:row;gap:var(--spacing-sm)}._navLogo_15vq5_59{margin-bottom:var(--spacing-xl)}._navbarTop_15vq5_24 ._navLogo_15vq5_59{margin-bottom:0;margin-right:auto}._logoContainer_15vq5_68{display:flex;align-items:center;gap:var(--spacing-md)}._logoImage_15vq5_74{width:48px;height:48px;object-fit:contain;border-radius:var(--radius-md)}._logoPlaceholder_15vq5_81{width:48px;height:48px;background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}._logoContent_15vq5_94{display:flex;flex-direction:column}._logoText_15vq5_99{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-tight)}._logoSubtitle_15vq5_106{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-tight)}._navList_15vq5_35{list-style:none;padding:0;margin:0;flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}._navList_15vq5_35::-webkit-scrollbar{display:none}._navItem_15vq5_41{margin-bottom:var(--spacing-xs)}._subNavItem_15vq5_133{margin-left:var(--spacing-lg)}._navLink_15vq5_137{display:flex;align-items:center;width:100%;padding:1rem 1.5rem;border:none;background:none;color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:left;text-decoration:none;border-radius:var(--radius-md);position:relative;cursor:pointer;transition:all var(--transition-fast)}._activeBackground_15vq5_155{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary);border-radius:0;z-index:0}._navIcon_15vq5_166{font-size:1.25rem;height:1.5rem;margin-right:var(--spacing-sm);position:relative;z-index:1;transition:color var(--transition-fast)}._navText_15vq5_178{position:relative;z-index:1;flex:1;font-size:1.1rem;transition:color var(--transition-fast)}._navBadge_15vq5_189{position:relative;z-index:1;padding:2px 6px;background:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:auto}._chevron_15vq5_201{position:relative;z-index:1;margin-left:auto;font-size:var(--font-size-xs);color:var(--color-text-secondary)}._subNavList_15vq5_210{list-style:none;padding:0;margin:var(--spacing-xs) 0 0 0;overflow:hidden}._subNavList_15vq5_210 ._navLink_15vq5_137{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}._navFooter_15vq5_223{margin-top:auto;padding-top:var(--spacing-md)}._mobileMenuButton_15vq5_229{display:none;position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:calc(var(--z-index-sticky) + 1);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);width:48px;height:48px;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer}._mobileMenuButton_15vq5_229:hover{background:var(--color-primary-hover)}._mobileMenuButton_15vq5_229 svg{font-size:1.5rem}._mobileBackdrop_15vq5_256{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:calc(var(--z-index-sticky) - 1)}@media (max-width: 768px){._mobileMenuButton_15vq5_229{display:flex}._navbarSidebar_15vq5_12{transform:translate(-100%)}._navbarSidebar_15vq5_12._mobileMenuOpen_15vq5_276{transform:translate(0)}._navbarTop_15vq5_24{padding:var(--spacing-sm) var(--spacing-md)}._navbarTop_15vq5_24 ._navList_15vq5_35{position:fixed;top:60px;left:0;right:0;background:var(--color-surface);flex-direction:column;padding:var(--spacing-md);box-shadow:var(--shadow-lg);transform:translateY(-100%);transition:transform var(--transition-base)}._navbarTop_15vq5_24._mobileMenuOpen_15vq5_276 ._navList_15vq5_35{transform:translateY(0)}}._navItem_15vq5_41:nth-child(1) ._navIcon_15vq5_166{color:#ff6b6b}._navItem_15vq5_41:nth-child(2) ._navIcon_15vq5_166{color:orange}._navItem_15vq5_41:nth-child(3) ._navIcon_15vq5_166{color:gold}._navItem_15vq5_41:nth-child(4) ._navIcon_15vq5_166{color:#42a5f5}._navItem_15vq5_41:nth-child(5) ._navIcon_15vq5_166{color:#f9a825}._navItem_15vq5_41:nth-child(6) ._navIcon_15vq5_166{color:#4ade80}._navItem_15vq5_41:nth-child(7) ._navIcon_15vq5_166{color:#60a5fa}._navItem_15vq5_41:nth-child(8) ._navIcon_15vq5_166{color:#a78bfa}._navItem_15vq5_41:nth-child(9) ._navIcon_15vq5_166{color:#e879f9}._navItem_15vq5_41:nth-child(10) ._navIcon_15vq5_166{color:#26c6da}._navItem_15vq5_41:nth-child(11) ._navIcon_15vq5_166{color:#ec407a}._navItem_15vq5_41:nth-child(12) ._navIcon_15vq5_166{color:#ff7043}._navItem_15vq5_41:nth-child(13) ._navIcon_15vq5_166{color:#78909c}._navbar_182pt_4{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);z-index:var(--z-index-fixed);height:56px}._navLogo_182pt_20{margin:0}._logoContainer_182pt_24{display:flex;align-items:center;gap:var(--spacing-sm)}._logoImage_182pt_30{width:36px;height:36px;object-fit:contain;border-radius:var(--radius-sm)}._logoPlaceholder_182pt_37{width:36px;height:36px;background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}._logoContent_182pt_50{display:flex;flex-direction:column}._logoText_182pt_55{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-tight)}._logoSubtitle_182pt_62{display:none}._mobileMenuButton_182pt_67{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:8px;font-size:24px;color:var(--color-text);z-index:calc(var(--z-index-modal) + 1);border-radius:8px;transition:color var(--transition-fast)}._mobileMenuButton_182pt_67._menuOpen_182pt_82{color:var(--color-text-inverse)}._mobileBackdrop_182pt_87{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:var(--z-index-modal);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:80px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}._navList_182pt_108{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);width:90%;max-width:360px}._navItem_182pt_120{width:100%;margin:0}._subNavItem_182pt_125{margin-left:var(--spacing-lg)}._navLink_182pt_129{display:flex;align-items:center;width:100%;padding:var(--spacing-md) var(--spacing-lg);border:none;background:none;color:#fffc;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);text-align:left;text-decoration:none;border-radius:var(--radius-md);position:relative;cursor:pointer;transition:all var(--transition-fast)}._navLink_182pt_129:hover{color:#fff;background:#ffffff14}._navLink_182pt_129._active_182pt_152{color:var(--color-primary)}._activeBackground_182pt_156{display:none}._navIcon_182pt_160{font-size:1.4rem;width:1.4rem;height:1.4rem;min-width:1.4rem;margin-right:var(--spacing-md);transition:color var(--transition-fast)}._activeIcon_182pt_169{color:var(--color-primary)}._navText_182pt_173{font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-wide);transition:color var(--transition-fast)}._activeText_182pt_179{color:var(--color-primary)}._navBadge_182pt_183{padding:2px 8px;background:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:auto}._chevron_182pt_194,._subNavList_182pt_195{display:none}._navActions_182pt_200{display:flex;align-items:center;margin-left:auto;gap:0}._navItem_182pt_120:nth-child(1) ._navIcon_182pt_160{color:orange}._navItem_182pt_120:nth-child(2) ._navIcon_182pt_160{color:gold}._navItem_182pt_120:nth-child(3) ._navIcon_182pt_160{color:#42a5f5}._navItem_182pt_120:nth-child(4) ._navIcon_182pt_160{color:#f9a825}._navItem_182pt_120:nth-child(5) ._navIcon_182pt_160{color:#4ade80}._navItem_182pt_120:nth-child(6) ._navIcon_182pt_160{color:#60a5fa}._navItem_182pt_120:nth-child(7) ._navIcon_182pt_160{color:#a78bfa}._navItem_182pt_120:nth-child(8) ._navIcon_182pt_160{color:#e879f9}._navItem_182pt_120:nth-child(9) ._navIcon_182pt_160{color:#26c6da}._navItem_182pt_120:nth-child(10) ._navIcon_182pt_160{color:#ec407a}._navItem_182pt_120:nth-child(11) ._navIcon_182pt_160{color:#ff7043}._navItem_182pt_120:nth-child(12) ._navIcon_182pt_160{color:#78909c}
|
|
@@ -1,320 +0,0 @@
|
|
|
1
|
-
import{r as v,j as e}from"./iframe-B8pH-Lvr.js";import{u as He}from"./useSound-Bk2W5gkV.js";import{m as i}from"./proxy-BA3VZtN5.js";import{X as Pe}from"./x-BC8LCdn9.js";import{c as l}from"./createLucideIcon-BNUG5osq.js";import{A as R}from"./index-DBfrIdYd.js";import{F as Se}from"./folder-BjriMpXc.js";import{U as y}from"./users-aNPxMiig.js";import{S as Ne}from"./settings-DvzICcFU.js";import{S as Ce}from"./search-2YqBkJlG.js";import{L as Ee}from"./layout-grid-TssXYNzv.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D5hZdVGx.js";/**
|
|
2
|
-
* @license lucide-react v0.539.0 - ISC
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the ISC license.
|
|
5
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const Fe=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",key:"1u773s"}],["path",{d:"M12 17h.01",key:"p32p05"}]],Oe=l("circle-question-mark",Fe);/**
|
|
7
|
-
* @license lucide-react v0.539.0 - ISC
|
|
8
|
-
*
|
|
9
|
-
* This source code is licensed under the ISC license.
|
|
10
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
11
|
-
*/const We=[["path",{d:"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5",key:"mvr1a0"}]],P=l("heart",We);/**
|
|
12
|
-
* @license lucide-react v0.539.0 - ISC
|
|
13
|
-
*
|
|
14
|
-
* This source code is licensed under the ISC license.
|
|
15
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
16
|
-
*/const ze=[["path",{d:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",key:"5wwlr5"}],["path",{d:"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",key:"1d0kgt"}]],q=l("house",ze);/**
|
|
17
|
-
* @license lucide-react v0.539.0 - ISC
|
|
18
|
-
*
|
|
19
|
-
* This source code is licensed under the ISC license.
|
|
20
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
21
|
-
*/const Re=[["path",{d:"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",key:"zw3jo"}],["path",{d:"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",key:"1wduqc"}],["path",{d:"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",key:"kqbvx6"}]],Ue=l("layers",Re);/**
|
|
22
|
-
* @license lucide-react v0.539.0 - ISC
|
|
23
|
-
*
|
|
24
|
-
* This source code is licensed under the ISC license.
|
|
25
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
26
|
-
*/const Ye=[["path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",key:"132q7q"}],["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}]],De=l("mail",Ye);/**
|
|
27
|
-
* @license lucide-react v0.539.0 - ISC
|
|
28
|
-
*
|
|
29
|
-
* This source code is licensed under the ISC license.
|
|
30
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
31
|
-
*/const Ve=[["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 18h16",key:"19g7jn"}],["path",{d:"M4 6h16",key:"1o0s65"}]],Ge=l("menu",Ve);/**
|
|
32
|
-
* @license lucide-react v0.539.0 - ISC
|
|
33
|
-
*
|
|
34
|
-
* This source code is licensed under the ISC license.
|
|
35
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
36
|
-
*/const Xe=[["circle",{cx:"8",cy:"21",r:"1",key:"jimo8o"}],["circle",{cx:"19",cy:"21",r:"1",key:"13723u"}],["path",{d:"M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12",key:"9zh506"}]],E=l("shopping-cart",Xe);/**
|
|
37
|
-
* @license lucide-react v0.539.0 - ISC
|
|
38
|
-
*
|
|
39
|
-
* This source code is licensed under the ISC license.
|
|
40
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
41
|
-
*/const Qe=[["path",{d:"M16 7h6v6",key:"box55l"}],["path",{d:"m22 7-8.5 8.5-5-5L2 17",key:"1t1m79"}]],Ie=l("trending-up",Qe),Je="_navbar_15vq5_1",Ke="_navbarSidebar_15vq5_12",Ze="_navbarTop_15vq5_24",en="_navList_15vq5_35",nn="_navItem_15vq5_41",an="_navbarMinimal_15vq5_46",tn="_navLogo_15vq5_59",on="_logoContainer_15vq5_68",sn="_logoImage_15vq5_74",rn="_logoPlaceholder_15vq5_81",cn="_logoContent_15vq5_94",ln="_logoText_15vq5_99",dn="_logoSubtitle_15vq5_106",mn="_subNavItem_15vq5_133",vn="_navLink_15vq5_137",pn="_activeBackground_15vq5_155",un="_navIcon_15vq5_166",bn="_activeIcon_15vq5_175",gn="_navText_15vq5_178",hn="_activeText_15vq5_186",_n="_navBadge_15vq5_189",yn="_chevron_15vq5_201",xn="_subNavList_15vq5_210",fn="_navFooter_15vq5_223",kn="_mobileMenuButton_15vq5_229",Sn="_mobileBackdrop_15vq5_256",Nn="_mobileMenuOpen_15vq5_276",Cn={navbar:Je,navbarSidebar:Ke,navbarTop:Ze,navList:en,navItem:nn,navbarMinimal:an,navLogo:tn,logoContainer:on,logoImage:sn,logoPlaceholder:rn,logoContent:cn,logoText:ln,logoSubtitle:dn,subNavItem:mn,navLink:vn,activeBackground:pn,navIcon:un,activeIcon:bn,navText:gn,activeText:hn,navBadge:_n,chevron:yn,subNavList:xn,navFooter:fn,mobileMenuButton:kn,mobileBackdrop:Sn,mobileMenuOpen:Nn},In="_navbar_182pt_4",Mn="_navLogo_182pt_20",jn="_logoContainer_182pt_24",Tn="_logoImage_182pt_30",$n="_logoPlaceholder_182pt_37",Ln="_logoContent_182pt_50",An="_logoText_182pt_55",qn="_logoSubtitle_182pt_62",wn="_mobileMenuButton_182pt_67",Bn="_menuOpen_182pt_82",Hn="_mobileBackdrop_182pt_87",Pn="_navList_182pt_108",En="_navItem_182pt_120",Fn="_subNavItem_182pt_125",On="_navLink_182pt_129",Wn="_active_182pt_152",zn="_activeBackground_182pt_156",Rn="_navIcon_182pt_160",Un="_activeIcon_182pt_169",Yn="_navText_182pt_173",Dn="_activeText_182pt_179",Vn="_navBadge_182pt_183",Gn="_chevron_182pt_194",Xn="_subNavList_182pt_195",Qn="_navActions_182pt_200",Jn="_navFooter_182pt_207",Kn="_navbarSidebar_182pt_211",Zn="_navbarTop_182pt_214",ea="_navbarMinimal_182pt_217",na="_mobileMenuOpen_182pt_220",aa={navbar:In,navLogo:Mn,logoContainer:jn,logoImage:Tn,logoPlaceholder:$n,logoContent:Ln,logoText:An,logoSubtitle:qn,mobileMenuButton:wn,menuOpen:Bn,mobileBackdrop:Hn,navList:Pn,navItem:En,subNavItem:Fn,navLink:On,active:Wn,activeBackground:zn,navIcon:Rn,activeIcon:Un,navText:Yn,activeText:Dn,navBadge:Vn,chevron:Gn,subNavList:Xn,navActions:Qn,navFooter:Jn,navbarSidebar:Kn,navbarTop:Zn,navbarMinimal:ea,mobileMenuOpen:na},Me=({items:d,logo:t,onItemClick:F,variant:u="sidebar",isMobile:c=!1,footer:x,className:w="",soundConfig:je})=>{var W,z;const a=v.useMemo(()=>c?aa:Cn,[c]),[m,b]=v.useState(!1),[Te,$e]=v.useState(new Set),{handlers:g,playSound:B}=He(je);v.useEffect(()=>{c||b(!1)},[c]);const h=v.useRef(null);v.useEffect(()=>{if(!c)return;const n=s=>{const r=s.touches[0];r.clientX<30&&(h.current={x:r.clientX,y:r.clientY})},o=s=>{if(!h.current)return;const r=s.changedTouches[0],_=r.clientX-h.current.x,f=Math.abs(r.clientY-h.current.y);h.current=null,_>60&&f<_&&(b(!0),B("toggle"))};return document.addEventListener("touchstart",n,{passive:!0}),document.addEventListener("touchend",o,{passive:!0}),()=>{document.removeEventListener("touchstart",n),document.removeEventListener("touchend",o)}},[c,B]),v.useEffect(()=>{if(m){const n=window.scrollY;document.body.style.position="fixed",document.body.style.top=`-${n}px`,document.body.style.left="0",document.body.style.right="0",document.body.style.overflow="hidden"}else{const n=document.body.style.top;document.body.style.position="",document.body.style.top="",document.body.style.left="",document.body.style.right="",document.body.style.overflow="",n&&window.scrollTo(0,parseInt(n,10)*-1)}return()=>{document.body.style.position="",document.body.style.top="",document.body.style.left="",document.body.style.right="",document.body.style.overflow=""}},[m]);const Le=()=>{B("toggle"),b(!m)},Ae=n=>{$e(o=>{const s=new Set(o);return s.has(n)?s.delete(n):s.add(n),s})},qe=n=>{var o;(o=g.onClick)==null||o.call(g),n.children&&n.children.length>0?Ae(n.id):(n.onClick&&n.onClick(),F&&F(n),(c||m)&&b(!1))},H=(n,o,s=0)=>{const r=n.icon,_=Te.has(n.id),f=n.children&&n.children.length>0;return e.jsxs(i.li,{className:`${a.navItem} ${s>0?a.subNavItem:""}`,initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{delay:o*.05},children:[e.jsxs(i.button,{className:`${a.navLink} ${n.isActive?a.active:""}`,onClick:()=>qe(n),onMouseEnter:g.onMouseEnter,whileHover:{x:5},whileTap:{scale:.98},children:[n.isActive&&e.jsx(i.div,{className:a.activeBackground,layoutId:"activeNavBackground",initial:!1,transition:{type:"spring",stiffness:500,damping:35}}),r&&e.jsx(r,{className:`${a.navIcon} ${n.isActive?a.activeIcon:""}`}),e.jsx("span",{className:`${a.navText} ${n.isActive?a.activeText:""}`,children:n.label}),n.badge&&e.jsx("span",{className:a.navBadge,children:n.badge}),f&&e.jsx(i.span,{className:a.chevron,animate:{rotate:_?180:0},transition:{duration:.2},children:"▼"})]}),f&&e.jsx(R,{children:_&&e.jsx(i.ul,{className:a.subNavList,initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.2},children:n.children.map((we,Be)=>H(we,Be,s+1))})})]},n.id)},O=e.jsxs(e.Fragment,{children:[t&&e.jsx(i.div,{className:a.navLogo,initial:{opacity:0,y:-20},animate:{opacity:1,y:0},transition:{delay:.1},children:e.jsxs("div",{className:a.logoContainer,children:[t.src?e.jsx(i.img,{src:t.src,alt:t.alt||"Logo",className:a.logoImage,onMouseEnter:g.onMouseEnter,whileHover:{scale:1.05},transition:{type:"spring",stiffness:400}}):e.jsx("div",{className:a.logoPlaceholder,children:((W=t.text)==null?void 0:W.charAt(0))||"L"}),(t.text||t.subtitle)&&e.jsxs("div",{className:a.logoContent,children:[t.text&&e.jsx("span",{className:a.logoText,children:t.text}),t.subtitle&&e.jsx("span",{className:a.logoSubtitle,children:t.subtitle})]})]})}),e.jsx("ul",{className:a.navList,children:d.map((n,o)=>H(n,o))}),x&&e.jsx(i.div,{className:a.navFooter,initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.3},children:x})]});return u==="top"?e.jsx(i.nav,{className:`${a.navbar} ${a.navbarTop} ${w}`,initial:{y:-100},animate:{y:0},transition:{type:"spring",stiffness:300,damping:30},children:O}):c?e.jsxs(e.Fragment,{children:[e.jsxs("nav",{className:`${a.navbar} ${w}`,children:[t&&e.jsx("div",{className:a.navLogo,children:e.jsxs("div",{className:a.logoContainer,children:[t.src?e.jsx("img",{src:t.src,alt:t.alt||"Logo",className:a.logoImage}):e.jsx("div",{className:a.logoPlaceholder,children:((z=t.text)==null?void 0:z.charAt(0))||"L"}),t.text&&e.jsx("div",{className:a.logoContent,children:e.jsx("span",{className:a.logoText,children:t.text})})]})}),e.jsxs("div",{className:a.navActions,children:[x&&e.jsx("div",{className:a.navFooter,children:x}),e.jsx("button",{className:`${a.mobileMenuButton} ${m?a.menuOpen:""}`,onClick:Le,"aria-label":"Toggle navigation menu",children:m?e.jsx(Pe,{}):e.jsx(Ge,{})})]})]}),e.jsx(R,{children:m&&e.jsx(i.div,{className:a.mobileBackdrop,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},onClick:()=>b(!1),children:e.jsx(i.div,{initial:{y:-20,opacity:0},animate:{y:0,opacity:1},exit:{y:-20,opacity:0},transition:{duration:.2},onClick:n=>n.stopPropagation(),children:e.jsx("ul",{className:a.navList,children:d.map((n,o)=>H(n,o))})})})})]}):e.jsx(e.Fragment,{children:e.jsx(i.nav,{className:`${a.navbar} ${a[`navbar${u.charAt(0).toUpperCase()+u.slice(1)}`]} ${w}`,initial:u==="sidebar"?{x:-300}:{opacity:0},animate:u==="sidebar"?{x:0}:{opacity:1},transition:{type:"spring",stiffness:300,damping:30},children:O})})};Me.__docgenInfo={description:"",methods:[],displayName:"Navbar",props:{items:{required:!0,tsType:{name:"Array",elements:[{name:"NavItem"}],raw:"NavItem[]"},description:""},logo:{required:!1,tsType:{name:"signature",type:"object",raw:`{
|
|
42
|
-
src?: string;
|
|
43
|
-
alt?: string;
|
|
44
|
-
text?: string;
|
|
45
|
-
subtitle?: string;
|
|
46
|
-
}`,signature:{properties:[{key:"src",value:{name:"string",required:!1}},{key:"alt",value:{name:"string",required:!1}},{key:"text",value:{name:"string",required:!1}},{key:"subtitle",value:{name:"string",required:!1}}]}},description:""},onItemClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(item: NavItem) => void",signature:{arguments:[{type:{name:"NavItem"},name:"item"}],return:{name:"void"}}},description:""},variant:{required:!1,tsType:{name:"union",raw:"'sidebar' | 'top' | 'minimal'",elements:[{name:"literal",value:"'sidebar'"},{name:"literal",value:"'top'"},{name:"literal",value:"'minimal'"}]},description:"",defaultValue:{value:"'sidebar'",computed:!1}},isMobile:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},footer:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},soundConfig:{required:!1,tsType:{name:"ComponentSoundConfig"},description:""}}};const ga={title:"Organisms/Navbar",component:Me,parameters:{layout:"fullscreen"},argTypes:{variant:{control:{type:"select"},options:["sidebar","top","minimal"]},isMobile:{control:{type:"boolean"}}}},p=[{id:"home",label:"Home",icon:q,isActive:!0},{id:"projects",label:"Projects",icon:Se,badge:3},{id:"team",label:"Team",icon:y},{id:"settings",label:"Settings",icon:Ne,children:[{id:"profile",label:"Profile"},{id:"account",label:"Account"},{id:"security",label:"Security"}]},{id:"help",label:"Help",icon:Oe}],k={args:{items:p,variant:"sidebar",logo:{text:"MyApp",subtitle:"Dashboard"}}},S={args:{items:p,variant:"sidebar",logo:{src:"https://via.placeholder.com/48",alt:"Company Logo",text:"Company",subtitle:"Management System"}}},N={args:{items:p.slice(0,5),variant:"top",logo:{text:"TopNav"}}},C={args:{items:p.map(d=>({...d,icon:void 0})),variant:"minimal"}},I={args:{items:[{id:"home",label:"Home",icon:q,isActive:!0},{id:"search",label:"Search",icon:Ce},{id:"cart",label:"Cart",icon:E,badge:2},{id:"favorites",label:"Favorites",icon:P},{id:"profile",label:"Profile",icon:y}],variant:"sidebar",isMobile:!0}},M={args:{items:[{id:"home",label:"Home",icon:q,isActive:!0},{id:"search",label:"Search",icon:Ce},{id:"cart",label:"Cart",icon:E,badge:2},{id:"favorites",label:"Favorites",icon:P},{id:"profile",label:"Profile",icon:y}],variant:"sidebar",isMobile:!0,soundConfig:{onClick:"click",onHover:"hover"}}},j={args:{items:[{id:"shop",label:"Shop",icon:E,isActive:!0},{id:"categories",label:"Categories",icon:Ee,children:[{id:"electronics",label:"Electronics"},{id:"clothing",label:"Clothing"},{id:"home",label:"Home & Garden"},{id:"sports",label:"Sports"}]},{id:"trending",label:"Trending",icon:Ie,badge:"New"},{id:"wishlist",label:"Wishlist",icon:P,badge:5},{id:"account",label:"Account",icon:y}],variant:"sidebar",logo:{text:"ShopHub",subtitle:"Your Online Store"}}},T={args:{items:[{id:"overview",label:"Overview",icon:q,isActive:!0},{id:"analytics",label:"Analytics",icon:Ie},{id:"projects",label:"Projects",icon:Se,badge:12,children:[{id:"active",label:"Active Projects",badge:8},{id:"archived",label:"Archived",badge:4},{id:"drafts",label:"Drafts"}]},{id:"team",label:"Team",icon:y,children:[{id:"members",label:"Members"},{id:"roles",label:"Roles"},{id:"invites",label:"Invitations",badge:2}]},{id:"messages",label:"Messages",icon:De,badge:7},{id:"integrations",label:"Integrations",icon:Ue},{id:"settings",label:"Settings",icon:Ne}],variant:"sidebar",logo:{text:"AdminPro",subtitle:"Control Panel"},footer:e.jsxs("div",{style:{padding:"var(--spacing-md)",background:"var(--color-background-secondary)",borderRadius:"var(--radius-md)",textAlign:"center"},children:[e.jsx("div",{style:{fontSize:"var(--font-size-sm)",color:"var(--color-text-secondary)"},children:"Version 2.1.0"}),e.jsx("div",{style:{fontSize:"var(--font-size-xs)",color:"var(--color-text-tertiary)",marginTop:"4px"},children:"© 2024 AdminPro"})]})}},$={args:{items:p,variant:"sidebar",logo:{text:"MyApp"},footer:e.jsx("div",{style:{padding:"var(--spacing-sm)"},children:e.jsx("button",{style:{width:"100%",padding:"var(--spacing-sm)",background:"var(--color-primary)",color:"white",border:"none",borderRadius:"var(--radius-md)",cursor:"pointer",fontWeight:"var(--font-weight-semibold)"},children:"Sign Out"})})}},L={args:{items:p,variant:"sidebar",logo:{text:"Interactive",subtitle:"Click items to see console logs"},onItemClick:d=>{console.log("Clicked item:",d),alert(`You clicked: ${d.label}`)}}},A={args:{items:p,variant:"sidebar",logo:{text:"SoundNav",subtitle:"With sound effects"},soundConfig:{onClick:"click",onHover:"hover"}}};var U,Y,D;k.parameters={...k.parameters,docs:{...(U=k.parameters)==null?void 0:U.docs,source:{originalSource:`{
|
|
47
|
-
args: {
|
|
48
|
-
items: sampleItems,
|
|
49
|
-
variant: 'sidebar',
|
|
50
|
-
logo: {
|
|
51
|
-
text: 'MyApp',
|
|
52
|
-
subtitle: 'Dashboard'
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}`,...(D=(Y=k.parameters)==null?void 0:Y.docs)==null?void 0:D.source}}};var V,G,X;S.parameters={...S.parameters,docs:{...(V=S.parameters)==null?void 0:V.docs,source:{originalSource:`{
|
|
56
|
-
args: {
|
|
57
|
-
items: sampleItems,
|
|
58
|
-
variant: 'sidebar',
|
|
59
|
-
logo: {
|
|
60
|
-
src: 'https://via.placeholder.com/48',
|
|
61
|
-
alt: 'Company Logo',
|
|
62
|
-
text: 'Company',
|
|
63
|
-
subtitle: 'Management System'
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}`,...(X=(G=S.parameters)==null?void 0:G.docs)==null?void 0:X.source}}};var Q,J,K;N.parameters={...N.parameters,docs:{...(Q=N.parameters)==null?void 0:Q.docs,source:{originalSource:`{
|
|
67
|
-
args: {
|
|
68
|
-
items: sampleItems.slice(0, 5),
|
|
69
|
-
variant: 'top',
|
|
70
|
-
logo: {
|
|
71
|
-
text: 'TopNav'
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
}`,...(K=(J=N.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var Z,ee,ne;C.parameters={...C.parameters,docs:{...(Z=C.parameters)==null?void 0:Z.docs,source:{originalSource:`{
|
|
75
|
-
args: {
|
|
76
|
-
items: sampleItems.map(item => ({
|
|
77
|
-
...item,
|
|
78
|
-
icon: undefined
|
|
79
|
-
})),
|
|
80
|
-
variant: 'minimal'
|
|
81
|
-
}
|
|
82
|
-
}`,...(ne=(ee=C.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};var ae,te,oe;I.parameters={...I.parameters,docs:{...(ae=I.parameters)==null?void 0:ae.docs,source:{originalSource:`{
|
|
83
|
-
args: {
|
|
84
|
-
items: [{
|
|
85
|
-
id: 'home',
|
|
86
|
-
label: 'Home',
|
|
87
|
-
icon: Home,
|
|
88
|
-
isActive: true
|
|
89
|
-
}, {
|
|
90
|
-
id: 'search',
|
|
91
|
-
label: 'Search',
|
|
92
|
-
icon: Search
|
|
93
|
-
}, {
|
|
94
|
-
id: 'cart',
|
|
95
|
-
label: 'Cart',
|
|
96
|
-
icon: ShoppingCart,
|
|
97
|
-
badge: 2
|
|
98
|
-
}, {
|
|
99
|
-
id: 'favorites',
|
|
100
|
-
label: 'Favorites',
|
|
101
|
-
icon: Heart
|
|
102
|
-
}, {
|
|
103
|
-
id: 'profile',
|
|
104
|
-
label: 'Profile',
|
|
105
|
-
icon: Users
|
|
106
|
-
}],
|
|
107
|
-
variant: 'sidebar',
|
|
108
|
-
isMobile: true
|
|
109
|
-
}
|
|
110
|
-
}`,...(oe=(te=I.parameters)==null?void 0:te.docs)==null?void 0:oe.source}}};var ie,se,re;M.parameters={...M.parameters,docs:{...(ie=M.parameters)==null?void 0:ie.docs,source:{originalSource:`{
|
|
111
|
-
args: {
|
|
112
|
-
items: [{
|
|
113
|
-
id: 'home',
|
|
114
|
-
label: 'Home',
|
|
115
|
-
icon: Home,
|
|
116
|
-
isActive: true
|
|
117
|
-
}, {
|
|
118
|
-
id: 'search',
|
|
119
|
-
label: 'Search',
|
|
120
|
-
icon: Search
|
|
121
|
-
}, {
|
|
122
|
-
id: 'cart',
|
|
123
|
-
label: 'Cart',
|
|
124
|
-
icon: ShoppingCart,
|
|
125
|
-
badge: 2
|
|
126
|
-
}, {
|
|
127
|
-
id: 'favorites',
|
|
128
|
-
label: 'Favorites',
|
|
129
|
-
icon: Heart
|
|
130
|
-
}, {
|
|
131
|
-
id: 'profile',
|
|
132
|
-
label: 'Profile',
|
|
133
|
-
icon: Users
|
|
134
|
-
}],
|
|
135
|
-
variant: 'sidebar',
|
|
136
|
-
isMobile: true,
|
|
137
|
-
soundConfig: {
|
|
138
|
-
onClick: 'click',
|
|
139
|
-
onHover: 'hover'
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
}`,...(re=(se=M.parameters)==null?void 0:se.docs)==null?void 0:re.source}}};var ce,le,de;j.parameters={...j.parameters,docs:{...(ce=j.parameters)==null?void 0:ce.docs,source:{originalSource:`{
|
|
143
|
-
args: {
|
|
144
|
-
items: [{
|
|
145
|
-
id: 'shop',
|
|
146
|
-
label: 'Shop',
|
|
147
|
-
icon: ShoppingCart,
|
|
148
|
-
isActive: true
|
|
149
|
-
}, {
|
|
150
|
-
id: 'categories',
|
|
151
|
-
label: 'Categories',
|
|
152
|
-
icon: LayoutGrid,
|
|
153
|
-
children: [{
|
|
154
|
-
id: 'electronics',
|
|
155
|
-
label: 'Electronics'
|
|
156
|
-
}, {
|
|
157
|
-
id: 'clothing',
|
|
158
|
-
label: 'Clothing'
|
|
159
|
-
}, {
|
|
160
|
-
id: 'home',
|
|
161
|
-
label: 'Home & Garden'
|
|
162
|
-
}, {
|
|
163
|
-
id: 'sports',
|
|
164
|
-
label: 'Sports'
|
|
165
|
-
}]
|
|
166
|
-
}, {
|
|
167
|
-
id: 'trending',
|
|
168
|
-
label: 'Trending',
|
|
169
|
-
icon: TrendingUp,
|
|
170
|
-
badge: 'New'
|
|
171
|
-
}, {
|
|
172
|
-
id: 'wishlist',
|
|
173
|
-
label: 'Wishlist',
|
|
174
|
-
icon: Heart,
|
|
175
|
-
badge: 5
|
|
176
|
-
}, {
|
|
177
|
-
id: 'account',
|
|
178
|
-
label: 'Account',
|
|
179
|
-
icon: Users
|
|
180
|
-
}],
|
|
181
|
-
variant: 'sidebar',
|
|
182
|
-
logo: {
|
|
183
|
-
text: 'ShopHub',
|
|
184
|
-
subtitle: 'Your Online Store'
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
}`,...(de=(le=j.parameters)==null?void 0:le.docs)==null?void 0:de.source}}};var me,ve,pe;T.parameters={...T.parameters,docs:{...(me=T.parameters)==null?void 0:me.docs,source:{originalSource:`{
|
|
188
|
-
args: {
|
|
189
|
-
items: [{
|
|
190
|
-
id: 'overview',
|
|
191
|
-
label: 'Overview',
|
|
192
|
-
icon: Home,
|
|
193
|
-
isActive: true
|
|
194
|
-
}, {
|
|
195
|
-
id: 'analytics',
|
|
196
|
-
label: 'Analytics',
|
|
197
|
-
icon: TrendingUp
|
|
198
|
-
}, {
|
|
199
|
-
id: 'projects',
|
|
200
|
-
label: 'Projects',
|
|
201
|
-
icon: Folder,
|
|
202
|
-
badge: 12,
|
|
203
|
-
children: [{
|
|
204
|
-
id: 'active',
|
|
205
|
-
label: 'Active Projects',
|
|
206
|
-
badge: 8
|
|
207
|
-
}, {
|
|
208
|
-
id: 'archived',
|
|
209
|
-
label: 'Archived',
|
|
210
|
-
badge: 4
|
|
211
|
-
}, {
|
|
212
|
-
id: 'drafts',
|
|
213
|
-
label: 'Drafts'
|
|
214
|
-
}]
|
|
215
|
-
}, {
|
|
216
|
-
id: 'team',
|
|
217
|
-
label: 'Team',
|
|
218
|
-
icon: Users,
|
|
219
|
-
children: [{
|
|
220
|
-
id: 'members',
|
|
221
|
-
label: 'Members'
|
|
222
|
-
}, {
|
|
223
|
-
id: 'roles',
|
|
224
|
-
label: 'Roles'
|
|
225
|
-
}, {
|
|
226
|
-
id: 'invites',
|
|
227
|
-
label: 'Invitations',
|
|
228
|
-
badge: 2
|
|
229
|
-
}]
|
|
230
|
-
}, {
|
|
231
|
-
id: 'messages',
|
|
232
|
-
label: 'Messages',
|
|
233
|
-
icon: Mail,
|
|
234
|
-
badge: 7
|
|
235
|
-
}, {
|
|
236
|
-
id: 'integrations',
|
|
237
|
-
label: 'Integrations',
|
|
238
|
-
icon: Layers
|
|
239
|
-
}, {
|
|
240
|
-
id: 'settings',
|
|
241
|
-
label: 'Settings',
|
|
242
|
-
icon: Settings
|
|
243
|
-
}],
|
|
244
|
-
variant: 'sidebar',
|
|
245
|
-
logo: {
|
|
246
|
-
text: 'AdminPro',
|
|
247
|
-
subtitle: 'Control Panel'
|
|
248
|
-
},
|
|
249
|
-
footer: <div style={{
|
|
250
|
-
padding: 'var(--spacing-md)',
|
|
251
|
-
background: 'var(--color-background-secondary)',
|
|
252
|
-
borderRadius: 'var(--radius-md)',
|
|
253
|
-
textAlign: 'center'
|
|
254
|
-
}}>
|
|
255
|
-
<div style={{
|
|
256
|
-
fontSize: 'var(--font-size-sm)',
|
|
257
|
-
color: 'var(--color-text-secondary)'
|
|
258
|
-
}}>
|
|
259
|
-
Version 2.1.0
|
|
260
|
-
</div>
|
|
261
|
-
<div style={{
|
|
262
|
-
fontSize: 'var(--font-size-xs)',
|
|
263
|
-
color: 'var(--color-text-tertiary)',
|
|
264
|
-
marginTop: '4px'
|
|
265
|
-
}}>
|
|
266
|
-
© 2024 AdminPro
|
|
267
|
-
</div>
|
|
268
|
-
</div>
|
|
269
|
-
}
|
|
270
|
-
}`,...(pe=(ve=T.parameters)==null?void 0:ve.docs)==null?void 0:pe.source}}};var ue,be,ge;$.parameters={...$.parameters,docs:{...(ue=$.parameters)==null?void 0:ue.docs,source:{originalSource:`{
|
|
271
|
-
args: {
|
|
272
|
-
items: sampleItems,
|
|
273
|
-
variant: 'sidebar',
|
|
274
|
-
logo: {
|
|
275
|
-
text: 'MyApp'
|
|
276
|
-
},
|
|
277
|
-
footer: <div style={{
|
|
278
|
-
padding: 'var(--spacing-sm)'
|
|
279
|
-
}}>
|
|
280
|
-
<button style={{
|
|
281
|
-
width: '100%',
|
|
282
|
-
padding: 'var(--spacing-sm)',
|
|
283
|
-
background: 'var(--color-primary)',
|
|
284
|
-
color: 'white',
|
|
285
|
-
border: 'none',
|
|
286
|
-
borderRadius: 'var(--radius-md)',
|
|
287
|
-
cursor: 'pointer',
|
|
288
|
-
fontWeight: 'var(--font-weight-semibold)'
|
|
289
|
-
}}>
|
|
290
|
-
Sign Out
|
|
291
|
-
</button>
|
|
292
|
-
</div>
|
|
293
|
-
}
|
|
294
|
-
}`,...(ge=(be=$.parameters)==null?void 0:be.docs)==null?void 0:ge.source}}};var he,_e,ye;L.parameters={...L.parameters,docs:{...(he=L.parameters)==null?void 0:he.docs,source:{originalSource:`{
|
|
295
|
-
args: {
|
|
296
|
-
items: sampleItems,
|
|
297
|
-
variant: 'sidebar',
|
|
298
|
-
logo: {
|
|
299
|
-
text: 'Interactive',
|
|
300
|
-
subtitle: 'Click items to see console logs'
|
|
301
|
-
},
|
|
302
|
-
onItemClick: item => {
|
|
303
|
-
console.log('Clicked item:', item);
|
|
304
|
-
alert(\`You clicked: \${item.label}\`);
|
|
305
|
-
}
|
|
306
|
-
}
|
|
307
|
-
}`,...(ye=(_e=L.parameters)==null?void 0:_e.docs)==null?void 0:ye.source}}};var xe,fe,ke;A.parameters={...A.parameters,docs:{...(xe=A.parameters)==null?void 0:xe.docs,source:{originalSource:`{
|
|
308
|
-
args: {
|
|
309
|
-
items: sampleItems,
|
|
310
|
-
variant: 'sidebar',
|
|
311
|
-
logo: {
|
|
312
|
-
text: 'SoundNav',
|
|
313
|
-
subtitle: 'With sound effects'
|
|
314
|
-
},
|
|
315
|
-
soundConfig: {
|
|
316
|
-
onClick: 'click',
|
|
317
|
-
onHover: 'hover'
|
|
318
|
-
}
|
|
319
|
-
}
|
|
320
|
-
}`,...(ke=(fe=A.parameters)==null?void 0:fe.docs)==null?void 0:ke.source}}};const ha=["SidebarDefault","SidebarWithImage","TopNavigation","MinimalNavigation","MobileBottomNav","MobileWithSounds","ECommerceNav","DashboardNav","WithCustomFooter","InteractiveExample","WithSounds"];export{T as DashboardNav,j as ECommerceNav,L as InteractiveExample,C as MinimalNavigation,I as MobileBottomNav,M as MobileWithSounds,k as SidebarDefault,S as SidebarWithImage,N as TopNavigation,$ as WithCustomFooter,A as WithSounds,ha as __namedExportsOrder,ga as default};
|