@stfrigerio/sito-template 0.1.101 → 0.1.107
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/Modal/Modal.d.ts +2 -0
- package/dist/components/atoms/Modal/Modal.d.ts.map +1 -1
- package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.d.ts.map +1 -1
- package/dist/index.esm.js +4 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
- package/storybook-static/assets/{ASCIIText.stories-tIaR8-30.js → ASCIIText.stories-B5NjB1q2.js} +1 -1
- package/storybook-static/assets/{AllAtoms.stories-wjImSAbw.js → AllAtoms.stories-DEVJcsRs.js} +1 -1
- package/storybook-static/assets/{AnimatedContent.stories-2qC-fkJI.js → AnimatedContent.stories-BiIwOLhD.js} +1 -1
- package/storybook-static/assets/{AnimatedList.stories-CylIt0ba.js → AnimatedList.stories-rU_7KA8I.js} +1 -1
- package/storybook-static/assets/{Antigravity.stories-ium_rPSJ.js → Antigravity.stories-BcThss1O.js} +1 -1
- package/storybook-static/assets/ArrayInput-D9bwF2Mw.css +1 -0
- package/storybook-static/assets/{ArrayInput.stories-CnVg06MK.js → ArrayInput.stories-BAgx8kgF.js} +4 -4
- package/storybook-static/assets/{Aurora.stories-DuFv0_k8.js → Aurora.stories-Bf7u9cEl.js} +1 -1
- package/storybook-static/assets/{Beams.stories-DIEOjIBe.js → Beams.stories-DJBcTy0N.js} +1 -1
- package/storybook-static/assets/{BlobCursor.stories-DvG-koWY.js → BlobCursor.stories-DJR8iTfE.js} +1 -1
- package/storybook-static/assets/{BlurText.stories-sWy214Q2.js → BlurText.stories-C-6aGuUP.js} +1 -1
- package/storybook-static/assets/BooleansHeatmap--ASfaeuz.css +1 -0
- package/storybook-static/assets/BooleansHeatmap.stories-DMTEgEzn.js +63 -0
- package/storybook-static/assets/{BorderGlow.stories-E4gpGeWQ.js → BorderGlow.stories-B_C7HsuC.js} +1 -1
- package/storybook-static/assets/{BubbleMenu.stories-W43-ioFH.js → BubbleMenu.stories-C8_pr_wb.js} +1 -1
- package/storybook-static/assets/{Button-CTnNAnoF.js → Button-Cm5GsHji.js} +1 -1
- package/storybook-static/assets/{Button.stories-ACvBbIR1.js → Button.stories-br32IhaR.js} +1 -1
- package/storybook-static/assets/{Calendar.stories-iQkvrvgz.js → Calendar.stories-CYnzumuA.js} +1 -1
- package/storybook-static/assets/{Card-6j0993HS.js → Card-DZkVkZLY.js} +1 -1
- package/storybook-static/assets/{Card.stories-DZzRMcRM.js → Card.stories-Djis1a9u.js} +1 -1
- package/storybook-static/assets/{CardNav.stories-BqXRGPFR.js → CardNav.stories-oAO5X7sB.js} +1 -1
- package/storybook-static/assets/{Carousel.stories-Z9HYvNS6.js → Carousel.stories-C8bONK-L.js} +1 -1
- package/storybook-static/assets/Checkbox-C--_BfIX.css +1 -0
- package/storybook-static/assets/{Checkbox-6Z_EEcoe.js → Checkbox-CNgPnFgE.js} +1 -1
- package/storybook-static/assets/{Checkbox.stories-CkXxAAOM.js → Checkbox.stories-hMF__1ZF.js} +1 -1
- package/storybook-static/assets/{ChordDiagram.stories-BoGS9mXW.js → ChordDiagram.stories-B27nyh8s.js} +1 -1
- package/storybook-static/assets/{ChromaGrid.stories-DZWtESDP.js → ChromaGrid.stories-_fVqsHrt.js} +1 -1
- package/storybook-static/assets/{CircularGallery.stories-DQHz7F4g.js → CircularGallery.stories-BgXWONHI.js} +1 -1
- package/storybook-static/assets/{CircularText.stories-hAb1lSel.js → CircularText.stories-DwHPtWlm.js} +1 -1
- package/storybook-static/assets/{ClickSpark.stories-BjzCHr3X.js → ClickSpark.stories-x591_PsC.js} +1 -1
- package/storybook-static/assets/{ColorBends.stories-VFe9q7SG.js → ColorBends.stories-DMzvCY-L.js} +1 -1
- package/storybook-static/assets/{CountUp.stories-DMfEJ2_X.js → CountUp.stories-BLeu4sZk.js} +1 -1
- package/storybook-static/assets/{Counter.stories-Ddufg4zF.js → Counter.stories-abU3MNUD.js} +1 -1
- package/storybook-static/assets/{Crosshair.stories-C6quKu3e.js → Crosshair.stories-CYcOHIbY.js} +1 -1
- package/storybook-static/assets/{Cubes.stories-B7vxZouX.js → Cubes.stories-CwGjiOC_.js} +1 -1
- package/storybook-static/assets/{CurvedLoop.stories-BGet8MMP.js → CurvedLoop.stories-CxOlcnce.js} +1 -1
- package/storybook-static/assets/{DarkVeil.stories-Bu0Tnu-6.js → DarkVeil.stories-J7BQR3rx.js} +1 -1
- package/storybook-static/assets/DateInput-Bq2oX7m8.css +1 -0
- package/storybook-static/assets/DateInput-OzK7vkKX.js +23 -0
- package/storybook-static/assets/{DateInput.stories-CyRv7sjg.js → DateInput.stories-Dftv5gDC.js} +1 -1
- package/storybook-static/assets/{DecayCard.stories-BD2h63Yc.js → DecayCard.stories-C4WSFQb7.js} +1 -1
- package/storybook-static/assets/{DecryptedText.stories-BR5w3WHS.js → DecryptedText.stories-DQq7M2G4.js} +1 -1
- package/storybook-static/assets/{Dither.stories-aUCUDBCz.js → Dither.stories-2f9oMw7C.js} +1 -1
- package/storybook-static/assets/{Dock.stories-B9c2txIi.js → Dock.stories-mz3um3sV.js} +1 -1
- package/storybook-static/assets/{EditFAB.stories-DMOijRLx.js → EditFAB.stories-Df_h2ncm.js} +1 -1
- package/storybook-static/assets/{EvilEye.stories-CsOG_d0o.js → EvilEye.stories-YcWoafs5.js} +1 -1
- package/storybook-static/assets/{FadeContent.stories-BR6tybqY.js → FadeContent.stories-g1s2DwIK.js} +1 -1
- package/storybook-static/assets/{FaultyTerminal.stories-DS5Tyv6l.js → FaultyTerminal.stories-BNvT9ckQ.js} +1 -1
- package/storybook-static/assets/{Fbo-CW8HnzJ0.js → Fbo-CO4EhkKg.js} +1 -1
- package/storybook-static/assets/{FloatingLines.stories-DpsTsF-M.js → FloatingLines.stories-DDjKNV3s.js} +1 -1
- package/storybook-static/assets/{FlowingMenu.stories-C7Yw24v8.js → FlowingMenu.stories-CtSdxo4R.js} +1 -1
- package/storybook-static/assets/{FluidGlass.stories-DL7gsIvR.js → FluidGlass.stories-36EauljY.js} +1 -1
- package/storybook-static/assets/{Folder.stories-oUQTik2D.js → Folder.stories-DM21ju4X.js} +1 -1
- package/storybook-static/assets/{FuzzyText.stories-3sz8Ql2j.js → FuzzyText.stories-rP1v1F7U.js} +1 -1
- package/storybook-static/assets/{Galaxy.stories-DNKl8sLe.js → Galaxy.stories-Cc49OCSu.js} +1 -1
- package/storybook-static/assets/{GhostCursor.stories-BwKhRvGF.js → GhostCursor.stories-DUbttLcK.js} +1 -1
- package/storybook-static/assets/{GlareHover.stories-HqLH7vCz.js → GlareHover.stories-DzY4Mmde.js} +1 -1
- package/storybook-static/assets/{GlassSurface.stories-BI3VNUMA.js → GlassSurface.stories-6p0SanP0.js} +1 -1
- package/storybook-static/assets/{GlitchText.stories-DAJVj_2t.js → GlitchText.stories-DMn-qtnE.js} +1 -1
- package/storybook-static/assets/{GooeyNav.stories-DC9dqubb.js → GooeyNav.stories-CB9PEigs.js} +1 -1
- package/storybook-static/assets/{GradientBlinds.stories-FtL2FczL.js → GradientBlinds.stories-sVGa433f.js} +1 -1
- package/storybook-static/assets/{GradientText.stories-sKX4wnrF.js → GradientText.stories-DU_ALqs5.js} +1 -1
- package/storybook-static/assets/{Grainient.stories-LOYPnd1b.js → Grainient.stories-nUWJ4qgX.js} +1 -1
- package/storybook-static/assets/{GridMotion.stories-D56B4vk1.js → GridMotion.stories-BdUPFQ79.js} +1 -1
- package/storybook-static/assets/{HabitTimeOfDayChart.stories-CSb9GUPx.js → HabitTimeOfDayChart.stories-F3oxO5hq.js} +1 -1
- package/storybook-static/assets/{ImageSlideshow.stories-B74RIe-i.js → ImageSlideshow.stories-ZYeg5sX3.js} +1 -1
- package/storybook-static/assets/{Iridescence.stories-CTwtY8eT.js → Iridescence.stories-BpwWDx93.js} +1 -1
- package/storybook-static/assets/{LaserFlow.stories-BLmaf3AB.js → LaserFlow.stories-CN_nDz2G.js} +1 -1
- package/storybook-static/assets/{LetterGlitch.stories-DH37XF0t.js → LetterGlitch.stories-DIHejTib.js} +1 -1
- package/storybook-static/assets/{LightPillar.stories-Ck3qeiN0.js → LightPillar.stories-BRAbOuUK.js} +1 -1
- package/storybook-static/assets/{LightRays.stories-ua2gmYoU.js → LightRays.stories-CaQx9Ufk.js} +1 -1
- package/storybook-static/assets/{Lightning.stories-aH3grKDv.js → Lightning.stories-C0rU6yf6.js} +1 -1
- package/storybook-static/assets/{LineWaves.stories-Dny9m17l.js → LineWaves.stories-BVE2z-ae.js} +1 -1
- package/storybook-static/assets/{LiquidChrome.stories-DhhNq7hu.js → LiquidChrome.stories-Db0fM_Fe.js} +1 -1
- package/storybook-static/assets/{LiquidEther.stories-QrTDJF0k.js → LiquidEther.stories-CO0LbAi5.js} +1 -1
- package/storybook-static/assets/{LoadingSpinner-1TPKggI4.js → LoadingSpinner-jywYTAEN.js} +1 -1
- package/storybook-static/assets/{LoadingSpinner.stories-hbHHmRIN.js → LoadingSpinner.stories-wDFcxkTF.js} +1 -1
- package/storybook-static/assets/{MagicRings.stories-DVVFiIUt.js → MagicRings.stories-Bd86yqmn.js} +1 -1
- package/storybook-static/assets/{Magnet.stories-BbdHeWMA.js → Magnet.stories-B0ymabXH.js} +1 -1
- package/storybook-static/assets/{MagnetLines.stories-DuFdunF1.js → MagnetLines.stories-BX0zqP77.js} +1 -1
- package/storybook-static/assets/{Masonry.stories-eCIUqf99.js → Masonry.stories-CQ-iudTE.js} +1 -1
- package/storybook-static/assets/{MetaBalls.stories-Dv6jUd7Z.js → MetaBalls.stories-DRtAUYTw.js} +1 -1
- package/storybook-static/assets/{MetallicPaint.stories-DAVRhJNS.js → MetallicPaint.stories-BO_eHV1U.js} +1 -1
- package/storybook-static/assets/{MoodChart.stories-Cu2L9ctb.js → MoodChart.stories-DhR4p3y_.js} +1 -1
- package/storybook-static/assets/{MotionConfigContext-BOce3hkw.js → MotionConfigContext-CT5IMbAV.js} +1 -1
- package/storybook-static/assets/{Navbar.stories-CA4HG5LC.js → Navbar.stories-6D-s_aE3.js} +1 -1
- package/storybook-static/assets/{Noise.stories-CzRiztMU.js → Noise.stories-o8VO-aFk.js} +1 -1
- package/storybook-static/assets/{NumberStepper-CA99F71z.js → NumberStepper-CBmHB1Ek.js} +1 -1
- package/storybook-static/assets/{NumberStepper.stories-BaedWrxw.js → NumberStepper.stories-DqAeQqfy.js} +1 -1
- package/storybook-static/assets/{Orb.stories-C3AvU6Ck.js → Orb.stories-DGl5_O4a.js} +1 -1
- package/storybook-static/assets/{OrbitImages.stories-CUQtYBoA.js → OrbitImages.stories-KXEol-Nl.js} +1 -1
- package/storybook-static/assets/{PieChart.stories-CuDdoiKR.js → PieChart.stories-BY1n9cPF.js} +1 -1
- package/storybook-static/assets/{PixelBlast.stories-BZMMgPnx.js → PixelBlast.stories-DtC6gAbZ.js} +1 -1
- package/storybook-static/assets/{PixelCard.stories-BGHIfRb9.js → PixelCard.stories-CVURZbUf.js} +1 -1
- package/storybook-static/assets/{PixelSnow.stories-BxIpxPJS.js → PixelSnow.stories-v-dVY-lf.js} +1 -1
- package/storybook-static/assets/{PixelTransition.stories-Do2T23Se.js → PixelTransition.stories-C9Ty9KkJ.js} +1 -1
- package/storybook-static/assets/{Plasma.stories-SQXqI75y.js → Plasma.stories-BSjjJFIJ.js} +1 -1
- package/storybook-static/assets/{PolarHeatmap.stories-CDFci1PA.js → PolarHeatmap.stories-6bpm0gDe.js} +1 -1
- package/storybook-static/assets/{Prism.stories-Ba_UAm8c.js → Prism.stories-CKytcbqj.js} +1 -1
- package/storybook-static/assets/{PrismaticBurst.stories-NskKboMg.js → PrismaticBurst.stories-CKa-PPQ0.js} +1 -1
- package/storybook-static/assets/{ProfileCard.stories-nhGFawW1.js → ProfileCard.stories-DLts3khz.js} +1 -1
- package/storybook-static/assets/{ProgressRings.stories-Dq2WYOU1.js → ProgressRings.stories-Chckh-on.js} +1 -1
- package/storybook-static/assets/{QuantifiableHabitsChart.stories-treJexAd.js → QuantifiableHabitsChart.stories-B5Zb8qqa.js} +1 -1
- package/storybook-static/assets/{Radar.stories-DN8oMfe1.js → Radar.stories-DS1aP6fF.js} +1 -1
- package/storybook-static/assets/{RadialDayChart.stories-C_GY1oKa.js → RadialDayChart.stories-s1bCHgJt.js} +1 -1
- package/storybook-static/assets/{RecurrencePicker.stories-yUASJJzk.js → RecurrencePicker.stories-b_irmNFg.js} +1 -1
- package/storybook-static/assets/{Ribbons.stories-2PD9Q7CT.js → Ribbons.stories-wef48s9Y.js} +1 -1
- package/storybook-static/assets/{RippleGrid.stories-Bmz86N8L.js → RippleGrid.stories-_tveYVPF.js} +1 -1
- package/storybook-static/assets/{RotatingText.stories-Db0Kj4fU.js → RotatingText.stories-CSTuLB_I.js} +1 -1
- package/storybook-static/assets/{ScrollFloat.stories-BvS3cLTO.js → ScrollFloat.stories-D8Zuvl-4.js} +1 -1
- package/storybook-static/assets/{ScrollReveal.stories-BRz9n7Qk.js → ScrollReveal.stories-CymFvgtq.js} +1 -1
- package/storybook-static/assets/{ScrollVelocity.stories-TeCcq0Yc.js → ScrollVelocity.stories-DOJ24idz.js} +1 -1
- package/storybook-static/assets/{SearchBar.stories-Bu7toOZA.js → SearchBar.stories-uhG9r7Ey.js} +1 -1
- package/storybook-static/assets/SearchableDropdown-BhAyCkJ9.css +1 -0
- package/storybook-static/assets/SearchableDropdown-DhVYfVte.js +38 -0
- package/storybook-static/assets/{SearchableDropdown.stories-oT9buOsg.js → SearchableDropdown.stories-wqWbl9Wa.js} +1 -1
- package/storybook-static/assets/SelectInput-BOB2ukAX.css +1 -0
- package/storybook-static/assets/{SelectInput-Cej6AIrC.js → SelectInput-DAfUBVWw.js} +1 -1
- package/storybook-static/assets/{SelectInput.stories--hmbh-1I.js → SelectInput.stories-CmstGyZO.js} +1 -1
- package/storybook-static/assets/{ShapeBlur.stories-BrPB9Dgq.js → ShapeBlur.stories-Ca2TpPqv.js} +1 -1
- package/storybook-static/assets/{ShapeGrid.stories-A41-DtIq.js → ShapeGrid.stories-DofdIOB1.js} +1 -1
- package/storybook-static/assets/{ShinyText.stories-BFTU8GJP.js → ShinyText.stories-D4tVRed3.js} +1 -1
- package/storybook-static/assets/{Silk.stories-BxpLiRNx.js → Silk.stories-DI3DRjtg.js} +1 -1
- package/storybook-static/assets/{SleepChart.stories-ywhx7_91.js → SleepChart.stories-yin-cmiu.js} +1 -1
- package/storybook-static/assets/{Slider-CuNmEDiZ.js → Slider-AlX5WHPL.js} +1 -1
- package/storybook-static/assets/{Slider.stories-CsQAkQAf.js → Slider.stories-DMp4V8ZH.js} +1 -1
- package/storybook-static/assets/{SoftAurora.stories-taxcnhT9.js → SoftAurora.stories-DjskiJuH.js} +1 -1
- package/storybook-static/assets/{SoundDemo.stories-zh_F_pgW.js → SoundDemo.stories-DOZOeM8a.js} +1 -1
- package/storybook-static/assets/{SplashCursor.stories-CmqWbAt-.js → SplashCursor.stories-DiGCEHt0.js} +1 -1
- package/storybook-static/assets/{SpotlightCard.stories-CuO7WGGH.js → SpotlightCard.stories-C1WEaD66.js} +1 -1
- package/storybook-static/assets/{Stack.stories-7-b3bhlI.js → Stack.stories-CWvUsHA6.js} +1 -1
- package/storybook-static/assets/{StaggeredMenu.stories-DBTBz-bp.js → StaggeredMenu.stories-DG7e_uSe.js} +1 -1
- package/storybook-static/assets/{StarBorder.stories-eXdZPyrG.js → StarBorder.stories-Cij2N8XM.js} +1 -1
- package/storybook-static/assets/{SunburstChart.stories-CMSDNzoY.js → SunburstChart.stories-DW0siWHg.js} +1 -1
- package/storybook-static/assets/{Table.stories-SylwgEpv.js → Table.stories-DCEXAz2X.js} +1 -1
- package/storybook-static/assets/{Tabs.stories-DbAMtL9i.js → Tabs.stories-B7-o-sWU.js} +1 -1
- package/storybook-static/assets/{TargetCursor.stories-BRd8eVe6.js → TargetCursor.stories-fpzaDRtU.js} +1 -1
- package/storybook-static/assets/{TextArea-DBXLzMeZ.js → TextArea-Bb7yptXN.js} +2 -2
- package/storybook-static/assets/TextArea-DMdoAkId.css +1 -0
- package/storybook-static/assets/{TextArea.stories-udebbAVJ.js → TextArea.stories-BG-70gTT.js} +1 -1
- package/storybook-static/assets/{TextCursor.stories-BUDlvRvw.js → TextCursor.stories-B8Fgsltq.js} +1 -1
- package/storybook-static/assets/TextInput-C0X4sBJc.js +28 -0
- package/storybook-static/assets/TextInput-CcWXaW6F.css +1 -0
- package/storybook-static/assets/{TextInput.stories-FtH8T5-_.js → TextInput.stories-DNyGQ4mR.js} +1 -1
- package/storybook-static/assets/{TextPressure.stories-Dooijbiu.js → TextPressure.stories-CQ0AL2Xz.js} +1 -1
- package/storybook-static/assets/{TextType.stories-ClLVvVVk.js → TextType.stories-CpWP1RIr.js} +1 -1
- package/storybook-static/assets/{ThemeSwitcher.stories-CwegSINw.js → ThemeSwitcher.stories-BMO9BNim.js} +1 -1
- package/storybook-static/assets/{Threads.stories-BuN-AxUr.js → Threads.stories-At6gLyNE.js} +1 -1
- package/storybook-static/assets/{TimeInput.stories-B5IUTUV2.js → TimeInput.stories-i6EYsZCh.js} +1 -1
- package/storybook-static/assets/{Toggle-B5sCmBg4.js → Toggle-BlZhKV1m.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-BmSHf5DP.js → Toggle.stories-YwF7ppwp.js} +1 -1
- package/storybook-static/assets/{ToggleButton-CP739hB6.js → ToggleButton-C4yPm5sq.js} +1 -1
- package/storybook-static/assets/{ToggleButton.stories-m2eCrn7I.js → ToggleButton.stories-Bp7Icgr-.js} +1 -1
- package/storybook-static/assets/{TrueFocus.stories-ATT_gCYY.js → TrueFocus.stories-D27oovFy.js} +1 -1
- package/storybook-static/assets/{VariableProximity.stories-CjhZaqvP.js → VariableProximity.stories-D6VrJXV9.js} +1 -1
- package/storybook-static/assets/{Waves.stories-l6P0auFd.js → Waves.stories-DeMdDGhS.js} +1 -1
- package/storybook-static/assets/{calendar-DtZXr8CJ.js → calendar-AYW9MMYR.js} +1 -1
- package/storybook-static/assets/{chart-column-Bc8_bGZY.js → chart-column-CvnqmJ3s.js} +1 -1
- package/storybook-static/assets/{check-pQLEHzEB.js → check-3mB-qVki.js} +1 -1
- package/storybook-static/assets/{chevron-down-BwWfy_sP.js → chevron-down-CF2I61vV.js} +1 -1
- package/storybook-static/assets/{chevron-right-D2pOUpcG.js → chevron-right-CDz0Y2f2.js} +1 -1
- package/storybook-static/assets/client-CdERhRkf.js +1 -0
- package/storybook-static/assets/{createLucideIcon-B-jPBnP1.js → createLucideIcon-D-7CW_CD.js} +1 -1
- package/storybook-static/assets/{download-DnhuO1Ek.js → download-S4EmNFiJ.js} +1 -1
- package/storybook-static/assets/{folder-B0kHgyRN.js → folder-DwnZuxYv.js} +1 -1
- package/storybook-static/assets/{iconBase-Do-FwLpb.js → iconBase-CJWpRS45.js} +1 -1
- package/storybook-static/assets/{iframe-ClorXKAj.js → iframe-CsNMSmaZ.js} +3 -3
- package/storybook-static/assets/{index-CezVs6bU.js → index-CnhxZRKH.js} +1 -1
- package/storybook-static/assets/{index-Bs1dRoHq.js → index-Dd9tQS6E.js} +1 -1
- package/storybook-static/assets/{index-CBJggPN9.js → index-M_Boe6P4.js} +1 -1
- package/storybook-static/assets/{proxy-3BlM6Jc4.js → proxy-CmCG226X.js} +1 -1
- package/storybook-static/assets/{react-18-wzICuHUq.js → react-18-Cq_6iGPB.js} +1 -1
- package/storybook-static/assets/{react-three-fiber.esm-BmUFa1-S.js → react-three-fiber.esm-t0b1IYeW.js} +1 -1
- package/storybook-static/assets/{search-BKi-6XDz.js → search-B4IFIUTJ.js} +1 -1
- package/storybook-static/assets/{settings-BzEV0s0L.js → settings-CSxAGxMS.js} +1 -1
- package/storybook-static/assets/{sun-C9Sm1WQX.js → sun-C4frepWu.js} +1 -1
- package/storybook-static/assets/{trash-2-Bb1H8yHr.js → trash-2-DPPfHWSY.js} +1 -1
- package/storybook-static/assets/{use-animation-frame-D9hLiIrP.js → use-animation-frame-DPUMdwYG.js} +1 -1
- package/storybook-static/assets/{use-in-view-DKEXTXQI.js → use-in-view-D4fbJhxP.js} +1 -1
- package/storybook-static/assets/{use-motion-value-BABvebXq.js → use-motion-value-Cd-kGXsq.js} +1 -1
- package/storybook-static/assets/{use-spring-C8_4zIh_.js → use-spring-BB7O7aEL.js} +1 -1
- package/storybook-static/assets/{use-transform-CcGdha8D.js → use-transform-LYq5i14s.js} +1 -1
- package/storybook-static/assets/{useSound-BS8g02XJ.js → useSound-za8WR_2r.js} +1 -1
- package/storybook-static/assets/{users-CL9_RODb.js → users-CYKnT111.js} +1 -1
- package/storybook-static/assets/{x-BgxSkyBO.js → x-BnheTmJW.js} +1 -1
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/project.json +1 -1
- package/storybook-static/assets/ArrayInput-CkUpk1TR.css +0 -1
- package/storybook-static/assets/BooleansHeatmap-C8cFXa7K.css +0 -1
- package/storybook-static/assets/BooleansHeatmap.stories-mxTxY_p5.js +0 -63
- package/storybook-static/assets/Checkbox-DMUHtq9s.css +0 -1
- package/storybook-static/assets/DateInput-BuyblN2J.js +0 -23
- package/storybook-static/assets/DateInput-cYamAbSd.css +0 -1
- package/storybook-static/assets/SearchableDropdown-BKDA92Db.js +0 -38
- package/storybook-static/assets/SearchableDropdown-CLYLzeoj.css +0 -1
- package/storybook-static/assets/SelectInput-BU8RV4V4.css +0 -1
- package/storybook-static/assets/TextArea-B2UrQsuf.css +0 -1
- package/storybook-static/assets/TextInput-6V0mlIuS.css +0 -1
- package/storybook-static/assets/TextInput-Df0ECj-K.js +0 -28
- package/storybook-static/assets/client-DyHGB6m6.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{R as Su,a as Na,P as La,S as Ma,b as Yl,V as Ta,c as Ia,B as Oa,N as ja,A as Fa,W as Da,C as Ua,d as wu,e as jn,f as Ha,L as Kl,g as Aa,U as Ba,T as Wa}from"./three.module--_vTUKhS.js";import{r as B,g as Qa,j as je}from"./iframe-
|
|
1
|
+
import{R as Su,a as Na,P as La,S as Ma,b as Yl,V as Ta,c as Ia,B as Oa,N as ja,A as Fa,W as Da,C as Ua,d as wu,e as jn,f as Ha,L as Kl,g as Aa,U as Ba,T as Wa}from"./three.module--_vTUKhS.js";import{r as B,g as Qa,j as je}from"./iframe-CsNMSmaZ.js";var Eu={exports:{}},Wt={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-reconciler-constants.production.min.js
|
|
4
4
|
*
|
package/storybook-static/assets/{use-animation-frame-D9hLiIrP.js → use-animation-frame-DPUMdwYG.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./iframe-
|
|
1
|
+
import{r as e}from"./iframe-CsNMSmaZ.js";import{V as a,f as u,I as c}from"./MotionConfigContext-CT5IMbAV.js";function p(r){const t=e.useRef(0),{isStatic:o}=e.useContext(a);e.useEffect(()=>{if(o)return;const n=({timestamp:i,delta:s})=>{t.current||(t.current=i),r(i-t.current,s)};return u.update(n,!0),()=>c(n)},[r])}export{p as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as g}from"./iframe-
|
|
1
|
+
import{r as g}from"./iframe-CsNMSmaZ.js";import{H as p}from"./MotionConfigContext-CT5IMbAV.js";const E={some:0,all:1};function I(s,r,{root:c,margin:f,amount:t="some"}={}){const a=p(s),n=new WeakMap,u=i=>{i.forEach(e=>{const l=n.get(e.target);if(e.isIntersecting!==!!l)if(e.isIntersecting){const d=r(e.target,e);typeof d=="function"?n.set(e.target,d):o.unobserve(e.target)}else typeof l=="function"&&(l(e),n.delete(e.target))})},o=new IntersectionObserver(u,{root:c,rootMargin:f,threshold:typeof t=="number"?t:E[t]});return a.forEach(i=>o.observe(i)),()=>o.disconnect()}function m(s,{root:r,margin:c,amount:f,once:t=!1,initial:a=!1}={}){const[n,u]=g.useState(a);return g.useEffect(()=>{if(!s.current||t&&n)return;const o=()=>(u(!0),t?void 0:()=>u(!1)),i={root:r&&r.current||void 0,margin:c,amount:f};return I(s.current,o,i)},[r,s,c,t,f]),n}export{m as u};
|
package/storybook-static/assets/{use-motion-value-BABvebXq.js → use-motion-value-Cd-kGXsq.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t}from"./iframe-
|
|
1
|
+
import{r as t}from"./iframe-CsNMSmaZ.js";import{U as a,V as u,o as r}from"./MotionConfigContext-CT5IMbAV.js";function i(o){const e=a(()=>r(o)),{isStatic:s}=t.useContext(u);if(s){const[,n]=t.useState(o);t.useEffect(()=>e.on("change",n),[])}return e}export{i as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as g}from"./iframe-
|
|
1
|
+
import{r as g}from"./iframe-CsNMSmaZ.js";import{f as h,q as y,J as x,V as A}from"./MotionConfigContext-CT5IMbAV.js";import{u as C}from"./use-motion-value-Cd-kGXsq.js";import{u as F}from"./use-transform-LYq5i14s.js";function k(t,e,a={}){const r=t.get();let n=null,c=r,l;const u=typeof r=="string"?r.replace(/[\d.-]/g,""):void 0,f=()=>{n&&(n.stop(),n=null),t.animation=void 0},V=()=>{const o=d(t.get()),i=d(c);if(o===i){f();return}const s=n?n.getGeneratorVelocity():t.getVelocity();f(),n=new x({keyframes:[o,i],velocity:s,type:"spring",restDelta:.001,restSpeed:.01,...a,onUpdate:l})},S=()=>{var o;V(),t.animation=n??void 0,(o=t.events.animationStart)==null||o.notify(),n==null||n.then(()=>{var i;t.animation=void 0,(i=t.events.animationComplete)==null||i.notify()})};if(t.attach((o,i)=>{c=o,l=s=>i(m(s,u)),h.postRender(S)},f),y(e)){let o=a.skipInitialAnimation===!0;const i=e.on("change",p=>{o?(o=!1,t.jump(m(p,u),!1)):t.set(m(p,u))}),s=t.on("destroy",i);return()=>{i(),s()}}return f}function m(t,e){return e?t+e:t}function d(t){return typeof t=="number"?t:parseFloat(t)}function w(t,e={}){const{isStatic:a}=g.useContext(A),r=()=>y(t)?t.get():t;if(a)return F(r);const n=C(r());return g.useInsertionEffect(()=>k(n,t,e),[n,JSON.stringify(e)]),n}function b(t,e={}){return w(t,{type:"spring",...e})}export{b as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Y as d,u as A,f as h,I as V,Z as f,U as l}from"./MotionConfigContext-
|
|
1
|
+
import{Y as d,u as A,f as h,I as V,Z as f,U as l}from"./MotionConfigContext-CT5IMbAV.js";import{u as k}from"./use-motion-value-Cd-kGXsq.js";function C(...e){const s=!Array.isArray(e[0]),t=s?0:-1,r=e[0+t],c=e[1+t],u=e[2+t],n=e[3+t],o=d(c,u,n);return s?o(r):o}function i(e,s){const t=k(s()),r=()=>t.set(s());return r(),A(()=>{const c=()=>h.preRender(r,!1,!0),u=e.map(n=>n.on("change",c));return()=>{u.forEach(n=>n()),V(r)}}),t}function I(e){f.current=[],e();const s=i(f.current,e);return f.current=void 0,s}function b(e,s,t,r){if(typeof e=="function")return I(e);if(t!==void 0&&!Array.isArray(t)&&typeof s!="function")return E(e,s,t,r);const n=typeof s=="function"?s:C(s,t,r),o=Array.isArray(e)?y(e,n):y([e],([m])=>n(m)),a=Array.isArray(e)?void 0:e.accelerate;return a&&!a.isTransformed&&typeof s!="function"&&Array.isArray(t)&&(r==null?void 0:r.clamp)!==!1&&(o.accelerate={...a,times:s,keyframes:t,isTransformed:!0,...r!=null&&r.ease?{ease:r.ease}:{}}),o}function y(e,s){const t=l(()=>[]);return i(e,()=>{t.length=0;const r=e.length;for(let c=0;c<r;c++)t[c]=e[c].get();return s(t)})}function E(e,s,t,r){const c=l(()=>Object.keys(t)),u=l(()=>({}));for(const n of c)u[n]=b(e,s,t[n],r);return u}export{b as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s}from"./iframe-
|
|
1
|
+
import{r as s}from"./iframe-CsNMSmaZ.js";const d={digital:{click:{tones:[{freq:440,duration:.1,type:"sine",volume:.4}]},hover:{tones:[{freq:880,duration:.04,type:"sine",volume:.3}]},success:{tones:[{freq:523.25,duration:.15,type:"sine",delay:0},{freq:659.25,duration:.15,type:"sine",delay:.1},{freq:783.99,duration:.2,type:"sine",delay:.2}]},error:{tones:[{freq:329.63,duration:.2,type:"sawtooth",volume:.4},{freq:246.94,duration:.25,type:"sawtooth",volume:.3,delay:.15}]},warning:{tones:[{freq:554.37,duration:.15,type:"triangle"},{freq:554.37,duration:.15,type:"triangle",delay:.2}]},toggle:{tones:[{freq:493.88,duration:.12,type:"sine"},{freq:587.33,duration:.1,type:"sine",delay:.08}]},type:{tones:[{freq:()=>800+Math.random()*400,duration:.08,type:"square",volume:.5},{freq:1600,duration:.03,type:"sine",volume:.3,delay:.02}]},delete:{tones:[{freq:350,duration:.08,type:"triangle",volume:.3}]},celebration:{tones:[{freq:523.25,duration:.2,type:"sine",delay:0},{freq:659.25,duration:.2,type:"sine",delay:.15},{freq:783.99,duration:.2,type:"sine",delay:.3},{freq:1046.5,duration:.3,type:"sine",delay:.45}]},milestone:{tones:[{freq:698.46,duration:.2,type:"triangle"},{freq:880,duration:.25,type:"triangle",delay:.15}]}},fantasy:{click:{tones:[{freq:1174.66,duration:.15,type:"triangle",volume:.3},{freq:1567.98,duration:.1,type:"sine",volume:.2,delay:.05},{freq:2093,duration:.08,type:"sine",volume:.15,delay:.08}]},hover:{tones:[{freq:2637.02,duration:.03,type:"sine",volume:.2},{freq:3135.96,duration:.025,type:"sine",volume:.15,delay:.02}]},success:{tones:[{freq:523.25,duration:.2,type:"triangle",delay:0},{freq:659.25,duration:.2,type:"triangle",delay:.15},{freq:783.99,duration:.2,type:"triangle",delay:.3},{freq:1046.5,duration:.35,type:"sine",delay:.45},{freq:1318.51,duration:.15,type:"sine",volume:.3,delay:.6}]},error:{tones:[{freq:138.59,duration:.3,type:"sawtooth",volume:.4},{freq:103.83,duration:.4,type:"sawtooth",volume:.3,delay:.2},{freq:87.31,duration:.2,type:"triangle",volume:.2,delay:.4}]},warning:{tones:[{freq:466.16,duration:.2,type:"triangle",volume:.5},{freq:622.25,duration:.15,type:"sine",delay:.15},{freq:466.16,duration:.2,type:"triangle",volume:.4,delay:.25}]},toggle:{tones:[{freq:698.46,duration:.15,type:"sine"},{freq:1046.5,duration:.12,type:"triangle",delay:.1},{freq:1396.91,duration:.08,type:"sine",volume:.3,delay:.18}]},type:{tones:[{freq:()=>2e3+Math.random()*500,duration:.04,type:"triangle",volume:.3},{freq:()=>3e3+Math.random()*200,duration:.02,type:"sine",volume:.2,delay:.01}]},delete:{tones:[{freq:880,duration:.1,type:"triangle",volume:.3},{freq:440,duration:.08,type:"sine",volume:.2,delay:.05}]},celebration:{tones:[{freq:392,duration:.25,type:"triangle",delay:0},{freq:523.25,duration:.25,type:"triangle",delay:.2},{freq:659.25,duration:.25,type:"triangle",delay:.4},{freq:783.99,duration:.25,type:"sine",delay:.6},{freq:1046.5,duration:.4,type:"sine",delay:.8},{freq:1318.51,duration:.2,type:"sine",volume:.4,delay:1}]},milestone:{tones:[{freq:523.25,duration:.2,type:"triangle"},{freq:783.99,duration:.2,type:"triangle",delay:.15},{freq:1046.5,duration:.3,type:"sine",delay:.3}]}},retro:{click:{tones:[{freq:800,duration:.05,type:"square",volume:.4},{freq:400,duration:.03,type:"square",volume:.3,delay:.03}]},hover:{tones:[{freq:1200,duration:.03,type:"square",volume:.2}]},success:{tones:[{freq:440,duration:.1,type:"square",delay:0},{freq:554.37,duration:.1,type:"square",delay:.1},{freq:659.25,duration:.1,type:"square",delay:.2},{freq:880,duration:.2,type:"square",delay:.3}]},error:{tones:[{freq:200,duration:.3,type:"square",volume:.5},{freq:150,duration:.4,type:"square",volume:.4,delay:.2}]},warning:{tones:[{freq:600,duration:.1,type:"square"},{freq:600,duration:.1,type:"square",delay:.15},{freq:600,duration:.1,type:"square",delay:.3}]},toggle:{tones:[{freq:400,duration:.08,type:"square"},{freq:800,duration:.08,type:"square",delay:.06}]},type:{tones:[{freq:()=>500+Math.random()*100,duration:.04,type:"square",volume:.3}]},delete:{tones:[{freq:300,duration:.06,type:"square",volume:.3}]},celebration:{tones:[{freq:659.25,duration:.1,type:"square",delay:0},{freq:783.99,duration:.1,type:"square",delay:.1},{freq:987.77,duration:.1,type:"square",delay:.2},{freq:1318.51,duration:.3,type:"square",delay:.3}]},milestone:{tones:[{freq:523.25,duration:.15,type:"square"},{freq:1046.5,duration:.2,type:"square",delay:.1}]}},minimal:{click:{tones:[{freq:1e3,duration:.03,type:"sine",volume:.3}]},hover:{tones:[{freq:1500,duration:.02,type:"sine",volume:.15}]},success:{tones:[{freq:800,duration:.15,type:"sine",volume:.3},{freq:1200,duration:.1,type:"sine",volume:.2,delay:.1}]},error:{tones:[{freq:300,duration:.2,type:"sine",volume:.3}]},warning:{tones:[{freq:600,duration:.15,type:"sine",volume:.35}]},toggle:{tones:[{freq:700,duration:.08,type:"sine",volume:.3}]},type:{tones:[{freq:1800,duration:.02,type:"sine",volume:.2}]},delete:{tones:[{freq:400,duration:.05,type:"sine",volume:.25}]},celebration:{tones:[{freq:800,duration:.2,type:"sine",volume:.3},{freq:1200,duration:.2,type:"sine",volume:.25,delay:.15}]},milestone:{tones:[{freq:1e3,duration:.2,type:"sine",volume:.3}]}},mechanical:{click:{tones:[{freq:4e3,duration:.01,type:"square",volume:.3},{freq:800,duration:.04,type:"sawtooth",volume:.4,delay:.01},{freq:200,duration:.03,type:"triangle",volume:.2,delay:.02}]},hover:{tones:[{freq:3e3,duration:.02,type:"sawtooth",volume:.1}]},success:{tones:[{freq:200,duration:.05,type:"sawtooth",delay:0},{freq:400,duration:.05,type:"sawtooth",delay:.05},{freq:600,duration:.05,type:"sawtooth",delay:.1},{freq:800,duration:.15,type:"triangle",delay:.15}]},error:{tones:[{freq:150,duration:.2,type:"sawtooth",volume:.5},{freq:100,duration:.15,type:"square",volume:.3,delay:.1},{freq:80,duration:.1,type:"sawtooth",volume:.2,delay:.2}]},warning:{tones:[{freq:800,duration:.3,type:"sawtooth",volume:.4},{freq:1200,duration:.2,type:"triangle",volume:.3,delay:0}]},toggle:{tones:[{freq:600,duration:.02,type:"square",volume:.5},{freq:300,duration:.05,type:"triangle",delay:.02},{freq:150,duration:.03,type:"sawtooth",volume:.3,delay:.05}]},type:{tones:[{freq:()=>3e3+Math.random()*1e3,duration:.01,type:"square",volume:.4},{freq:()=>400+Math.random()*200,duration:.03,type:"sawtooth",volume:.3,delay:.01}]},delete:{tones:[{freq:250,duration:.08,type:"sawtooth",volume:.35}]},celebration:{tones:[{freq:100,duration:.1,type:"sawtooth",delay:0},{freq:200,duration:.1,type:"sawtooth",delay:.1},{freq:400,duration:.1,type:"sawtooth",delay:.2},{freq:800,duration:.1,type:"triangle",delay:.3},{freq:1200,duration:.2,type:"sine",delay:.4}]},milestone:{tones:[{freq:3e3,duration:.05,type:"sawtooth",volume:.3},{freq:1e3,duration:.15,type:"triangle",delay:.05},{freq:500,duration:.1,type:"sine",delay:.15}]}}};class l{constructor(){this.audioContext=null,this.config={enabled:!1,volume:.5,soundPack:"digital"},this.init()}static getInstance(){return l.instance||(l.instance=new l),l.instance}init(){try{this.audioContext=null}catch(e){console.warn("Audio not supported:",e),this.config.enabled=!1}}ensureAudioContext(){if(!this.audioContext&&this.config.enabled)try{this.audioContext=new(window.AudioContext||window.webkitAudioContext)}catch(e){console.warn("Could not create audio context:",e),this.config.enabled=!1}}playTone(e,t,a="sine",r,f=0){if(!this.config.enabled||(this.ensureAudioContext(),!this.audioContext))return;const q=(r??this.config.volume??.5)*.2;try{const n=this.audioContext.createOscillator(),i=this.audioContext.createGain();n.connect(i),i.connect(this.audioContext.destination),n.frequency.value=e,n.type=a;const u=this.audioContext.currentTime+f;i.gain.setValueAtTime(0,u),i.gain.linearRampToValueAtTime(q,u+.01),i.gain.exponentialRampToValueAtTime(.001,u+t),n.start(u),n.stop(u+t)}catch(n){console.debug("Could not play sound:",n)}}playFromDefinition(e){e.tones.forEach(t=>{const a=typeof t.freq=="function"?t.freq():t.freq;this.playTone(a,t.duration,t.type,t.volume,t.delay||0)})}play(e){if(!this.config.enabled)return;const a=d[this.config.soundPack||"digital"][e];if(a)this.playFromDefinition(a);else{const r=d.digital[e];r&&this.playFromDefinition(r)}}celebration(){if(!this.config.enabled)return;const e=d[this.config.soundPack||"digital"];this.playFromDefinition(e.celebration)}milestone(){if(!this.config.enabled)return;const e=d[this.config.soundPack||"digital"];this.playFromDefinition(e.milestone)}configure(e){this.config={...this.config,...e}}getConfig(){return this.config}setVolume(e){this.config.volume=Math.max(0,Math.min(1,e))}setEnabled(e){this.config.enabled=e,e&&this.ensureAudioContext()}setSoundPack(e){this.config.soundPack=e}getSoundPack(){return this.config.soundPack||"digital"}isEnabled(){return this.config.enabled||!1}getAvailablePacks(){return["digital","fantasy","retro","minimal","mechanical"]}}const y=l.getInstance();function p(o){const e=s.useRef({}),t=50;s.useEffect(()=>{},[o==null?void 0:o.enabled,o==null?void 0:o.volume]);const a=s.useCallback(n=>{const i=Date.now(),u=e.current[n]||0;i-u>t&&(y.play(n),e.current[n]=i)},[t]),r=s.useCallback(()=>y.isEnabled(),[]),f=s.useCallback(n=>y.setEnabled(n),[]),q=s.useCallback(n=>y.setVolume(n),[]);return{playSound:a,isEnabled:r,setEnabled:f,setVolume:q}}function m(o,e){const{playSound:t}=p(e),a={};return o!=null&&o.onClick&&(a.onClick=()=>{const r=typeof o.onClick=="string"?o.onClick:"click";t(r)}),o!=null&&o.onHover&&(a.onMouseEnter=()=>{const r=typeof o.onHover=="string"?o.onHover:"hover";t(r)}),{handlers:a,playSound:t}}export{y as s,m as u};
|
|
@@ -535,7 +535,7 @@
|
|
|
535
535
|
}
|
|
536
536
|
</style>
|
|
537
537
|
|
|
538
|
-
<script type="module" crossorigin src="./assets/iframe-
|
|
538
|
+
<script type="module" crossorigin src="./assets/iframe-CsNMSmaZ.js"></script>
|
|
539
539
|
<link rel="modulepreload" crossorigin href="./assets/preload-helper-C1FmrZbK.js">
|
|
540
540
|
<link rel="stylesheet" crossorigin href="./assets/iframe-1P7UMs1C.css">
|
|
541
541
|
</head>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1780157953522,"userSince":1751553154248,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@chromatic-com/storybook":"4.1.0","@testing-library/jest-dom":"6.9.1","@testing-library/react":"16.3.2","@testing-library/user-event":null,"vitest":"4.1.4"},"hasRouterPackage":true,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"9.1.2","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"4.1.0"},"@storybook/addon-docs":{"version":"9.1.2"},"@storybook/addon-onboarding":{"version":"9.1.2"},"@storybook/react-vite":{"version":"9.1.2"},"eslint-plugin-storybook":{"version":"9.1.2"},"storybook":{"version":"9.1.2"}},"addons":{"@storybook/addon-links":{"version":"9.1.2"}}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._arrayInput_6qbs9_1{margin-bottom:var(--spacing-lg)}._arrayInputLabel_6qbs9_5{display:block;margin-bottom:var(--spacing-md);font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-wide)}._arrayInputItem_6qbs9_14{display:flex;flex-direction:row;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background));border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;min-width:0}._arrayInputItem_6qbs9_14:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-hover);transition:box-shadow .15s ease,border-color .15s ease}._inputWrapper_6qbs9_38{flex:1 1 auto;min-width:0;display:flex}._input_6qbs9_38{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text);font-size:var(--font-size-base)}._input_6qbs9_38:hover{border-color:var(--color-border-hover);transition:border-color .15s ease}._input_6qbs9_38:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}._input_6qbs9_38::placeholder{color:var(--color-text-secondary);opacity:.6}._complexItem_6qbs9_71{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}._fieldsWrapper_6qbs9_77{display:flex;gap:var(--spacing-md);flex:1;flex-wrap:wrap}._fieldsWrapper_6qbs9_77>*{flex:1;min-width:200px}._arrayInputItem_6qbs9_14 button{flex-shrink:0;white-space:nowrap}._removeButton_6qbs9_96{color:#ef4444!important;align-self:center;height:fit-content}._removeButton_6qbs9_96:hover{background-color:#ef44441a!important}._complexItem_6qbs9_71 ._removeButton_6qbs9_96{align-self:center}._addButton_6qbs9_112{width:100%}@media (max-width: 768px){._fieldsWrapper_6qbs9_77{flex-direction:column}._fieldsWrapper_6qbs9_77>*{min-width:100%}._complexItem_6qbs9_71 button{align-self:stretch}}[data-theme=dark] ._arrayInputItem_6qbs9_14{background:linear-gradient(135deg,var(--color-background-tertiary),var(--color-background-secondary))}[data-theme=dark] ._input_6qbs9_38{background:var(--color-background);border-color:var(--color-border)}[data-theme=dark] ._input_6qbs9_38:focus{box-shadow:0 0 0 3px #a78bfa1a}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._container_anirc_1{background:transparent;border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}._title_anirc_8{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:8px}._habitEmoji_anirc_18{font-size:20px;display:inline-block}._chart_anirc_23{display:block;margin:var(--spacing-lg) 0}._monthLabel_anirc_28{fill:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}._dayLabel_anirc_34{fill:var(--color-text-secondary);font-size:var(--font-size-xs)}._cell_anirc_39{stroke:var(--color-background-secondary);stroke-width:1;cursor:pointer;transition:var(--transition-base)}._cell_anirc_39:hover{stroke:var(--color-primary);stroke-width:2}._legend_anirc_51{display:flex;gap:var(--spacing-xl);justify-content:center;margin-top:var(--spacing-lg)}._legendItem_anirc_58{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}._legendColor_anirc_66{width:16px;height:16px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}._tooltip_anirc_73{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_anirc_73 div{margin:var(--spacing-xs) 0}._tooltip_anirc_73 strong{color:var(--color-primary)}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import{r as k,j as m}from"./iframe-ClorXKAj.js";import{s as q}from"./transform-DaumkFRH.js";import{b as Z}from"./back-BxPoHLz2.js";import{t as tt}from"./defaultLocale-DJ2q5QjE.js";import"./preload-helper-C1FmrZbK.js";const et="_container_anirc_1",at="_title_anirc_8",nt="_habitEmoji_anirc_18",ot="_chart_anirc_23",rt="_monthLabel_anirc_28",st="_dayLabel_anirc_34",it="_cell_anirc_39",ct="_legend_anirc_51",lt="_legendItem_anirc_58",dt="_legendColor_anirc_66",mt="_tooltip_anirc_73",r={container:et,title:at,habitEmoji:nt,chart:ot,monthLabel:rt,dayLabel:st,cell:it,legend:ct,legendItem:lt,legendColor:dt,tooltip:mt},ht=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],pt=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],P=({data:a,habitName:e,width:s=800,height:i=200,habitColor:c="#6BCB77",habitEmoji:x="✓"})=>{const w=k.useRef(null),{startDate:p,endDate:I,weeksToShow:u}=k.useMemo(()=>{const h=Object.keys(a).sort();if(h.length===0){const d=new Date;return{startDate:d,endDate:d,weeksToShow:1}}const l=new Date(h[0]),g=new Date(h[h.length-1]),v=Math.ceil((g.getTime()-l.getTime())/(1e3*60*60*24))+1,n=Math.ceil(v/7);return{startDate:l,endDate:g,weeksToShow:n}},[a]);return k.useEffect(()=>{if(!w.current)return;const h=q(w.current);h.selectAll("*").remove();const l={top:40,right:20,bottom:20,left:40},g=s-l.left-l.right,v=i-l.top-l.bottom,n=Math.min(Math.floor(v/7)-1,Math.floor(g/u)-1,20),d=2,E=h.append("g").attr("transform",`translate(${l.left},${l.top})`),M=(p.getDay()+6)%7,S=new Map;let f=p.getMonth();S.set(f,0);for(let o=0;o<u;o++){const t=new Date(p);t.setDate(t.getDate()+o*7-M),t.getMonth()!==f&&(f=t.getMonth(),S.set(f,o))}S.forEach((o,t)=>{E.append("text").attr("x",o*(n+d)).attr("y",-10).attr("class",r.monthLabel).text(pt[t])}),ht.forEach((o,t)=>{E.append("text").attr("x",-10).attr("y",t*(n+d)+n/2).attr("class",r.dayLabel).attr("text-anchor","end").attr("alignment-baseline","middle").text(o)});const y=q("body").append("div").attr("class",r.tooltip).style("opacity",0).style("position","absolute"),z=u*7;for(let o=0;o<z;o++){const t=new Date(p);if(t.setDate(t.getDate()+o-M),t<p||t>I)continue;const j=t.toISOString().split("T")[0],N=(t.getDay()+6)%7,T=Math.floor((o+M)/7),C=j in a&&a[j],G=T*(n+d)+n/2,K=N*(n+d)+n/2,F=E.append("rect").attr("x",G).attr("y",K).attr("width",0).attr("height",0).attr("rx",3).attr("class",r.cell).attr("data-date",j).attr("data-value",C?"true":"false").style("fill",C?c:"#4D4D4DFF").style("opacity",0),X=(T+N)*18;F.transition().delay(X).duration(320).ease(Z.overshoot(1.6)).attr("x",T*(n+d)).attr("y",N*(n+d)).attr("width",n).attr("height",n).style("opacity",1),F.on("mouseover",function(L){y.transition().duration(200).style("opacity",1);const Q=tt("%b %d, %Y"),U=C?`${x} Done`:"✗ Not done";y.html(`
|
|
2
|
-
<div><strong>${e}</strong></div>
|
|
3
|
-
<div>${Q(t)}</div>
|
|
4
|
-
<div>${U}</div>
|
|
5
|
-
`).style("left",L.pageX+10+"px").style("top",L.pageY-28+"px")}).on("mouseout",function(){y.transition().duration(500).style("opacity",0)})}return()=>{y.remove()}},[a,e,s,i,p,I,u,c,x]),m.jsxs("div",{className:r.container,children:[m.jsxs("h3",{className:r.title,children:[m.jsx("span",{className:r.habitEmoji,children:x}),e]}),m.jsx("svg",{ref:w,width:s,height:i,className:r.chart}),m.jsxs("div",{className:r.legend,children:[m.jsxs("span",{className:r.legendItem,children:[m.jsx("span",{className:r.legendColor,style:{backgroundColor:c}}),"Done"]}),m.jsxs("span",{className:r.legendItem,children:[m.jsx("span",{className:r.legendColor,style:{backgroundColor:"#4D4D4DFF"}}),"Not done"]})]})]})};P.__docgenInfo={description:"",methods:[],displayName:"BooleansHeatmap",props:{data:{required:!0,tsType:{name:"signature",type:"object",raw:"{ [date: string]: boolean }",signature:{properties:[{key:{name:"string"},value:{name:"boolean",required:!0}}]}},description:""},habitName:{required:!0,tsType:{name:"string"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"200",computed:!1}},habitColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#6BCB77'",computed:!1}},habitEmoji:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'✓'",computed:!1}}}};const Dt={title:"Organisms/Charts/BooleansHeatmap",component:P,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:1200,step:50}},height:{control:{type:"number",min:150,max:400,step:50}},habitColor:{control:{type:"color"}},habitEmoji:{control:{type:"text"}}}},O=a=>{const e=[],s=new Date;for(let i=a-1;i>=0;i--){const c=new Date(s);c.setDate(c.getDate()-i),e.push(c.toISOString().split("T")[0])}return e},b={args:{data:(()=>{const a=O(90),e={};return a.forEach(s=>{e[s]=Math.random()>.3}),e})(),habitName:"Daily Exercise",width:900,height:200,habitColor:"#10b981",habitEmoji:"💪"}},D={args:{data:(()=>{const a=O(365),e={};return a.forEach(s=>{const i=new Date(s).getMonth(),c=i>=5&&i<=8;e[s]=Math.random()>(c?.25:.45)}),e})(),habitName:"Outdoor Activity",width:1100,height:250,habitColor:"#10b981",habitEmoji:"🏃"}},_={args:{data:(()=>{const a=O(60),e={};return a.forEach(s=>{Math.random()>.3&&(e[s]=Math.random()>.6)}),e})(),habitName:"Side Project Work",width:800,height:200,habitColor:"#7c3aed",habitEmoji:"💻"}};var B,R,A;b.parameters={...b.parameters,docs:{...(B=b.parameters)==null?void 0:B.docs,source:{originalSource:`{
|
|
6
|
-
args: {
|
|
7
|
-
data: (() => {
|
|
8
|
-
const dates = generateDateRange(90);
|
|
9
|
-
const data: {
|
|
10
|
-
[date: string]: boolean;
|
|
11
|
-
} = {};
|
|
12
|
-
dates.forEach(date => {
|
|
13
|
-
data[date] = Math.random() > 0.3;
|
|
14
|
-
});
|
|
15
|
-
return data;
|
|
16
|
-
})(),
|
|
17
|
-
habitName: 'Daily Exercise',
|
|
18
|
-
width: 900,
|
|
19
|
-
height: 200,
|
|
20
|
-
habitColor: '#10b981',
|
|
21
|
-
habitEmoji: '💪'
|
|
22
|
-
}
|
|
23
|
-
}`,...(A=(R=b.parameters)==null?void 0:R.docs)==null?void 0:A.source}}};var W,$,H;D.parameters={...D.parameters,docs:{...(W=D.parameters)==null?void 0:W.docs,source:{originalSource:`{
|
|
24
|
-
args: {
|
|
25
|
-
data: (() => {
|
|
26
|
-
const dates = generateDateRange(365);
|
|
27
|
-
const data: {
|
|
28
|
-
[date: string]: boolean;
|
|
29
|
-
} = {};
|
|
30
|
-
dates.forEach(date => {
|
|
31
|
-
const month = new Date(date).getMonth();
|
|
32
|
-
const isSummer = month >= 5 && month <= 8;
|
|
33
|
-
data[date] = Math.random() > (isSummer ? 0.25 : 0.45);
|
|
34
|
-
});
|
|
35
|
-
return data;
|
|
36
|
-
})(),
|
|
37
|
-
habitName: 'Outdoor Activity',
|
|
38
|
-
width: 1100,
|
|
39
|
-
height: 250,
|
|
40
|
-
habitColor: '#10b981',
|
|
41
|
-
habitEmoji: '🏃'
|
|
42
|
-
}
|
|
43
|
-
}`,...(H=($=D.parameters)==null?void 0:$.docs)==null?void 0:H.source}}};var Y,V,J;_.parameters={..._.parameters,docs:{...(Y=_.parameters)==null?void 0:Y.docs,source:{originalSource:`{
|
|
44
|
-
args: {
|
|
45
|
-
data: (() => {
|
|
46
|
-
const dates = generateDateRange(60);
|
|
47
|
-
const data: {
|
|
48
|
-
[date: string]: boolean;
|
|
49
|
-
} = {};
|
|
50
|
-
dates.forEach(date => {
|
|
51
|
-
if (Math.random() > 0.3) {
|
|
52
|
-
data[date] = Math.random() > 0.6;
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
return data;
|
|
56
|
-
})(),
|
|
57
|
-
habitName: 'Side Project Work',
|
|
58
|
-
width: 800,
|
|
59
|
-
height: 200,
|
|
60
|
-
habitColor: '#7c3aed',
|
|
61
|
-
habitEmoji: '💻'
|
|
62
|
-
}
|
|
63
|
-
}`,...(J=(V=_.parameters)==null?void 0:V.docs)==null?void 0:J.source}}};const _t=["Default","YearlyOverview","SparseData"];export{b as Default,_ as SparseData,D as YearlyOverview,_t as __namedExportsOrder,Dt as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._checkboxLabel_kh8g9_1{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;transition:all var(--transition-base)}._checkboxLabel_kh8g9_1:hover ._checkbox_kh8g9_1{border-color:var(--color-primary);transform:scale(1.05);box-shadow:0 0 0 4px #7c3aed1a}._checkbox_kh8g9_1{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:all var(--transition-base);background:linear-gradient(135deg,var(--color-background),var(--color-background-secondary));flex-shrink:0;display:flex;align-items:center;justify-content:center}._checkbox_kh8g9_1:checked{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-color:var(--color-primary);animation:_checkboxBounce_kh8g9_1 .4s cubic-bezier(.68,-.55,.265,1.55)}._checkbox_kh8g9_1:checked:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:9px;border:solid var(--color-text-inverse);border-width:0 2.5px 2.5px 0;transform:translate(-50%,-60%) rotate(45deg) scale(0);animation:_checkmark_kh8g9_1 .3s .1s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes _checkboxBounce_kh8g9_1{0%{transform:scale(1)}30%{transform:scale(.9)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes _checkmark_kh8g9_1{0%{transform:translate(-50%,-60%) rotate(45deg) scale(0)}to{transform:translate(-50%,-60%) rotate(45deg) scale(1)}}._checkbox_kh8g9_1:focus-visible{outline:none;box-shadow:0 0 0 3px #7c3aed33}._checkbox_kh8g9_1:disabled{opacity:.5;cursor:not-allowed;background:var(--color-background-tertiary)}._checkboxLabel_kh8g9_1:has(._checkbox_kh8g9_1:disabled){cursor:not-allowed;opacity:.6}._checkboxText_kh8g9_92{font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-normal);transition:color var(--transition-base)}._checkbox_kh8g9_1:indeterminate{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-color:var(--color-primary)}._checkbox_kh8g9_1:indeterminate:after{content:"";position:absolute;width:10px;height:2px;background:var(--color-text-inverse);border:none;transform:none;animation:_indeterminate_kh8g9_1 .3s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes _indeterminate_kh8g9_1{0%{width:0}to{width:10px}}[data-theme=dark] ._checkbox_kh8g9_1{background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] ._checkbox_kh8g9_1:checked{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-color:var(--color-primary-light)}[data-theme=dark] ._checkboxLabel_kh8g9_1:hover ._checkbox_kh8g9_1{border-color:var(--color-primary-light);box-shadow:0 0 0 4px #a78bfa1a}@media (max-width: 768px){._checkbox_kh8g9_1{width:22px;height:22px;min-width:22px;min-height:22px}._checkbox_kh8g9_1:checked:after{width:6px;height:10px}._checkboxLabel_kh8g9_1{gap:var(--spacing-md)}}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import{j as l}from"./iframe-ClorXKAj.js";import{u as y}from"./useSound-BS8g02XJ.js";import{C as v}from"./calendar-DtZXr8CJ.js";const S=n=>{if(!n)return"";const t=new Date(n);if(isNaN(t.getTime()))return"";const r=t.getDate().toString().padStart(2,"0"),o=(t.getMonth()+1).toString().padStart(2,"0"),i=t.getFullYear();return`${r}/${o}/${i}`},m=n=>{if(!n)return"";const r=n.replace(/[^\d/]/g,"").split("/");if(r.length===3){const[o,i,u]=r,p=`${u.length===2?`20${u}`:u}-${i.padStart(2,"0")}-${o.padStart(2,"0")}`,c=new Date(p);if(!isNaN(c.getTime()))return p}return""},N="_dateInput_liuzj_1",z="_label_liuzj_6",C="_inputWrapper_liuzj_16",$="_textInput_liuzj_43",w="_calendarButton_liuzj_70",B="_nativeDateInput_liuzj_126",E="_error_liuzj_161",Y="_success_liuzj_186",k="_loading_liuzj_271",s={dateInput:N,label:z,inputWrapper:C,textInput:$,calendarButton:w,nativeDateInput:B,error:E,success:Y,loading:k};function V({label:n,value:t,onChange:r,placeholder:o="25/12/2024",onFocus:i,onBlur:u,error:d=!1,success:p=!1,loading:c=!1,disabled:f=!1,soundConfig:h}){const{handlers:g,playSound:_}=y(h),D=a=>{let e=a.replace(/[^\d/]/g,"");if(e.length>=2&&e.charAt(2)!=="/"&&(e=e.substring(0,2)+"/"+e.substring(2)),e.length>=5&&e.charAt(5)!=="/"&&(e=e.substring(0,5)+"/"+e.substring(5)),e.length>10&&(e=e.substring(0,10)),e.length===10){const b=m(e);r(b||e)}else r(e)},j=a=>{const e=a.target.value;_("click"),e&&r(e)},x=()=>{const a=[s.dateInput];return d&&a.push(s.error),p&&a.push(s.success),c&&a.push(s.loading),a.join(" ")},I=t.includes("-")?t:m(t)||"";return l.jsxs("div",{className:x(),children:[l.jsx("label",{className:s.label,children:n}),l.jsxs("div",{className:s.inputWrapper,children:[l.jsx("input",{type:"text",value:t.includes("-")?S(t):t,onChange:a=>D(a.target.value),onFocus:i,onBlur:u,placeholder:o,className:s.textInput,disabled:f||c,...g}),l.jsxs("span",{className:s.calendarButton,"aria-hidden":"true",children:[l.jsx(v,{}),l.jsx("input",{type:"date",value:I,onChange:j,className:s.nativeDateInput,title:"Select date from calendar","aria-label":n?`${n} calendar picker`:"Calendar picker",disabled:f||c})]})]})]})}V.__docgenInfo={description:`DateInput component - European format date picker with manual input support
|
|
2
|
-
|
|
3
|
-
@component
|
|
4
|
-
@description
|
|
5
|
-
A date input component that supports both manual text entry in DD/MM/YYYY format
|
|
6
|
-
and native calendar picker selection. Automatically formats dates as users type,
|
|
7
|
-
adding slashes at appropriate positions. Stores dates internally in ISO format
|
|
8
|
-
while displaying them in European format for better UX in European contexts.
|
|
9
|
-
|
|
10
|
-
Features:
|
|
11
|
-
- Auto-formatting while typing (adds slashes automatically)
|
|
12
|
-
- Calendar icon for native date picker access (Safari/iOS compatible)
|
|
13
|
-
- Seamless conversion between European display and ISO storage formats
|
|
14
|
-
- Mobile-optimized with proper touch targets
|
|
15
|
-
|
|
16
|
-
@example
|
|
17
|
-
// Basic usage
|
|
18
|
-
<DateInput
|
|
19
|
-
label="Date of Birth"
|
|
20
|
-
value={birthDate}
|
|
21
|
-
onChange={setBirthDate}
|
|
22
|
-
placeholder="31/12/2000"
|
|
23
|
-
/>`,methods:[],displayName:"DateInput",props:{placeholder:{defaultValue:{value:'"25/12/2024"',computed:!1},required:!1},error:{defaultValue:{value:"false",computed:!1},required:!1},success:{defaultValue:{value:"false",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1}}};export{V as D};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._dateInput_liuzj_1{margin-bottom:var(--spacing-lg);position:relative}._label_liuzj_6{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-wide);transition:color var(--transition-base)}._inputWrapper_liuzj_16{position:relative;display:flex;align-items:stretch;background:linear-gradient(135deg,var(--color-background),var(--color-background-secondary));border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}._inputWrapper_liuzj_16:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}._inputWrapper_liuzj_16:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a;transform:translateY(-2px);background:var(--color-background)}._textInput_liuzj_43{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;font-size:var(--font-size-base);font-family:var(--font-family-mono);letter-spacing:.05em;font-weight:var(--font-weight-medium);color:var(--color-text);outline:none;min-height:44px}._textInput_liuzj_43::placeholder{color:var(--color-text-secondary);opacity:.6;font-family:inherit}._textInput_liuzj_43:disabled{background:var(--color-background-tertiary);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}._calendarButton_liuzj_70{position:relative;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border:none;border-left:1px solid rgba(124,58,237,.2);color:var(--color-text-inverse);cursor:pointer;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--transition-base);outline:none;min-width:44px}._calendarButton_liuzj_70:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-active));filter:brightness(1.1)}._calendarButton_liuzj_70:active{transform:scale(.95)}._calendarButton_liuzj_70:focus-within{box-shadow:inset 0 0 0 2px #ffffff4d}._calendarButton_liuzj_70 svg{width:20px;height:20px;display:block}._inputWrapper_liuzj_16:hover ._calendarButton_liuzj_70 svg{animation:_calendarPulse_liuzj_1 .5s ease-in-out}@keyframes _calendarPulse_liuzj_1{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(5deg)}}._nativeDateInput_liuzj_126{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:none;background:transparent;color:transparent;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}._nativeDateInput_liuzj_126:disabled{cursor:not-allowed}._nativeDateInput_liuzj_126::-webkit-date-and-time-value{opacity:0}._nativeDateInput_liuzj_126::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}._error_liuzj_161 ._inputWrapper_liuzj_16{border-color:var(--color-error);background:linear-gradient(135deg,var(--color-error-bg),var(--color-background));animation:_shake_liuzj_1 .3s cubic-bezier(.36,.07,.19,.97) both}._error_liuzj_161 ._label_liuzj_6{color:var(--color-error)}._error_liuzj_161 ._inputWrapper_liuzj_16:focus-within{box-shadow:0 0 0 3px #f43f5e26}@keyframes _shake_liuzj_1{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}._success_liuzj_186 ._inputWrapper_liuzj_16{border-color:var(--color-success)}._success_liuzj_186 ._inputWrapper_liuzj_16:after{content:"✓";position:absolute;right:calc(var(--spacing-md) + 44px);top:50%;transform:translateY(-50%);color:var(--color-success);font-weight:700;animation:_checkIn_liuzj_1 .3s ease-out}@keyframes _checkIn_liuzj_1{0%{opacity:0;transform:translateY(-50%) scale(0)}to{opacity:1;transform:translateY(-50%) scale(1)}}[data-theme=dark] ._inputWrapper_liuzj_16{background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] ._inputWrapper_liuzj_16:focus-within{background:var(--color-background-secondary);border-color:var(--color-primary-light);box-shadow:0 0 0 3px #a78bfa1a}[data-theme=dark] ._calendarButton_liuzj_70{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-left-color:#a78bfa33}[data-theme=dark] ._calendarButton_liuzj_70:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover))}@media (max-width: 768px){._dateInput_liuzj_1{margin-bottom:var(--spacing-md)}._label_liuzj_6{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}._textInput_liuzj_43{font-size:16px;padding:var(--spacing-md);min-height:48px}._calendarButton_liuzj_70{min-width:48px;font-size:20px}._calendarButton_liuzj_70 svg{width:22px;height:22px}}._loading_liuzj_271 ._inputWrapper_liuzj_16{position:relative;overflow:hidden}._loading_liuzj_271 ._inputWrapper_liuzj_16:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.1),transparent);animation:_shimmer_liuzj_1 2s infinite}@keyframes _shimmer_liuzj_1{to{left:100%}}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import{r,j as n}from"./iframe-ClorXKAj.js";import{m as p}from"./proxy-3BlM6Jc4.js";import{C as V}from"./chevron-down-BwWfy_sP.js";import{A as R}from"./index-CezVs6bU.js";import{S as A}from"./search-BKi-6XDz.js";import{C as T}from"./check-pQLEHzEB.js";const q="_searchableDropdown_13fbr_1",M="_dropdownTrigger_13fbr_17",$="_open_13fbr_45",L="_dropdownValue_13fbr_52",F="_placeholder_13fbr_61",K="_dropdownArrow_13fbr_67",H="_dropdownMenu_13fbr_83",P="_dropdownSearch_13fbr_101",z="_searchInput_13fbr_111",B="_searchIcon_13fbr_136",U="_dropdownOptions_13fbr_152",W="_dropdownOption_13fbr_152",G="_selected_13fbr_221",J="_highlighted_13fbr_243",Q="_checkIcon_13fbr_256",X="_dropdownNoResults_13fbr_276",Y="_loading_13fbr_390",o={searchableDropdown:q,dropdownTrigger:M,open:$,dropdownValue:L,placeholder:F,dropdownArrow:K,dropdownMenu:H,dropdownSearch:P,searchInput:z,searchIcon:B,dropdownOptions:U,dropdownOption:W,selected:G,highlighted:J,checkIcon:Q,dropdownNoResults:X,loading:Y};function Z({label:C,value:m,onChange:k,options:w,placeholder:N="Select...",allowEmpty:j=!0,disabled:u=!1,loading:g=!1,error:D=!1}){const[t,i]=r.useState(!1),[_,d]=r.useState(""),[c,l]=r.useState(-1),h=r.useRef(null),f=r.useRef(null),b=w.find(e=>e.value===m),y=b?b.label:"",v=w.filter(e=>e.label.toLowerCase().includes(_.toLowerCase())),s=j?[{label:"(none)",value:""},...v]:v;r.useEffect(()=>{function e(a){h.current&&!h.current.contains(a.target)&&(i(!1),d(""))}return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),r.useEffect(()=>{t&&f.current&&f.current.focus()},[t]);const x=e=>{k(e),i(!1),d(""),l(-1)},I=e=>{if(t)switch(e.key){case"ArrowDown":e.preventDefault(),l(a=>a<s.length-1?a+1:0);break;case"ArrowUp":e.preventDefault(),l(a=>a>0?a-1:s.length-1);break;case"Enter":e.preventDefault(),c>=0&&c<s.length&&x(s[c].value);break;case"Escape":e.preventDefault(),i(!1),d(""),l(-1);break}},O=()=>{const e=[o.dropdownTrigger];return t&&e.push(o.open),g&&e.push(o.loading),D&&e.push(o.error),e.join(" ")};return n.jsxs("div",{className:o.searchableDropdown,ref:h,onKeyDown:I,children:[n.jsx("label",{children:C}),n.jsxs(p.button,{type:"button",className:O(),onClick:()=>!u&&!g&&i(!t),whileTap:{scale:u?1:.98},style:{willChange:"transform"},disabled:u,children:[n.jsx("span",{className:`${o.dropdownValue} ${y?"":o.placeholder}`,children:y||N}),n.jsx(V,{className:o.dropdownArrow})]}),n.jsx(R,{children:t&&n.jsxs(p.div,{className:o.dropdownMenu,initial:{opacity:0,y:-10,scale:.95},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-10,scale:.95},transition:{duration:.2,ease:"easeOut"},children:[n.jsxs("div",{className:o.dropdownSearch,children:[n.jsx(A,{className:o.searchIcon}),n.jsx("input",{ref:f,type:"text",className:o.searchInput,placeholder:"Cerca...",value:_,onChange:e=>d(e.target.value),onClick:e=>e.stopPropagation()})]}),n.jsxs("div",{className:o.dropdownOptions,children:[s.map((e,a)=>{const S=m===e.value,E=c===a;return n.jsxs(p.button,{type:"button",className:`${o.dropdownOption} ${S?o.selected:""} ${E?o.highlighted:""}`,onClick:()=>x(e.value),onMouseEnter:()=>l(a),initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{delay:a*.02},whileTap:{scale:.98},style:{willChange:"transform"},children:[n.jsx("span",{children:e.label}),S&&n.jsx(T,{className:o.checkIcon})]},`${e.value}-${a}`)}),s.length===0&&n.jsx(p.div,{className:o.dropdownNoResults,initial:{opacity:0},animate:{opacity:1},children:"No results found"})]})]})})]})}Z.__docgenInfo={description:`SearchableDropdown component - Modern filterable dropdown with animations
|
|
2
|
-
|
|
3
|
-
@component
|
|
4
|
-
@description
|
|
5
|
-
A sophisticated dropdown component with real-time search filtering, smooth animations,
|
|
6
|
-
and keyboard navigation support. Features gradient backgrounds, slide-in animations
|
|
7
|
-
for options, and a sliding indicator on hover. The dropdown menu includes a search
|
|
8
|
-
field that filters options as you type.
|
|
9
|
-
|
|
10
|
-
Features:
|
|
11
|
-
- Real-time search filtering
|
|
12
|
-
- Smooth animations with Framer Motion
|
|
13
|
-
- Keyboard navigation (Arrow keys, Enter, Escape)
|
|
14
|
-
- Custom scrollbar styling
|
|
15
|
-
- Mobile-optimized with modal-like behavior on small screens
|
|
16
|
-
- Loading and error states
|
|
17
|
-
- Selected item highlighting with gradient background
|
|
18
|
-
|
|
19
|
-
@example
|
|
20
|
-
// Basic usage
|
|
21
|
-
<SearchableDropdown
|
|
22
|
-
label="Select Country"
|
|
23
|
-
value={selectedCountry}
|
|
24
|
-
onChange={setSelectedCountry}
|
|
25
|
-
options={countryOptions}
|
|
26
|
-
placeholder="Choose a country..."
|
|
27
|
-
/>
|
|
28
|
-
|
|
29
|
-
@example
|
|
30
|
-
// With empty option disabled
|
|
31
|
-
<SearchableDropdown
|
|
32
|
-
label="Required Field"
|
|
33
|
-
value={requiredValue}
|
|
34
|
-
onChange={setRequiredValue}
|
|
35
|
-
options={options}
|
|
36
|
-
allowEmpty={false}
|
|
37
|
-
error={!requiredValue}
|
|
38
|
-
/>`,methods:[],displayName:"SearchableDropdown",props:{placeholder:{defaultValue:{value:'"Select..."',computed:!1},required:!1},allowEmpty:{defaultValue:{value:"true",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},error:{defaultValue:{value:"false",computed:!1},required:!1}}};export{Z as S};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._searchableDropdown_13fbr_1{position:relative;margin-bottom:var(--spacing-lg);width:100%}._searchableDropdown_13fbr_1 label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-wide);transition:color var(--transition-base)}._dropdownTrigger_13fbr_17{width:100%;padding:var(--spacing-sm) var(--spacing-lg);padding-right:48px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-background),var(--color-background-secondary));font-size:var(--font-size-base);display:flex;align-items:center;cursor:pointer;position:relative;min-height:44px;transition:all var(--transition-base);color:var(--color-text);text-align:left}._dropdownTrigger_13fbr_17:hover{border-color:var(--color-border-hover);background:var(--color-background);box-shadow:var(--shadow-sm);transform:translateY(-1px)}._dropdownTrigger_13fbr_17._open_13fbr_45{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a;background:var(--color-background);transform:translateY(-2px)}._dropdownValue_13fbr_52{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-weight-medium)}._dropdownValue_13fbr_52._placeholder_13fbr_61{color:var(--color-text-secondary);opacity:.6;font-weight:var(--font-weight-normal)}._dropdownArrow_13fbr_67{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%) rotate(0);color:var(--color-primary);width:20px;height:20px;transition:transform var(--transition-base),color var(--transition-base)}._dropdownTrigger_13fbr_17._open_13fbr_45 ._dropdownArrow_13fbr_67{transform:translateY(-50%) rotate(180deg);color:var(--color-primary-hover)}._dropdownMenu_13fbr_83{position:absolute;top:calc(100% + 8px);left:0;right:0;width:100%;box-sizing:border-box;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background);box-shadow:var(--shadow-xl);z-index:var(--z-index-dropdown);max-height:320px;overflow:hidden;display:flex;flex-direction:column}._dropdownSearch_13fbr_101{position:relative;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-background-secondary),var(--color-background))}._searchInput_13fbr_111{width:100%;box-sizing:border-box;padding:var(--spacing-sm) var(--spacing-md);padding-left:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-background);color:var(--color-text);transition:all var(--transition-base);outline:none}._searchInput_13fbr_111:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #7c3aed1a;background:var(--color-background)}._searchInput_13fbr_111::placeholder{color:var(--color-text-secondary);opacity:.6}._searchIcon_13fbr_136{position:absolute;left:calc(var(--spacing-md) + 12px);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:18px;height:18px;pointer-events:none;transition:color var(--transition-base)}._searchInput_13fbr_111:focus~._searchIcon_13fbr_136{color:var(--color-primary)}._dropdownOptions_13fbr_152{flex:1;overflow-y:auto;max-height:250px;padding:var(--spacing-xs)}._dropdownOptions_13fbr_152::-webkit-scrollbar{width:6px}._dropdownOptions_13fbr_152::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:var(--radius-sm)}._dropdownOptions_13fbr_152::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm);transition:background var(--transition-base)}._dropdownOptions_13fbr_152::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}._dropdownOption_13fbr_152{padding:var(--spacing-sm) var(--spacing-md);margin:2px 0;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-size:var(--font-size-base);color:var(--color-text);border-radius:var(--radius-md);transition:all var(--transition-base);position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._dropdownOption_13fbr_152:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--color-primary);transform:translate(-100%);transition:transform var(--transition-base)}._dropdownOption_13fbr_152:hover{background:linear-gradient(90deg,#7c3aed0d,#7c3aed05);padding-left:calc(var(--spacing-md) + 4px)}._dropdownOption_13fbr_152:hover:before{transform:translate(0)}._dropdownOption_13fbr_152._selected_13fbr_221{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-text-inverse);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm)}._dropdownOption_13fbr_152._selected_13fbr_221:before{display:none}._dropdownOption_13fbr_152._selected_13fbr_221:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-active));transform:translate(2px)}._dropdownOption_13fbr_152._highlighted_13fbr_243:not(._selected_13fbr_221){background:linear-gradient(90deg,#7c3aed14,#7c3aed08);padding-left:calc(var(--spacing-md) + 4px)}._dropdownOption_13fbr_152._highlighted_13fbr_243:not(._selected_13fbr_221):before{transform:translate(0)}._checkIcon_13fbr_256{position:absolute;right:var(--spacing-md);width:16px;height:16px;color:var(--color-text-inverse);animation:_checkIn_13fbr_1 .3s ease-out}@keyframes _checkIn_13fbr_1{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}._dropdownNoResults_13fbr_276{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);font-style:italic;opacity:.7}@keyframes _slideIn_13fbr_1{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}._dropdownOption_13fbr_152{animation:_slideIn_13fbr_1 .2s ease-out forwards}[data-theme=dark] ._dropdownTrigger_13fbr_17{background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] ._dropdownTrigger_13fbr_17:hover{background:var(--color-background-secondary);border-color:var(--color-border-hover)}[data-theme=dark] ._dropdownTrigger_13fbr_17._open_13fbr_45{background:var(--color-background-secondary);border-color:var(--color-primary-light);box-shadow:0 0 0 3px #a78bfa1a}[data-theme=dark] ._dropdownMenu_13fbr_83{background:var(--color-background-secondary);border-color:var(--color-border)}[data-theme=dark] ._dropdownSearch_13fbr_101{background:linear-gradient(180deg,var(--color-background-tertiary),var(--color-background-secondary))}[data-theme=dark] ._searchInput_13fbr_111{background:var(--color-background);border-color:var(--color-border)}[data-theme=dark] ._searchInput_13fbr_111:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 2px #a78bfa1a}[data-theme=dark] ._dropdownOption_13fbr_152:hover{background:linear-gradient(90deg,#a78bfa1a,#a78bfa0d)}[data-theme=dark] ._dropdownOption_13fbr_152._selected_13fbr_221{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary))}@media (max-width: 768px){._dropdownMenu_13fbr_83{max-height:60vh;position:fixed;left:var(--spacing-md);right:var(--spacing-md);top:50%;transform:translateY(-50%)}._dropdownOptions_13fbr_152{max-height:40vh}._dropdownTrigger_13fbr_17{font-size:16px;min-height:48px;padding:var(--spacing-md)}._searchInput_13fbr_111{font-size:16px;padding:var(--spacing-md);padding-left:44px}._dropdownOption_13fbr_152{padding:var(--spacing-md);min-height:44px}}._dropdownTrigger_13fbr_17._loading_13fbr_390{position:relative;overflow:hidden}._dropdownTrigger_13fbr_17._loading_13fbr_390:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.1),transparent);animation:_shimmer_13fbr_1 2s infinite}@keyframes _shimmer_13fbr_1{to{left:100%}}._dropdownTrigger_13fbr_17:disabled{opacity:.5;cursor:not-allowed;background:var(--color-background-tertiary);border-color:var(--color-border)}._dropdownTrigger_13fbr_17:disabled:hover{transform:none;box-shadow:none}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._selectInput_qebnx_1{margin-bottom:var(--spacing-lg);position:relative}._selectInput_qebnx_1 label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-wide);transition:color var(--transition-base)}._selectWrapper_qebnx_16{position:relative;width:100%}._selectInput_qebnx_1 select{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:48px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-background),var(--color-background-secondary));font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);display:block;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:all var(--transition-base);min-height:44px;outline:none}._selectInput_qebnx_1 select:hover:not(:focus):not(:disabled){border-color:var(--color-border-hover);background:var(--color-background);box-shadow:var(--shadow-sm);transform:translateY(-1px)}._selectInput_qebnx_1 select:focus{border-color:var(--color-primary);background:var(--color-background);box-shadow:0 0 0 3px #7c3aed1a;transform:translateY(-2px)}._selectInput_qebnx_1 select:disabled{background:var(--color-background-tertiary);border-color:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6;transform:none}._selectIcon_qebnx_68{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-primary);width:20px;height:20px;transition:color var(--transition-base)}._selectInput_qebnx_1 select:hover:not(:disabled)~._selectIcon_qebnx_68{color:var(--color-primary-hover)}._selectInput_qebnx_1 select:focus~._selectIcon_qebnx_68{color:var(--color-primary-hover)}._selectWrapper_qebnx_16:before{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:linear-gradient(135deg,#7c3aed0d,#7c3aed1a);border-radius:var(--radius-md);pointer-events:none;opacity:0;transition:opacity var(--transition-base)}._selectInput_qebnx_1 select:focus~:before{opacity:1}._selectInput_qebnx_1 select option{padding:var(--spacing-sm);background:var(--color-background);color:var(--color-text);font-weight:var(--font-weight-normal)}._selectInput_qebnx_1 select option:checked{background:linear-gradient(135deg,var(--color-primary-lighter),var(--color-primary-light));color:var(--color-text)}._selectInput_qebnx_1 select option[value=""]{color:var(--color-text-secondary);font-style:italic}._error_qebnx_134 select{border-color:var(--color-error);background:linear-gradient(135deg,var(--color-error-bg),var(--color-background));animation:_shake_qebnx_1 .3s cubic-bezier(.36,.07,.19,.97) both}._error_qebnx_134 label{color:var(--color-error)}._error_qebnx_134 select:focus{box-shadow:0 0 0 3px #f43f5e26}._error_qebnx_134 ._selectIcon_qebnx_68{color:var(--color-error)}@keyframes _shake_qebnx_1{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}._success_qebnx_163 select{border-color:var(--color-success)}._success_qebnx_163:after{content:"✓";position:absolute;right:52px;top:50%;transform:translateY(-50%);color:var(--color-success);font-weight:700;animation:_checkIn_qebnx_1 .3s ease-out}@keyframes _checkIn_qebnx_1{0%{opacity:0;transform:translateY(-50%) scale(0)}to{opacity:1;transform:translateY(-50%) scale(1)}}._loading_qebnx_190 select{position:relative;overflow:hidden}._loading_qebnx_190:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.1),transparent);animation:_shimmer_qebnx_1 2s infinite;pointer-events:none}@keyframes _shimmer_qebnx_1{to{left:100%}}[data-theme=dark] ._selectInput_qebnx_1 select{background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] ._selectInput_qebnx_1 select:hover:not(:disabled){background:var(--color-background-secondary);border-color:var(--color-border-hover)}[data-theme=dark] ._selectInput_qebnx_1 select:focus{background:var(--color-background-secondary);border-color:var(--color-primary-light);box-shadow:0 0 0 3px #a78bfa1a}[data-theme=dark] ._selectIcon_qebnx_68{color:var(--color-primary-light)}[data-theme=dark] ._selectWrapper_qebnx_16:before{background:linear-gradient(135deg,#a78bfa0d,#a78bfa1a)}[data-theme=dark] ._selectInput_qebnx_1 select option{background:var(--color-background-secondary)}[data-theme=dark] ._selectInput_qebnx_1 select option:checked{background:var(--color-primary)}@media (max-width: 768px){._selectInput_qebnx_1{margin-bottom:var(--spacing-md)}._selectInput_qebnx_1 label{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}._selectInput_qebnx_1 select{min-height:48px;padding:var(--spacing-sm) var(--spacing-md);padding-right:52px;font-size:16px;line-height:1.5}._selectIcon_qebnx_68{right:var(--spacing-md);width:24px;height:24px}._selectWrapper_qebnx_16:before{width:36px;height:36px;right:10px}._selectInput_qebnx_1 select:active:not(:disabled){transform:translateY(0);background:var(--color-background-tertiary)}}@-moz-document url-prefix(){._selectInput_qebnx_1 select{padding-top:calc(var(--spacing-sm) + 1px);padding-bottom:calc(var(--spacing-sm) + 1px)}}@media (prefers-contrast: high){._selectInput_qebnx_1 select{border-width:3px}._selectInput_qebnx_1 select:focus{outline:2px solid var(--color-primary);outline-offset:2px}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._textareaContainer_1p1q8_1{margin-bottom:var(--spacing-lg);position:relative}._textareaContainer_1p1q8_1._compact_1p1q8_6{margin-bottom:var(--spacing-sm)}._textareaContainer_1p1q8_1._compact_1p1q8_6 ._textareaLabel_1p1q8_10{margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs)}._textareaLabel_1p1q8_10{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-wide);transition:color var(--transition-base)}._requiredIndicator_1p1q8_25{color:var(--color-error);margin-left:4px;font-weight:var(--font-weight-bold)}._textareaInput_1p1q8_31{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-background),var(--color-background-secondary));font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text);resize:vertical;min-height:120px;max-height:400px;font-family:inherit;transition:all var(--transition-base);outline:none;box-sizing:border-box}._compact_1p1q8_6 ._textareaInput_1p1q8_31{padding:var(--spacing-xs) var(--spacing-sm);min-height:80px;max-height:200px;font-size:var(--font-size-sm);border-radius:var(--radius-md)}._textareaInput_1p1q8_31:hover:not(:focus):not(:disabled){border-color:var(--color-border-hover);background:var(--color-background);box-shadow:var(--shadow-sm);transform:translateY(-1px)}._textareaInput_1p1q8_31:focus{border-color:var(--color-primary);background:var(--color-background);box-shadow:0 0 0 3px #7c3aed1a;transform:translateY(-2px)}._textareaInput_1p1q8_31::placeholder{color:var(--color-text-secondary);opacity:.6}._textareaInput_1p1q8_31:disabled{background:var(--color-background-tertiary);border-color:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6;transform:none;resize:none}._characterCount_1p1q8_90{position:absolute;bottom:-28px;right:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:4px 8px;background:linear-gradient(135deg,var(--color-background),var(--color-background-secondary));border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base);letter-spacing:var(--letter-spacing-wide)}._compact_1p1q8_6 ._characterCount_1p1q8_90{bottom:-24px;font-size:10px;padding:2px 6px}._characterCount_1p1q8_90._nearLimit_1p1q8_115{color:var(--color-warning);background:linear-gradient(135deg,#f59e0b0d,#f59e0b1a);border-color:var(--color-warning-light)}._characterCount_1p1q8_90._atLimit_1p1q8_124{color:var(--color-error);background:linear-gradient(135deg,#f43f5e0d,#f43f5e1a);border-color:var(--color-error-light);font-weight:var(--font-weight-semibold);animation:_pulse_1p1q8_1 1s ease-in-out infinite}@keyframes _pulse_1p1q8_1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}._textareaInput_1p1q8_31:hover:after{content:"";position:absolute;bottom:4px;right:4px;width:12px;height:12px;border-right:2px solid var(--color-border-hover);border-bottom:2px solid var(--color-border-hover);opacity:.5}._textareaInput_1p1q8_31::-webkit-scrollbar{width:6px}._textareaInput_1p1q8_31::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:var(--radius-sm)}._textareaInput_1p1q8_31::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm);transition:background var(--transition-base)}._textareaInput_1p1q8_31::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}._error_1p1q8_180 ._textareaInput_1p1q8_31{border-color:var(--color-error);background:linear-gradient(135deg,var(--color-error-bg),var(--color-background));animation:_shake_1p1q8_1 .3s cubic-bezier(.36,.07,.19,.97) both}._error_1p1q8_180 ._textareaLabel_1p1q8_10{color:var(--color-error)}._error_1p1q8_180 ._textareaInput_1p1q8_31:focus{box-shadow:0 0 0 3px #f43f5e26}@keyframes _shake_1p1q8_1{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}._success_1p1q8_205 ._textareaInput_1p1q8_31{border-color:var(--color-success)}._success_1p1q8_205:after{content:"✓";position:absolute;top:8px;right:8px;color:var(--color-success);font-weight:700;font-size:var(--font-size-lg);animation:_checkIn_1p1q8_1 .3s ease-out}@keyframes _checkIn_1p1q8_1{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}._loading_1p1q8_232 ._textareaInput_1p1q8_31{background-image:linear-gradient(90deg,var(--color-background) 0%,rgba(124,58,237,.05) 50%,var(--color-background) 100%);background-size:200% 100%;animation:_loading_1p1q8_232 2s ease-in-out infinite}@keyframes _loading_1p1q8_232{0%{background-position:200% 0}to{background-position:-200% 0}}._focusMode_1p1q8_249 ._textareaInput_1p1q8_31{min-height:200px;transition:min-height var(--transition-slow)}[data-theme=dark] ._textareaInput_1p1q8_31{background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] ._textareaInput_1p1q8_31:hover:not(:focus):not(:disabled){background:var(--color-background-secondary);border-color:var(--color-border-hover)}[data-theme=dark] ._textareaInput_1p1q8_31:focus{background:var(--color-background-secondary);border-color:var(--color-primary-light);box-shadow:0 0 0 3px #a78bfa1a}[data-theme=dark] ._characterCount_1p1q8_90{background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] ._textareaInput_1p1q8_31::-webkit-scrollbar-track{background:var(--color-background-tertiary)}[data-theme=dark] ._textareaInput_1p1q8_31::-webkit-scrollbar-thumb{background:var(--color-border)}@media (max-width: 768px){._textareaContainer_1p1q8_1{margin-bottom:calc(var(--spacing-lg) + 20px)}._textareaContainer_1p1q8_1._compact_1p1q8_6{margin-bottom:calc(var(--spacing-sm) + 16px)}._textareaLabel_1p1q8_10{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}._textareaInput_1p1q8_31{padding:var(--spacing-md);font-size:16px;min-height:100px;border-radius:var(--radius-md)}._compact_1p1q8_6 ._textareaInput_1p1q8_31{padding:var(--spacing-sm);min-height:70px;font-size:16px}._textareaInput_1p1q8_31:focus{min-height:150px}._compact_1p1q8_6 ._textareaInput_1p1q8_31:focus{min-height:100px}._characterCount_1p1q8_90{font-size:var(--font-size-sm);padding:6px 10px}._compact_1p1q8_6 ._characterCount_1p1q8_90{font-size:11px;padding:3px 6px}}@media (prefers-contrast: high){._textareaInput_1p1q8_31{border-width:3px}._textareaInput_1p1q8_31:focus{outline:2px solid var(--color-primary);outline-offset:2px}}@media (prefers-reduced-motion: reduce){._textareaInput_1p1q8_31,._characterCount_1p1q8_90{transition:none}._atLimit_1p1q8_124{animation:none}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._textInput_16mxa_1{margin-bottom:var(--spacing-lg);position:relative}._textInput_16mxa_1 label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-wide);transition:color var(--transition-base)}._textInput_16mxa_1 input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-background),var(--color-background-secondary));font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);display:block;transition:all var(--transition-base);min-height:44px;-webkit-appearance:none;outline:none;box-sizing:border-box}._textInput_16mxa_1 input:hover:not(:focus):not(:disabled){border-color:var(--color-border-hover);background:var(--color-background);box-shadow:var(--shadow-sm);transform:translateY(-1px)}._textInput_16mxa_1 input:focus{border-color:var(--color-primary);background:var(--color-background);box-shadow:0 0 0 3px #7c3aed1a;transform:translateY(-2px)}._textInput_16mxa_1 input::placeholder{color:var(--color-text-secondary);opacity:.6}._textInput_16mxa_1 input:disabled{background:var(--color-background-tertiary);border-color:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6;transform:none}._textInput_16mxa_1 input[type=password]{font-family:var(--font-family-mono);letter-spacing:.15em}._textInput_16mxa_1 input[type=number]::-webkit-inner-spin-button,._textInput_16mxa_1 input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._textInput_16mxa_1 input[type=number]{-moz-appearance:textfield}._required_16mxa_82{color:var(--color-error);font-weight:var(--font-weight-bold);margin-left:4px}._inputError_16mxa_89{border-color:var(--color-error)!important;background:linear-gradient(135deg,var(--color-error-bg),var(--color-background))!important;animation:_shake_16mxa_1 .3s cubic-bezier(.36,.07,.19,.97) both}._inputError_16mxa_89:focus{box-shadow:0 0 0 3px #f43f5e26!important}._errorMessage_16mxa_102{position:absolute;color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs);animation:_slideDown_16mxa_1 .3s ease-out;font-weight:var(--font-weight-medium)}._errorMessage_16mxa_102:before{content:"⚠";font-size:1.2em}@keyframes _shake_16mxa_1{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}@keyframes _slideDown_16mxa_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._success_16mxa_138 input{border-color:var(--color-success)!important}._success_16mxa_138:after{content:"✓";position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-success);font-weight:700;font-size:var(--font-size-lg);animation:_checkIn_16mxa_1 .3s ease-out;pointer-events:none}@keyframes _checkIn_16mxa_1{0%{opacity:0;transform:translateY(-50%) scale(0) rotate(-45deg)}to{opacity:1;transform:translateY(-50%) scale(1) rotate(0)}}._loading_16mxa_167 input{background-image:linear-gradient(90deg,var(--color-background) 0%,rgba(124,58,237,.05) 50%,var(--color-background) 100%);background-size:200% 100%;animation:_loading_16mxa_167 2s ease-in-out infinite}@keyframes _loading_16mxa_167{0%{background-position:200% 0}to{background-position:-200% 0}}._withIcon_16mxa_184{position:relative}._withIcon_16mxa_184 input{padding-left:44px}._inputIcon_16mxa_192{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:20px;height:20px;pointer-events:none;transition:color var(--transition-base)}._textInput_16mxa_1 input:focus~._inputIcon_16mxa_192{color:var(--color-primary)}._withAction_16mxa_209 input{padding-right:100px}._actionButton_16mxa_213{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:6px 12px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}._actionButton_16mxa_213:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-active));transform:translateY(-50%) scale(1.05)}._actionButton_16mxa_213:active{transform:translateY(-50%) scale(.95)}[data-theme=dark] ._textInput_16mxa_1 input{background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] ._textInput_16mxa_1 input:hover:not(:focus):not(:disabled){background:var(--color-background-secondary);border-color:var(--color-border-hover)}[data-theme=dark] ._textInput_16mxa_1 input:focus{background:var(--color-background-secondary);border-color:var(--color-primary-light);box-shadow:0 0 0 3px #a78bfa1a}[data-theme=dark] ._inputError_16mxa_89{background:linear-gradient(135deg,rgba(244,63,94,.1),var(--color-background-secondary))!important}[data-theme=dark] ._inputIcon_16mxa_192{color:var(--color-text-tertiary)}[data-theme=dark] ._textInput_16mxa_1 input:focus~._inputIcon_16mxa_192{color:var(--color-primary-light)}@media (max-width: 768px){._textInput_16mxa_1{margin-bottom:var(--spacing-md)}._textInput_16mxa_1 label{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}._textInput_16mxa_1 input{min-height:48px;padding:var(--spacing-md);font-size:16px;border-radius:var(--radius-md)}._withIcon_16mxa_184 input{padding-left:48px}._inputIcon_16mxa_192{left:var(--spacing-md);width:24px;height:24px}._errorMessage_16mxa_102{font-size:var(--font-size-sm);position:static;margin-top:var(--spacing-sm)}}@media (prefers-contrast: high){._textInput_16mxa_1 input{border-width:3px}._textInput_16mxa_1 input:focus{outline:2px solid var(--color-primary);outline-offset:2px}}@media (prefers-reduced-motion: reduce){._textInput_16mxa_1 input,._inputIcon_16mxa_192,._errorMessage_16mxa_102{animation:none;transition:none}}._textInput_16mxa_1 input:-webkit-autofill,._textInput_16mxa_1 input:-webkit-autofill:hover,._textInput_16mxa_1 input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0px 1000px var(--color-background) inset;transition:background-color 5000s ease-in-out 0s;border:2px solid var(--color-primary)}._textInput_16mxa_1 input[type=search]::-webkit-search-decoration,._textInput_16mxa_1 input[type=search]::-webkit-search-cancel-button,._textInput_16mxa_1 input[type=search]::-webkit-search-results-button,._textInput_16mxa_1 input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import{R as f,j as a}from"./iframe-ClorXKAj.js";import{u as T}from"./useSound-BS8g02XJ.js";const V="_textInput_16mxa_1",A="_required_16mxa_82",k="_inputError_16mxa_89",M="_errorMessage_16mxa_102",R="_success_16mxa_138",S="_loading_16mxa_167",P="_withIcon_16mxa_184",$="_inputIcon_16mxa_192",B="_withAction_16mxa_209",F="_actionButton_16mxa_213",t={textInput:V,required:A,inputError:k,errorMessage:M,success:R,loading:S,withIcon:P,inputIcon:$,withAction:B,actionButton:F};function H({label:_,value:r,onChange:I,type:b="text",onBlur:v,placeholder:w,error:n,required:y,disabled:m=!1,success:g=!1,loading:o=!1,icon:c,actionButton:l,maxLength:E,autoComplete:j,soundConfig:s,enableTypingSounds:q=!1}){const i=`input-${Math.random().toString(36).substr(2,9)}`,{handlers:u,playSound:p}=T(s),h=f.useRef(r),N=()=>{const e=[t.textInput];return g&&e.push(t.success),o&&e.push(t.loading),c&&e.push(t.withIcon),l&&e.push(t.withAction),e.join(" ")};return f.useEffect(()=>{h.current=r},[r]),a.jsxs("div",{className:N(),children:[a.jsxs("label",{htmlFor:i,children:[_,y&&a.jsx("span",{className:t.required,children:"*"})]}),a.jsxs("div",{style:{position:"relative"},children:[c&&a.jsx("div",{className:t.inputIcon,children:c}),a.jsx("input",{id:i,type:b,value:r,onChange:e=>{const d=e.target.value,x=h.current;I(d),(q||s!=null&&s.onClick)&&(d.length>x.length?p("type"):d.length<x.length&&p("delete")),n&&(s!=null&&s.onError)&&p(typeof s.onError=="string"?s.onError:"error")},onBlur:v,placeholder:w,className:n?t.inputError:"","aria-invalid":!!n,"aria-describedby":n?`${i}-error`:void 0,disabled:m||o,maxLength:E,autoComplete:j}),l&&a.jsx("button",{type:"button",className:t.actionButton,onClick:()=>{var e;(e=u.onClick)==null||e.call(u),l.onClick()},disabled:m||o,children:l.label})]}),n&&a.jsx("span",{id:`${i}-error`,className:t.errorMessage,children:n})]})}H.__docgenInfo={description:`TextInput component - A versatile text input field with label and error handling
|
|
2
|
-
|
|
3
|
-
@component
|
|
4
|
-
@description
|
|
5
|
-
A foundational input component that provides a clean, accessible text field with
|
|
6
|
-
built-in support for labels, validation errors, and various HTML5 input types.
|
|
7
|
-
Follows design system tokens for consistent theming across light/dark modes.
|
|
8
|
-
|
|
9
|
-
@example
|
|
10
|
-
// Basic usage
|
|
11
|
-
<TextInput
|
|
12
|
-
label="Email Address"
|
|
13
|
-
value={email}
|
|
14
|
-
onChange={setEmail}
|
|
15
|
-
type="email"
|
|
16
|
-
placeholder="Enter your email"
|
|
17
|
-
/>
|
|
18
|
-
|
|
19
|
-
@example
|
|
20
|
-
// With validation error
|
|
21
|
-
<TextInput
|
|
22
|
-
label="Password"
|
|
23
|
-
value={password}
|
|
24
|
-
onChange={setPassword}
|
|
25
|
-
type="password"
|
|
26
|
-
error="Password must be at least 8 characters"
|
|
27
|
-
required
|
|
28
|
-
/>`,methods:[],displayName:"TextInput",props:{type:{defaultValue:{value:'"text"',computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},success:{defaultValue:{value:"false",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},enableTypingSounds:{defaultValue:{value:"false",computed:!1},required:!1}}};export{H as T};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r}from"./index-Bs1dRoHq.js";var t,o=r;t=o.createRoot,o.hydrateRoot;export{t as c};
|