@preply/ds-docs 3.5.1 → 3.6.0
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/assets/00.LayoutFlex.stories-CeV_wdIC.js +85 -0
- package/dist/assets/{00.applications-CtD17Uvc.js → 00.applications-CAvTZLs_.js} +2 -2
- package/dist/assets/{00.favicons.guide-rDY-MoXZ.js → 00.favicons.guide-BhlxRh9a.js} +2 -2
- package/dist/assets/{00.token-explorer-CedppzBQ.js → 00.token-explorer-20FX7CcY.js} +2 -2
- package/dist/assets/00.using-responsive-props-BnlhCBRt.js +18 -0
- package/dist/assets/01.semantic-tokens-DcnkWzh7.js +2 -0
- package/dist/assets/{01.using-shorthand-props-eZLJFDHj.js → 01.using-shorthand-props-Of1iGh33.js} +2 -2
- package/dist/assets/10.Combinations.stories-uNix06Cx.js +144 -0
- package/dist/assets/{10.fonts.guide-DW9ufzTF.js → 10.fonts.guide-DrwXu-qM.js} +2 -2
- package/dist/assets/{10.ssr-DwlffmrT.js → 10.ssr-BLRvX7tP.js} +2 -2
- package/dist/assets/{11.languageFont.explorer.stories-Crh2l5Jm.js → 11.languageFont.explorer.stories-8bRkypgA.js} +3 -3
- package/dist/assets/{11.ssr.app-router-BZ07Enlf.js → 11.ssr.app-router-Bdj_5bEM.js} +2 -2
- package/dist/assets/{20.libraries-lbSLR9_7.js → 20.libraries-BAk4bn7T.js} +2 -2
- package/dist/assets/30.icons.explorer-Cw48haes.js +73 -0
- package/dist/assets/{30.storybook-C4NNn5Fv.js → 30.storybook-Cl1dKshZ.js} +2 -2
- package/dist/assets/40.illustrations.explorer-QST9S1uM.js +21 -0
- package/dist/assets/{90.advanced-bdiRxPCx.js → 90.advanced-D0gL86iZ.js} +2 -2
- package/dist/assets/{Accordion-BMkC4Xny.js → Accordion-DQdO67t-.js} +1 -1
- package/dist/assets/{Accordion.stories-SU6sgvYh.js → Accordion.stories-CIkFS1aB.js} +2 -2
- package/dist/assets/{Accordion.tests.stories-CxVZnGoY.js → Accordion.tests.stories-B-CsSb4t.js} +3 -3
- package/dist/assets/{AlertDialog.stories-Z5ooiuoO.js → AlertDialog.stories-Cl8Xpqxw.js} +3 -3
- package/dist/assets/{Avatar-B2H0W8KL.js → Avatar-BPQkrrdS.js} +1 -1
- package/dist/assets/{Avatar-BoLH36O5.js → Avatar-DU9LOGxE.js} +1 -1
- package/dist/assets/Avatar.stories-CqMa-0IY.js +42 -0
- package/dist/assets/AvatarWithStatus.stories-Bhftrj9g.js +41 -0
- package/dist/assets/{Badge-j_a0acGK.css → Badge-DXnHyVME.css} +1 -1
- package/dist/assets/{Badge.stories-B2OoKd78.js → Badge.stories-ub7MEo4B.js} +3 -3
- package/dist/assets/Box.stories-B-s13PQh.js +44 -0
- package/dist/assets/BubbleCounter.stories-CpaMP6xY.js +242 -0
- package/dist/assets/{Button-BSyqsKC5.js → Button-C5gzVt4K.js} +1 -1
- package/dist/assets/{Button-Bo0EuTg4.js → Button-vy3cIlv9.js} +1 -1
- package/dist/assets/{Button.stories-Dc9V2OdS.js → Button.stories-Df_g55it.js} +2 -2
- package/dist/assets/{ButtonBase-Bdtn25V2.js → ButtonBase-D5O3MkG2.js} +1 -1
- package/dist/assets/{Checkbox-Bq_sNuXJ.js → Checkbox-Bknyi3M6.js} +2 -2
- package/dist/assets/{Checkbox.stories-BI-3q1SR.js → Checkbox.stories-DF4d48B_.js} +2 -2
- package/dist/assets/Checkbox.tests.stories-CPrt0IT-.js +64 -0
- package/dist/assets/Chips-C-y9rHQ4.css +1 -0
- package/dist/assets/Chips.stories-DkNJ_zVw.js +146 -0
- package/dist/assets/Color-YHDXOIA2-pga7xyrn.js +1 -0
- package/dist/assets/{Combination-CCYtWL8C.js → Combination-Cz1uIyPJ.js} +1 -1
- package/dist/assets/{CountryFlag-ClC7kEHn.js → CountryFlag-DNvfZC7z.js} +7 -7
- package/dist/assets/CountryFlag.stories-xg8q2tp6.js +331 -0
- package/dist/assets/CountryFlag.test.stories-CkUCxnsL.js +27 -0
- package/dist/assets/{Dialog.stories-ColOPVoz.js → Dialog.stories-C9-6y9u3.js} +3 -3
- package/dist/assets/DismissibleChips-D0spWwKB.js +1 -0
- package/dist/assets/DismissibleChips-Jfhj9R2Y.css +1 -0
- package/dist/assets/DismissibleChips.stories-DAd1oRPH.js +635 -0
- package/dist/assets/Divider-DECo0bYW.css +1 -0
- package/dist/assets/Divider.stories-Dt8b4I0I.js +9 -0
- package/dist/assets/DocsRenderer-CFRXHY34-bxqIrlIk.js +2 -0
- package/dist/assets/{FieldButton-Bsa9_rJB.js → FieldButton-DkkntNzT.js} +1 -1
- package/dist/assets/FieldButton.stories-CXR_cH-r.js +1 -0
- package/dist/assets/{FormControl-CeIJk4_Z.js → FormControl-BBd1k1n3.js} +1 -1
- package/dist/assets/{FormControl-BxxTFPCS.css → FormControl-BBqp99uJ.css} +1 -1
- package/dist/assets/{FormControl.stories-DekxQG9a.js → FormControl.stories-DukIAZCw.js} +2 -2
- package/dist/assets/{Heading-ese4_5Hg.js → Heading-BLxyLk9f.js} +2 -2
- package/dist/assets/Heading.stories-DcyjKmJn.js +82 -0
- package/dist/assets/{Icon-ZIxauYsE.js → Icon-CsnSNslb.js} +2 -2
- package/dist/assets/{Icon-Dlm-jGvW.js → Icon-CytpCOfq.js} +1 -1
- package/dist/assets/Icon-RSC-jWx530Uy.js +6 -0
- package/dist/assets/{Icon.stories-Cv6aq9BI.js → Icon.stories-CdJp2Kjy.js} +2 -2
- package/dist/assets/IconButton-DnBk_U_S.css +1 -0
- package/dist/assets/IconButton-NYwQQfnV.js +8 -0
- package/dist/assets/{Input-C1hZX5_o.js → Input-MEZGWQfc.js} +5 -5
- package/dist/assets/{InputContainer-Bk0tgFnW.js → InputContainer-BZsD6GIE.js} +1 -1
- package/dist/assets/IntegrationWithReactHookForm.stories-DbXGbM6L.js +439 -0
- package/dist/assets/LayoutFlex-C3k4b85b.js +1 -0
- package/dist/assets/{LayoutFlex-Bhu4q65J.js → LayoutFlex-C6z0wWVE.js} +1 -1
- package/dist/assets/{LayoutFlexItem-C2t_4vHD.js → LayoutFlexItem-Cwg58STc.js} +1 -1
- package/dist/assets/{LayoutGrid-DwWkjrQU.js → LayoutGrid-WPajd7ZP.js} +1 -1
- package/dist/assets/LayoutGrid.stories-B-DYu7we.js +88 -0
- package/dist/assets/{LayoutGridItem-CZ6SKl8g.js → LayoutGridItem-CPteN7Xi.js} +1 -1
- package/dist/assets/{LayoutGridItem-CmZxAA0w.js → LayoutGridItem-sDswLjZs.js} +1 -1
- package/dist/assets/{LibraryExplore-C8GqDRwc.js → LibraryExplore-oBYfEgnm.js} +1 -1
- package/dist/assets/Link-ppzJSCTf.js +7 -0
- package/dist/assets/Link.stories-ClHFTcTp.js +265 -0
- package/dist/assets/Loader.stories-ltpe_Net.js +37 -0
- package/dist/assets/Messages-VCFIwUal.js +1 -0
- package/dist/assets/MultiSelectChips-CwiPSabU.js +2 -0
- package/dist/assets/MultiSelectChips.stories-DmtbSk6N.js +618 -0
- package/dist/assets/{NumberField-D6cbX2hK.js → NumberField-RsSQ3jKy.js} +5 -5
- package/dist/assets/{NumberField.stories-BHt2ErAX.js → NumberField.stories-D7ZfStPF.js} +2 -2
- package/dist/assets/{ObserveIntersection-DsqqXq5n.js → ObserveIntersection-B-K9BpyT.js} +2 -2
- package/dist/assets/ObserveIntersection.stories-CsECVFcG.js +27 -0
- package/dist/assets/{OnboardingTooltip-DVNAQjDc.js → OnboardingTooltip-S86JAVp1.js} +1 -1
- package/dist/assets/OnboardingTooltip.stories-yysftpQx.js +66 -0
- package/dist/assets/OnboardingTooltip.tests.stories-BGYD6ZgF.js +79 -0
- package/dist/assets/{OnboardingTour-DdV7TN6M.js → OnboardingTour-DdoL-ALr.js} +1 -1
- package/dist/assets/{OnboardingTour.stories-D0ScuFD6.js → OnboardingTour.stories-CFHFqnUP.js} +3 -3
- package/dist/assets/{OnboardingTour.tests.stories-DAxdPYEp.js → OnboardingTour.tests.stories-Zth6eLU9.js} +3 -3
- package/dist/assets/{PasswordField-C_KRyf9k.js → PasswordField-Dxf_bax6.js} +5 -5
- package/dist/assets/{PasswordField.stories-3X4JtcLm.js → PasswordField.stories-cbjkS8Y4.js} +5 -5
- package/dist/assets/{PortalElementProvider-D4ltrA8j.js → PortalElementProvider-CgL8vj5o.js} +1 -1
- package/dist/assets/PreplyLogo.stories-uls4oHdg.js +97 -0
- package/dist/assets/{ProgressBar.stories-Dpro8fzG.js → ProgressBar.stories-CDcfCVq4.js} +3 -3
- package/dist/assets/{ProgressSteps-BBrWCYks.js → ProgressSteps--PLRO2gB.js} +1 -1
- package/dist/assets/ProgressSteps.stories-Ds4cZ7wu.js +31 -0
- package/dist/assets/{RangeSlider-dSZs_gtw.js → RangeSlider-BYDrLADZ.js} +1 -1
- package/dist/assets/{RangeSlider.stories-DVb8mcs1.js → RangeSlider.stories-Cyr-Pro6.js} +2 -2
- package/dist/assets/RootProvider-jpy520VQ.js +1 -0
- package/dist/assets/{SelectField-CuzFFPz0.js → SelectField-JmD-rzDd.js} +7 -7
- package/dist/assets/{SelectField.stories-wb_cAtCV.js → SelectField.stories-BaUnnRxC.js} +2 -2
- package/dist/assets/ShowOnIntersection.stories-1-PEYzrA.js +17 -0
- package/dist/assets/SingleSelectChips-DLCTUr2z.js +2 -0
- package/dist/assets/SingleSelectChips.stories-Dqmrydst.js +637 -0
- package/dist/assets/{Slider-6E9fmd7P.js → Slider-CIF6srIP.js} +1 -1
- package/dist/assets/{Slider.stories-B5LCqqgS.js → Slider.stories-DPwe4ZY9.js} +2 -2
- package/dist/assets/{Spinner-BCTJunNM.js → Spinner-T-vTyHiv.js} +1 -1
- package/dist/assets/{Steps-CCm9vCgl.js → Steps-ffbOMhEJ.js} +1 -1
- package/dist/assets/{Steps.stories-BLFM3WRM.js → Steps.stories-CPOi2Oi8.js} +2 -2
- package/dist/assets/{StorybookGlobalStyle-B1zhYl96.js → StorybookGlobalStyle-CQSpwvw3.js} +1 -1
- package/dist/assets/Switch-Dw6ODsdd.js +12 -0
- package/dist/assets/Switch-DxL-NADD.css +1 -0
- package/dist/assets/Switch.stories-C1Mk3jSk.js +138 -0
- package/dist/assets/{Text-BmdJVr9v.js → Text-CykvSLVe.js} +1 -1
- package/dist/assets/Text.stories-BM7oD1Ya.js +69 -0
- package/dist/assets/{TextField-D2GlsmWF.css → TextField-C5AoK3Cj.css} +1 -1
- package/dist/assets/{TextField-Co0wSa5c.js → TextField-DakE_vDk.js} +1 -1
- package/dist/assets/{TextField-CMgzC3bX.js → TextField-lnCw6vFm.js} +5 -5
- package/dist/assets/{TextField.stories-CAcPkm_s.js → TextField.stories-C8nNbyIm.js} +5 -5
- package/dist/assets/{TextHighlighted-B6rrwk3x.js → TextHighlighted-B2n23sPW.js} +1 -1
- package/dist/assets/TextHighlighted.stories-Dunl9OsM.js +32 -0
- package/dist/assets/TextInline.stories-Cz98O8bG.js +37 -0
- package/dist/assets/{TextareaField-CCM1C6lK.js → TextareaField-BDRAFgn6.js} +9 -9
- package/dist/assets/{TextareaField.stories-DKNFN3f4.js → TextareaField.stories-CC3YstiD.js} +6 -6
- package/dist/assets/{Toast.stories-BzEpckjh.js → Toast.stories-CUVZTvJT.js} +3 -3
- package/dist/assets/{TokyoUIAttach-BvBvQVx_.js → TokyoUIAttach-BWl7Jkq1.js} +1 -1
- package/dist/assets/{TokyoUIClose-DFIfVIfy.js → TokyoUIClose-thK8sk63.js} +1 -1
- package/dist/assets/TokyoUIEmojiFrowning-DTIcabpJ.js +1 -0
- package/dist/assets/{TokyoUIExpand-DThzqohx.js → TokyoUIExpand-oMdXmNcg.js} +1 -1
- package/dist/assets/{TokyoUIEye-BsOt8ZdC.js → TokyoUIEye-CteyS9_g.js} +1 -1
- package/dist/assets/{TokyoUIFav-DGbkVriC.js → TokyoUIFav-DOVerCtW.js} +1 -1
- package/dist/assets/{TokyoUIInfo-nHX2jpp7.js → TokyoUIInfo-DbkQBubr.js} +1 -1
- package/dist/assets/{TokyoUILanguage-BNq9ng3F.js → TokyoUILanguage-CLpo5Vdq.js} +1 -1
- package/dist/assets/{TokyoUILock-C_glX9Ec.js → TokyoUILock-CENLMUf4.js} +1 -1
- package/dist/assets/{TokyoUIMinus-B9ja89W6.js → TokyoUIMinus-RacYe9uc.js} +1 -1
- package/dist/assets/{TokyoUINotebook-DNjno-oI.js → TokyoUINotebook-kt8pWj_a.js} +1 -1
- package/dist/assets/{TokyoUINotesWithPad-Bqcca_-M.js → TokyoUINotesWithPad-B-o4vu0Y.js} +1 -1
- package/dist/assets/{TokyoUIPhone-BHLDT6dz.js → TokyoUIPhone-CvuBM6jb.js} +1 -1
- package/dist/assets/{TokyoUITag-CulX0-gf.js → TokyoUITag-CS4uarg6.js} +1 -1
- package/dist/assets/{TokyoUIUpload-Bi3CuQzX.js → TokyoUIUpload-Bf0gWv4M.js} +1 -1
- package/dist/assets/{TokyoUIUser-DG6LLnJu.js → TokyoUIUser-Cvenl_VS.js} +1 -1
- package/dist/assets/{Tooltip-IxKOQjjo.js → Tooltip-UjXQy5k6.js} +1 -1
- package/dist/assets/{Tooltip.stories-DHYG0ggY.js → Tooltip.stories-DUECVMBB.js} +2 -2
- package/dist/assets/Tooltip.tests.stories-DV5HEaze.js +65 -0
- package/dist/assets/{align-self-BM6l9H5Z.js → align-self-r3vx00J0.js} +1 -1
- package/dist/assets/{breakpoints-DxEeOfvq.js → breakpoints-5Upxf6Y1.js} +2 -2
- package/dist/assets/{breakpoints-3Mi8ztBx.js → breakpoints-839jWvyb.js} +2 -2
- package/dist/assets/{breakpoints-BPZAI3l-.js → breakpoints-CUqKVgVc.js} +2 -2
- package/dist/assets/{changelog-BvX8uMXW.js → changelog-D_f5Tbwt.js} +234 -216
- package/dist/assets/{chunk-XP5HYGXS-D5tuasO7.js → chunk-XP5HYGXS-BpfKkqn7.js} +1 -1
- package/dist/assets/{client-DXF5tT0h.js → client-C1fTPCwG.js} +1 -1
- package/dist/assets/componentNames-NXEPEzbR.js +1 -0
- package/dist/assets/createRequiredContext-BW3-EdwI.js +241 -0
- package/dist/assets/createRequiredContext-Bv1cwElm.css +1 -0
- package/dist/assets/{defaults-B1rzzf6M.js → defaults-Clr6nbGc.js} +1 -1
- package/dist/assets/entry-preview-BvEBPG6v.js +2 -0
- package/dist/assets/{entry-preview-docs-FEPuDDnY.js → entry-preview-docs-Cyz3fU9E.js} +2 -2
- package/dist/assets/getCountryFlagUrl-CP-PpZV_.js +1 -0
- package/dist/assets/{getTokenVar-CXvtPVqa.js → getTokenVar-CV6_zRnp.js} +2 -2
- package/dist/assets/{hover-sR2377QI.js → hover-Bs7YcuQH.js} +2 -2
- package/dist/assets/hover-DniV5Ub7.js +13 -0
- package/dist/assets/hover-uZhMPRXi.js +14 -0
- package/dist/assets/{iframe-BE13K_u-.js → iframe-DI6VGJCr.js} +2 -2
- package/dist/assets/{index-BYp7dUfi.js → index-7S8Dj0J-.js} +1 -1
- package/dist/assets/{index-DUJ9kiQB.js → index-BArSnScv.js} +2 -2
- package/dist/assets/index-BN6VMYqa.js +1 -0
- package/dist/assets/{index-jEDObK_5.js → index-BPrLDK9Y.js} +1 -1
- package/dist/assets/{index-v0utLE_k.js → index-BrBqb5Q4.js} +1 -1
- package/dist/assets/{index--DZ0VX4g.js → index-Bt5ip-xO.js} +1 -1
- package/dist/assets/{index-DRKYGVyc.js → index-C6wF8VM1.js} +1 -1
- package/dist/assets/{index-C66nt8TK.js → index-C7hTFOIV.js} +1 -1
- package/dist/assets/{index-wFyje0se.js → index-C9SxdfPC.js} +1 -1
- package/dist/assets/index-Cb9e4tly.js +1 -0
- package/dist/assets/index-ChsGqxH_.js +9 -0
- package/dist/assets/{index-DDyIDR-R.js → index-Ctq3gFTp.js} +1 -1
- package/dist/assets/{index-CjMmneJr.js → index-CxzwkAAS.js} +3 -3
- package/dist/assets/{index-jPlWeKki.js → index-DHRyQyAr.js} +1 -1
- package/dist/assets/{index-BfBdt3zW.js → index-DSVnVYmz.js} +1 -1
- package/dist/assets/{index-DbgDZDus.js → index-QwIMrChO.js} +1 -1
- package/dist/assets/{intro-BQxazeZ4.js → intro-D15hwrBp.js} +2 -2
- package/dist/assets/{jsx-runtime-BYouaCF_.js → jsx-runtime-BTJTZTIL.js} +2 -2
- package/dist/assets/layout-relative-BNsRKWaJ.css +1 -0
- package/dist/assets/layout-relative-iaxAShjd.css +1 -0
- package/dist/assets/layout-relative.module-1z75aSwo-BeT2Gxbq.js +1 -0
- package/dist/assets/layout-relative.module-ChaXrVQQ.js +1 -0
- package/dist/assets/{message-BraTJ16C.js → message-BqoANQez.js} +1 -1
- package/dist/assets/{migrating-from-less-_WbBpNno.js → migrating-from-less-ChwDKr-0.js} +2 -2
- package/dist/assets/{options-Dn0Ts6qK.js → options-DiZKU5qS.js} +1 -1
- package/dist/assets/playground-6Qa0tALi.css +1 -0
- package/dist/assets/{playground.stories-DNP6DMoh.js → playground.stories-DBacBF4k.js} +212 -212
- package/dist/assets/preview-B7ZgNHfI.js +22 -0
- package/dist/assets/{preview-ChKXYagv.js → preview-BTjEYo28.js} +1 -1
- package/dist/assets/preview-BtcSDksg.js +2 -0
- package/dist/assets/{preview-DqZVArh_.js → preview-Dr3Vhf1y.js} +1 -1
- package/dist/assets/react-18-DfUnyR7e.js +1 -0
- package/dist/assets/react.esm-BJ_b8t-Z.js +65 -0
- package/dist/assets/{render-icon-CVTdrNe-.js → render-icon-BT0Aq7PA.js} +1 -1
- package/dist/assets/{render-icon-CwRdpin3.js → render-icon-Du0nasoi.js} +1 -1
- package/dist/assets/{shared-strings-CcWGHelY.js → shared-strings-BzaHC9x5.js} +1 -1
- package/dist/assets/{styled-components.browser.esm-CwsnEFnS.js → styled-components.browser.esm-BgpGX317.js} +1 -1
- package/dist/assets/test-utils-DCJN9LZk.js +9 -0
- package/dist/assets/{tokens-Do5DDIVZ.js → tokens-0xptGJP0.js} +2 -2
- package/dist/assets/{tokens-rA5iljxB.js → tokens-CGqhbkO_.js} +2 -2
- package/dist/assets/tokens-CJh_FSIl.js +1 -0
- package/dist/assets/{tokens-BpVbkeg9.js → tokens-pXBi-h95.js} +2 -2
- package/dist/assets/useHostname-Y3PlXofY.js +1 -0
- package/dist/assets/{useMergeRefs-BKVZOB6R.js → useMergeRefs-D_RfOOSs.js} +1 -1
- package/dist/assets/{useMergeRefs-CeyIhNgY.js → useMergeRefs-SFH7Mw4x.js} +1 -1
- package/dist/assets/{usePortalElement-D-MBkGYE.js → usePortalElement-M09Zq-L8.js} +2 -2
- package/dist/assets/{useTheme-DiEoTTOi.js → useTheme-DFSR9KPZ.js} +1 -1
- package/dist/assets/{useToken-BEsvy84L.js → useToken-DI8WZBSr.js} +1 -1
- package/dist/assets/{welcome-CjdlfIE9.js → welcome-DyZwhj5C.js} +2 -2
- package/dist/assets/{zeroheight-COTIl-YQ.js → zeroheight-B9itFpkD.js} +2 -2
- package/dist/iframe.html +1 -1
- package/dist/index.json +1 -1
- package/dist/preview-stats.json +2217 -1449
- package/dist/project.json +1 -1
- package/package.json +3 -3
- package/dist/assets/00.LayoutFlex.stories-DsoQ41ru.js +0 -85
- package/dist/assets/00.using-responsive-props-CXXBchqR.js +0 -18
- package/dist/assets/01.semantic-tokens-DA4N50sn.js +0 -2
- package/dist/assets/10.Combinations.stories-D5C6zeLo.js +0 -144
- package/dist/assets/30.icons.explorer-gDqz6aGC.js +0 -73
- package/dist/assets/40.illustrations.explorer-Cw6qUJFV.js +0 -21
- package/dist/assets/Avatar.stories-QILX30d4.js +0 -42
- package/dist/assets/AvatarWithStatus.stories-CiIZ7860.js +0 -41
- package/dist/assets/Box.stories-Bj6O093l.js +0 -44
- package/dist/assets/Checkbox.tests.stories-Bn3p5No-.js +0 -64
- package/dist/assets/Chips-DAK2so_G.css +0 -1
- package/dist/assets/Chips.stories-FqjAsoAI.js +0 -150
- package/dist/assets/Color-YHDXOIA2-Brn_ueLX.js +0 -1
- package/dist/assets/DocsRenderer-CFRXHY34-Drp94F88.js +0 -2
- package/dist/assets/FieldButton.stories-DN08cc4N.js +0 -1
- package/dist/assets/Flag.stories-hPDFXFLs.js +0 -114
- package/dist/assets/Flag.test.stories-Dn7xe9kp.js +0 -27
- package/dist/assets/Heading.stories-Pcuq78-p.js +0 -82
- package/dist/assets/Icon-RSC-DHJisRIw.js +0 -6
- package/dist/assets/IconButton-BqwVuKH2.js +0 -8
- package/dist/assets/IntegrationWithReactHookForm.stories-DjhZzsb9.js +0 -274
- package/dist/assets/LayoutFlex-BBGvSVMb.js +0 -1
- package/dist/assets/LayoutGrid.stories-CNvZbuzu.js +0 -88
- package/dist/assets/Link.stories-DQx9wq8H.js +0 -271
- package/dist/assets/Loader.stories-DWRd5a4n.js +0 -37
- package/dist/assets/ObserveIntersection.stories-BabE9srq.js +0 -27
- package/dist/assets/OnboardingTooltip.stories-BGQM-hLj.js +0 -66
- package/dist/assets/OnboardingTooltip.tests.stories-4LRVGnuI.js +0 -79
- package/dist/assets/PreplyLogo.stories-CrTgCgF0.js +0 -97
- package/dist/assets/ProgressSteps.stories-DDhuAaz0.js +0 -31
- package/dist/assets/RootProvider-DLsVkcFn.js +0 -1
- package/dist/assets/ShowOnIntersection.stories-ipu84fct.js +0 -17
- package/dist/assets/Text.stories-CkC6dvyE.js +0 -69
- package/dist/assets/TextHighlighted.stories-BJsM40kL.js +0 -32
- package/dist/assets/TextInline.stories-CL1L2t2-.js +0 -37
- package/dist/assets/Tooltip.tests.stories-DWwqRNUM.js +0 -65
- package/dist/assets/componentNames-CpCJzpB9.js +0 -1
- package/dist/assets/entry-preview-Cgr68VmN.js +0 -10
- package/dist/assets/hover-BJ9rZrzg.js +0 -13
- package/dist/assets/hover-CeDdAnNA.js +0 -14
- package/dist/assets/index-B3evPFBL.js +0 -9
- package/dist/assets/index-uOP2uDdf.js +0 -1
- package/dist/assets/layout-relative-BGyAoF2N.css +0 -1
- package/dist/assets/layout-relative-DuJENdo5.css +0 -1
- package/dist/assets/layout-relative.module-1z75aSwo-DNAR_Nv2.js +0 -1
- package/dist/assets/layout-relative.module-ed9bC4H4.js +0 -1
- package/dist/assets/playground-DJaUjyzx.css +0 -1
- package/dist/assets/preview-DFIaQ6pR.js +0 -2
- package/dist/assets/preview-Dlcr0l4_.js +0 -22
- package/dist/assets/react-18-CYoSI7Qu.js +0 -1
- package/dist/assets/tokens-ZvFzTwDp.js +0 -1
- package/dist/assets/useHostname-CH18gHFj.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as
|
|
1
|
+
import{j as pe}from"./jsx-runtime-BTJTZTIL.js";import{r as de}from"./index-Cb9e4tly.js";import{f as o,w as T,e as n,u as w}from"./index-Ctq3gFTp.js";import{T as ie}from"./TextareaField-BDRAFgn6.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./FormControl-BBd1k1n3.js";import"./index-C6wF8VM1.js";import"./index-DSVnVYmz.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./index-DdzHuZ-Y.js";import"./message-BqoANQez.js";import"./componentNames-NXEPEzbR.js";import"./InputContainer-BZsD6GIE.js";const ze={title:"components/TextareaField",component:ie,args:{name:"message",label:"Textarea",defaultValue:"",placeholder:"Enter text here",dataset:{testid:"field",foo:"bar"},inputDataset:{testid:"input",foo:"bar"},onChange:o(),onValueChange:o(),onBlur:o(),onFocus:o(),onClick:o(),onCopy:o(),onKeyDown:o(),onKeyUp:o(),onPaste:o()}},i={play:async({canvasElement:a,step:e,args:t})=>{const s=T(a),l=s.getByTestId("field"),r=s.getByTestId("input");await e("it should render correct label",async()=>{const ce=T(l).getByTestId("label");n(ce).toHaveTextContent("Textarea • Optional"),n(r).toHaveAccessibleName("Textarea")}),await e("it should call onFocus when the input is focused",async()=>{r.focus(),n(t.onFocus).toHaveBeenCalled()}),await e("it should call callback when the value changes",async()=>{await w.type(r,"Hello world"),n(t.onValueChange).toHaveBeenCalledWith("Hello world"),n(t.onChange).toHaveBeenCalled()}),await e("it should call onBlur when the input is blurred",async()=>{await w.keyboard("{tab}"),n(t.onBlur).toHaveBeenCalled()}),await e("it should render the dataset props",async()=>{n(l).toHaveAttribute("data-testid","field"),n(l).toHaveAttribute("data-foo","bar"),n(r).toHaveAttribute("data-testid","input"),n(r).toHaveAttribute("data-foo","bar")})}},c={render:function(e){const[t,s]=de.useState(e.value);return pe.jsx(ie,{...e,value:t,onChange:l=>{var r;s(l.target.value),(r=e.onChange)==null||r.call(e,l)}})},args:{label:"Controlled TextareaField",placeholder:"Type your message...",value:"Initial textarea content"},play:async({canvas:a,step:e})=>{await e("it should render the correct initial value",async()=>{const t=a.getByTestId("input");await n(t).toHaveValue("Initial textarea content")}),await e("it should update the value when the user types",async()=>{const t=a.getByTestId("input");await w.clear(t),await w.type(t,"New controlled content"),n(t).toHaveValue("New controlled content")})}},p={args:{defaultValue:"Hey, you!",resize:"both"},play:async({canvas:a,step:e})=>{await e("it should apply the resize style",async()=>{const t=a.getByTestId("input");n(t).toHaveStyle({resize:"both"})})}},d={args:{defaultValue:"Hey, you!",resize:"vertical"},play:async({canvas:a,step:e})=>{await e("it should apply the resize style",async()=>{const t=a.getByTestId("input");n(t).toHaveStyle({resize:"vertical"})})}},u={args:{defaultValue:"Hey, you!",resize:"horizontal"},play:async({canvas:a,step:e})=>{await e("it should apply the resize style",async()=>{const t=a.getByTestId("input");n(t).toHaveStyle({resize:"horizontal"})})}},y={args:{description:"We will get back to you as soon as possible"},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),s=a.getByTestId("description");await e("it should render the description",async()=>{n(t).toHaveAccessibleDescription("We will get back to you as soon as possible"),n(s).toHaveTextContent("We will get back to you as soon as possible")})}},h={args:{required:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),s=a.getByTestId("label");await e("it should render correct label",async()=>{n(t).toHaveAccessibleName("Textarea"),n(s).toHaveTextContent("Textarea")}),await e("it should render required attribute",async()=>{n(t).toHaveAttribute("required")})}},b={args:{hideLabel:!0},play:async({canvas:a,step:e})=>{await e("it should render correct a11y label",async()=>{const t=a.getByTestId("input");n(t).toHaveAccessibleName("Textarea")})}},g={args:{error:"This is an error message"},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),s=a.getByTestId("error");await e("it should render the error message",async()=>{n(t).toHaveAccessibleErrorMessage("This is an error message"),n(s).toHaveTextContent("This is an error message")})}},m={args:{disabled:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input");await e("it should render the disabled input",async()=>{n(t).toHaveAttribute("disabled")})}},v={args:{readOnly:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input");await e("it should render the read only input",async()=>{n(t).toHaveAttribute("readonly")})}},x={parameters:{chromatic:{disableSnapshot:!0}},args:{label:"Your message",placeholder:"I have a question about ...",description:"We will get back to you as soon as possible"},argTypes:{label:{control:"text"},placeholder:{control:"text"},description:{control:"text"},error:{control:"text"},value:{control:"text"},defaultValue:{control:"text"},inputDataset:{control:"object"},dataset:{control:"object"},id:{control:"text"},required:{control:"boolean"},hideLabel:{control:"boolean"},name:{control:"text"},disabled:{control:"boolean"},readOnly:{control:"boolean"},resize:{control:"select"},rows:{control:"number"},maxLength:{control:"number"},autoComplete:{control:"select"},hasError:{table:{disable:!0}}}};var H,B,I,f,C;i.parameters={...i.parameters,docs:{...(H=i.parameters)==null?void 0:H.docs,source:{originalSource:`{
|
|
2
2
|
play: async ({
|
|
3
3
|
canvasElement,
|
|
4
4
|
step,
|
|
@@ -34,7 +34,7 @@ import{j as de}from"./jsx-runtime-BYouaCF_.js";import{e as pe}from"./index-B3evP
|
|
|
34
34
|
}
|
|
35
35
|
}`,...(I=(B=i.parameters)==null?void 0:B.docs)==null?void 0:I.source},description:{story:"An empty field with a `label` and a `placeholder`.",...(C=(f=i.parameters)==null?void 0:f.docs)==null?void 0:C.description}}};var z,A,S,V,W;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`{
|
|
36
36
|
render: function ControlledTextareaField(args) {
|
|
37
|
-
const [value, setValue] =
|
|
37
|
+
const [value, setValue] = useState(args.value);
|
|
38
38
|
return <TextareaField {...args} value={value} onChange={e => {
|
|
39
39
|
setValue(e.target.value);
|
|
40
40
|
args.onChange?.(e);
|
|
@@ -60,7 +60,7 @@ import{j as de}from"./jsx-runtime-BYouaCF_.js";import{e as pe}from"./index-B3evP
|
|
|
60
60
|
expect(input).toHaveValue('New controlled content');
|
|
61
61
|
});
|
|
62
62
|
}
|
|
63
|
-
}`,...(S=(A=c.parameters)==null?void 0:A.docs)==null?void 0:S.source},description:{story:"A controlled component where the value is managed by React state.",...(W=(V=c.parameters)==null?void 0:V.docs)==null?void 0:W.description}}};var E,k,
|
|
63
|
+
}`,...(S=(A=c.parameters)==null?void 0:A.docs)==null?void 0:S.source},description:{story:"A controlled component where the value is managed by React state.",...(W=(V=c.parameters)==null?void 0:V.docs)==null?void 0:W.description}}};var E,k,q;p.parameters={...p.parameters,docs:{...(E=p.parameters)==null?void 0:E.docs,source:{originalSource:`{
|
|
64
64
|
args: {
|
|
65
65
|
defaultValue: 'Hey, you!',
|
|
66
66
|
resize: 'both'
|
|
@@ -76,7 +76,7 @@ import{j as de}from"./jsx-runtime-BYouaCF_.js";import{e as pe}from"./index-B3evP
|
|
|
76
76
|
});
|
|
77
77
|
});
|
|
78
78
|
}
|
|
79
|
-
}`,...(
|
|
79
|
+
}`,...(q=(k=p.parameters)==null?void 0:k.docs)==null?void 0:q.source}}};var F,R,D;d.parameters={...d.parameters,docs:{...(F=d.parameters)==null?void 0:F.docs,source:{originalSource:`{
|
|
80
80
|
args: {
|
|
81
81
|
defaultValue: 'Hey, you!',
|
|
82
82
|
resize: 'vertical'
|
|
@@ -92,7 +92,7 @@ import{j as de}from"./jsx-runtime-BYouaCF_.js";import{e as pe}from"./index-B3evP
|
|
|
92
92
|
});
|
|
93
93
|
});
|
|
94
94
|
}
|
|
95
|
-
}`,...(D=(
|
|
95
|
+
}`,...(D=(R=d.parameters)==null?void 0:R.docs)==null?void 0:D.source}}};var N,O,L;u.parameters={...u.parameters,docs:{...(N=u.parameters)==null?void 0:N.docs,source:{originalSource:`{
|
|
96
96
|
args: {
|
|
97
97
|
defaultValue: 'Hey, you!',
|
|
98
98
|
resize: 'horizontal'
|
|
@@ -268,4 +268,4 @@ import{j as de}from"./jsx-runtime-BYouaCF_.js";import{e as pe}from"./index-B3evP
|
|
|
268
268
|
}
|
|
269
269
|
}
|
|
270
270
|
}
|
|
271
|
-
}`,...(le=(re=x.parameters)==null?void 0:re.docs)==null?void 0:le.source}}};const
|
|
271
|
+
}`,...(le=(re=x.parameters)==null?void 0:re.docs)==null?void 0:le.source}}};const Ae=["Basic","Controlled","WithResize","WithVerticalResize","WithHorizontalResize","WithDescription","Required","WithHiddenLabel","HasError","Disabled","ReadOnly","Playground"];export{i as Basic,c as Controlled,m as Disabled,g as HasError,x as Playground,v as ReadOnly,h as Required,y as WithDescription,b as WithHiddenLabel,u as WithHorizontalResize,p as WithResize,d as WithVerticalResize,Ae as __namedExportsOrder,ze as default};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{j as w}from"./jsx-runtime-BYouaCF_.js";import{r as h,e as o}from"./index-B3evPFBL.js";import{a as St,e as Ct,c as Ft,u as _e}from"./index-DDyIDR-R.js";import{a as Bt}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{F as Xe}from"./TokyoUIInfo-nHX2jpp7.js";import{v as Qe}from"./index-jEDObK_5.js";import{I as Ht}from"./Icon-ZIxauYsE.js";import{u as Ge}from"./index-BfBdt3zW.js";import{g as Je}from"./shared-strings-CcWGHelY.js";import{g as ta}from"./index-DdzHuZ-Y.js";import{w as ea}from"./componentNames-CpCJzpB9.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./index-C66nt8TK.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-CVTdrNe-.js";import"./defaults-B1rzzf6M.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";var aa=e=>{switch(e){case"success":return ra;case"info":return ia;case"warning":return na;case"error":return la;default:return null}},oa=Array(12).fill(0),sa=({visible:e,className:a})=>o.createElement("div",{className:["sonner-loading-wrapper",a].filter(Boolean).join(" "),"data-visible":e},o.createElement("div",{className:"sonner-spinner"},oa.map((s,r)=>o.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${r}`})))),ra=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),na=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),ia=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),la=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),da=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},o.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),o.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),ca=()=>{let[e,a]=o.useState(document.hidden);return o.useEffect(()=>{let s=()=>{a(document.hidden)};return document.addEventListener("visibilitychange",s),()=>window.removeEventListener("visibilitychange",s)},[]),e},Yt=1,ua=class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let a=this.subscribers.indexOf(e);this.subscribers.splice(a,1)}),this.publish=e=>{this.subscribers.forEach(a=>a(e))},this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]},this.create=e=>{var a;let{message:s,...r}=e,m=typeof(e==null?void 0:e.id)=="number"||((a=e.id)==null?void 0:a.length)>0?e.id:Yt++,b=this.toasts.find(x=>x.id===m),k=e.dismissible===void 0?!0:e.dismissible;return this.dismissedToasts.has(m)&&this.dismissedToasts.delete(m),b?this.toasts=this.toasts.map(x=>x.id===m?(this.publish({...x,...e,id:m,title:s}),{...x,...e,id:m,dismissible:k,title:s}):x):this.addToast({title:s,...r,dismissible:k,id:m}),m},this.dismiss=e=>(this.dismissedToasts.add(e),e||this.toasts.forEach(a=>{this.subscribers.forEach(s=>s({id:a.id,dismiss:!0}))}),this.subscribers.forEach(a=>a({id:e,dismiss:!0})),e),this.message=(e,a)=>this.create({...a,message:e}),this.error=(e,a)=>this.create({...a,message:e,type:"error"}),this.success=(e,a)=>this.create({...a,type:"success",message:e}),this.info=(e,a)=>this.create({...a,type:"info",message:e}),this.warning=(e,a)=>this.create({...a,type:"warning",message:e}),this.loading=(e,a)=>this.create({...a,type:"loading",message:e}),this.promise=(e,a)=>{if(!a)return;let s;a.loading!==void 0&&(s=this.create({...a,promise:e,type:"loading",message:a.loading,description:typeof a.description!="function"?a.description:void 0}));let r=e instanceof Promise?e:e(),m=s!==void 0,b,k=r.then(async l=>{if(b=["resolve",l],o.isValidElement(l))m=!1,this.create({id:s,type:"default",message:l});else if(fa(l)&&!l.ok){m=!1;let c=typeof a.error=="function"?await a.error(`HTTP error! status: ${l.status}`):a.error,E=typeof a.description=="function"?await a.description(`HTTP error! status: ${l.status}`):a.description;this.create({id:s,type:"error",message:c,description:E})}else if(a.success!==void 0){m=!1;let c=typeof a.success=="function"?await a.success(l):a.success,E=typeof a.description=="function"?await a.description(l):a.description;this.create({id:s,type:"success",message:c,description:E})}}).catch(async l=>{if(b=["reject",l],a.error!==void 0){m=!1;let c=typeof a.error=="function"?await a.error(l):a.error,E=typeof a.description=="function"?await a.description(l):a.description;this.create({id:s,type:"error",message:c,description:E})}}).finally(()=>{var l;m&&(this.dismiss(s),s=void 0),(l=a.finally)==null||l.call(a)}),x=()=>new Promise((l,c)=>k.then(()=>b[0]==="reject"?c(b[1]):l(b[1])).catch(c));return typeof s!="string"&&typeof s!="number"?{unwrap:x}:Object.assign(s,{unwrap:x})},this.custom=(e,a)=>{let s=(a==null?void 0:a.id)||Yt++;return this.create({jsx:e(s),id:s,...a}),s},this.getActiveToasts=()=>this.toasts.filter(e=>!this.dismissedToasts.has(e.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}},C=new ua,ma=(e,a)=>{let s=(a==null?void 0:a.id)||Yt++;return C.addToast({title:e,...a,id:s}),s},fa=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",pa=ma,ha=()=>C.toasts,ga=()=>C.getActiveToasts(),Ot=Object.assign(pa,{success:C.success,info:C.info,warning:C.warning,error:C.error,custom:C.custom,message:C.message,promise:C.promise,dismiss:C.dismiss,loading:C.loading},{getHistory:ha,getToasts:ga});function ya(e,{insertAt:a}={}){if(typeof document>"u")return;let s=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",a==="top"&&s.firstChild?s.insertBefore(r,s.firstChild):s.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}ya(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
|
|
1
|
+
import{j as w}from"./jsx-runtime-BTJTZTIL.js";import{r as h,e as o}from"./index-Cb9e4tly.js";import{a as St,e as Ct,c as Ft,u as _e}from"./index-Ctq3gFTp.js";import{a as Bt}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{F as Xe}from"./TokyoUIInfo-DbkQBubr.js";import{v as Qe}from"./index-BPrLDK9Y.js";import{I as Ht}from"./Icon-CsnSNslb.js";import{u as Ge}from"./index-DSVnVYmz.js";import{g as Je}from"./shared-strings-BzaHC9x5.js";import{g as ta}from"./index-DdzHuZ-Y.js";import{w as ea}from"./componentNames-NXEPEzbR.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./index-C7hTFOIV.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-BT0Aq7PA.js";import"./defaults-Clr6nbGc.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";var aa=e=>{switch(e){case"success":return ra;case"info":return ia;case"warning":return na;case"error":return la;default:return null}},oa=Array(12).fill(0),sa=({visible:e,className:a})=>o.createElement("div",{className:["sonner-loading-wrapper",a].filter(Boolean).join(" "),"data-visible":e},o.createElement("div",{className:"sonner-spinner"},oa.map((s,r)=>o.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${r}`})))),ra=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),na=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),ia=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),la=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),da=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},o.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),o.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),ca=()=>{let[e,a]=o.useState(document.hidden);return o.useEffect(()=>{let s=()=>{a(document.hidden)};return document.addEventListener("visibilitychange",s),()=>window.removeEventListener("visibilitychange",s)},[]),e},Yt=1,ua=class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let a=this.subscribers.indexOf(e);this.subscribers.splice(a,1)}),this.publish=e=>{this.subscribers.forEach(a=>a(e))},this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]},this.create=e=>{var a;let{message:s,...r}=e,m=typeof(e==null?void 0:e.id)=="number"||((a=e.id)==null?void 0:a.length)>0?e.id:Yt++,b=this.toasts.find(x=>x.id===m),k=e.dismissible===void 0?!0:e.dismissible;return this.dismissedToasts.has(m)&&this.dismissedToasts.delete(m),b?this.toasts=this.toasts.map(x=>x.id===m?(this.publish({...x,...e,id:m,title:s}),{...x,...e,id:m,dismissible:k,title:s}):x):this.addToast({title:s,...r,dismissible:k,id:m}),m},this.dismiss=e=>(this.dismissedToasts.add(e),e||this.toasts.forEach(a=>{this.subscribers.forEach(s=>s({id:a.id,dismiss:!0}))}),this.subscribers.forEach(a=>a({id:e,dismiss:!0})),e),this.message=(e,a)=>this.create({...a,message:e}),this.error=(e,a)=>this.create({...a,message:e,type:"error"}),this.success=(e,a)=>this.create({...a,type:"success",message:e}),this.info=(e,a)=>this.create({...a,type:"info",message:e}),this.warning=(e,a)=>this.create({...a,type:"warning",message:e}),this.loading=(e,a)=>this.create({...a,type:"loading",message:e}),this.promise=(e,a)=>{if(!a)return;let s;a.loading!==void 0&&(s=this.create({...a,promise:e,type:"loading",message:a.loading,description:typeof a.description!="function"?a.description:void 0}));let r=e instanceof Promise?e:e(),m=s!==void 0,b,k=r.then(async l=>{if(b=["resolve",l],o.isValidElement(l))m=!1,this.create({id:s,type:"default",message:l});else if(fa(l)&&!l.ok){m=!1;let c=typeof a.error=="function"?await a.error(`HTTP error! status: ${l.status}`):a.error,E=typeof a.description=="function"?await a.description(`HTTP error! status: ${l.status}`):a.description;this.create({id:s,type:"error",message:c,description:E})}else if(a.success!==void 0){m=!1;let c=typeof a.success=="function"?await a.success(l):a.success,E=typeof a.description=="function"?await a.description(l):a.description;this.create({id:s,type:"success",message:c,description:E})}}).catch(async l=>{if(b=["reject",l],a.error!==void 0){m=!1;let c=typeof a.error=="function"?await a.error(l):a.error,E=typeof a.description=="function"?await a.description(l):a.description;this.create({id:s,type:"error",message:c,description:E})}}).finally(()=>{var l;m&&(this.dismiss(s),s=void 0),(l=a.finally)==null||l.call(a)}),x=()=>new Promise((l,c)=>k.then(()=>b[0]==="reject"?c(b[1]):l(b[1])).catch(c));return typeof s!="string"&&typeof s!="number"?{unwrap:x}:Object.assign(s,{unwrap:x})},this.custom=(e,a)=>{let s=(a==null?void 0:a.id)||Yt++;return this.create({jsx:e(s),id:s,...a}),s},this.getActiveToasts=()=>this.toasts.filter(e=>!this.dismissedToasts.has(e.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}},C=new ua,ma=(e,a)=>{let s=(a==null?void 0:a.id)||Yt++;return C.addToast({title:e,...a,id:s}),s},fa=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",pa=ma,ha=()=>C.toasts,ga=()=>C.getActiveToasts(),Ot=Object.assign(pa,{success:C.success,info:C.info,warning:C.warning,error:C.error,custom:C.custom,message:C.message,promise:C.promise,dismiss:C.dismiss,loading:C.loading},{getHistory:ha,getToasts:ga});function ya(e,{insertAt:a}={}){if(typeof document>"u")return;let s=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",a==="top"&&s.firstChild?s.insertBefore(r,s.firstChild):s.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}ya(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
|
|
2
2
|
`);function yt(e){return e.label!==void 0}var va=3,wa="32px",ba="16px",Gt=4e3,xa=356,Ta=14,Ea=20,ka=200;function A(...e){return e.filter(Boolean).join(" ")}function Ia(e){let[a,s]=e.split("-"),r=[];return a&&r.push(a),s&&r.push(s),r}var Sa=e=>{var a,s,r,m,b,k,x,l,c,E,it;let{invert:Nt,toast:t,unstyled:jt,interacting:v,setHeights:L,visibleToasts:lt,heights:W,index:D,toasts:Pt,expanded:et,removeToast:j,defaultRichColors:at,closeButton:dt,style:ct,cancelButtonStyle:Mt,actionButtonStyle:ut,className:_="",descriptionClassName:mt="",duration:U,position:ft,gap:$,loadingIcon:z,expandByDefault:pt,classNames:i,icons:B,closeButtonAriaLabel:Rt="Close toast",pauseWhenPageIsHidden:u}=e,[f,g]=o.useState(null),[S,q]=o.useState(null),[y,At]=o.useState(!1),[ot,ht]=o.useState(!1),[st,Lt]=o.useState(!1),[Vt,ze]=o.useState(!1),[De,Wt]=o.useState(!1),[Oe,_t]=o.useState(0),[He,Ut]=o.useState(0),rt=o.useRef(t.duration||U||Gt),qt=o.useRef(null),F=o.useRef(null),Ye=D===0,$e=D+1<=lt,N=t.type,Z=t.dismissible!==!1,Fe=t.className||"",Ve=t.descriptionClassName||"",gt=o.useMemo(()=>W.findIndex(n=>n.toastId===t.id)||0,[W,t.id]),We=o.useMemo(()=>{var n;return(n=t.closeButton)!=null?n:dt},[t.closeButton,dt]),Zt=o.useMemo(()=>t.duration||U||Gt,[t.duration,U]),zt=o.useRef(0),K=o.useRef(0),Kt=o.useRef(0),X=o.useRef(null),[Ue,qe]=ft.split("-"),Xt=o.useMemo(()=>W.reduce((n,d,p)=>p>=gt?n:n+d.height,0),[W,gt]),Qt=ca(),Ze=t.invert||Nt,Dt=N==="loading";K.current=o.useMemo(()=>gt*$+Xt,[gt,Xt]),o.useEffect(()=>{rt.current=Zt},[Zt]),o.useEffect(()=>{At(!0)},[]),o.useEffect(()=>{let n=F.current;if(n){let d=n.getBoundingClientRect().height;return Ut(d),L(p=>[{toastId:t.id,height:d,position:t.position},...p]),()=>L(p=>p.filter(P=>P.toastId!==t.id))}},[L,t.id]),o.useLayoutEffect(()=>{if(!y)return;let n=F.current,d=n.style.height;n.style.height="auto";let p=n.getBoundingClientRect().height;n.style.height=d,Ut(p),L(P=>P.find(M=>M.toastId===t.id)?P.map(M=>M.toastId===t.id?{...M,height:p}:M):[{toastId:t.id,height:p,position:t.position},...P])},[y,t.title,t.description,L,t.id]);let O=o.useCallback(()=>{ht(!0),_t(K.current),L(n=>n.filter(d=>d.toastId!==t.id)),setTimeout(()=>{j(t)},ka)},[t,j,L,K]);o.useEffect(()=>{if(t.promise&&N==="loading"||t.duration===1/0||t.type==="loading")return;let n;return et||v||u&&Qt?(()=>{if(Kt.current<zt.current){let d=new Date().getTime()-zt.current;rt.current=rt.current-d}Kt.current=new Date().getTime()})():rt.current!==1/0&&(zt.current=new Date().getTime(),n=setTimeout(()=>{var d;(d=t.onAutoClose)==null||d.call(t,t),O()},rt.current)),()=>clearTimeout(n)},[et,v,t,N,u,Qt,O]),o.useEffect(()=>{t.delete&&O()},[O,t.delete]);function Ke(){var n,d,p;return B!=null&&B.loading?o.createElement("div",{className:A(i==null?void 0:i.loader,(n=t==null?void 0:t.classNames)==null?void 0:n.loader,"sonner-loader"),"data-visible":N==="loading"},B.loading):z?o.createElement("div",{className:A(i==null?void 0:i.loader,(d=t==null?void 0:t.classNames)==null?void 0:d.loader,"sonner-loader"),"data-visible":N==="loading"},z):o.createElement(sa,{className:A(i==null?void 0:i.loader,(p=t==null?void 0:t.classNames)==null?void 0:p.loader),visible:N==="loading"})}return o.createElement("li",{tabIndex:0,ref:F,className:A(_,Fe,i==null?void 0:i.toast,(a=t==null?void 0:t.classNames)==null?void 0:a.toast,i==null?void 0:i.default,i==null?void 0:i[N],(s=t==null?void 0:t.classNames)==null?void 0:s[N]),"data-sonner-toast":"","data-rich-colors":(r=t.richColors)!=null?r:at,"data-styled":!(t.jsx||t.unstyled||jt),"data-mounted":y,"data-promise":!!t.promise,"data-swiped":De,"data-removed":ot,"data-visible":$e,"data-y-position":Ue,"data-x-position":qe,"data-index":D,"data-front":Ye,"data-swiping":st,"data-dismissible":Z,"data-type":N,"data-invert":Ze,"data-swipe-out":Vt,"data-swipe-direction":S,"data-expanded":!!(et||pt&&y),style:{"--index":D,"--toasts-before":D,"--z-index":Pt.length-D,"--offset":`${ot?Oe:K.current}px`,"--initial-height":pt?"auto":`${He}px`,...ct,...t.style},onDragEnd:()=>{Lt(!1),g(null),X.current=null},onPointerDown:n=>{Dt||!Z||(qt.current=new Date,_t(K.current),n.target.setPointerCapture(n.pointerId),n.target.tagName!=="BUTTON"&&(Lt(!0),X.current={x:n.clientX,y:n.clientY}))},onPointerUp:()=>{var n,d,p,P;if(Vt||!Z)return;X.current=null;let M=Number(((n=F.current)==null?void 0:n.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),H=Number(((d=F.current)==null?void 0:d.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),V=new Date().getTime()-((p=qt.current)==null?void 0:p.getTime()),R=f==="x"?M:H,Y=Math.abs(R)/V;if(Math.abs(R)>=Ea||Y>.11){_t(K.current),(P=t.onDismiss)==null||P.call(t,t),q(f==="x"?M>0?"right":"left":H>0?"down":"up"),O(),ze(!0),Wt(!1);return}Lt(!1),g(null)},onPointerMove:n=>{var d,p,P,M;if(!X.current||!Z||((d=window.getSelection())==null?void 0:d.toString().length)>0)return;let H=n.clientY-X.current.y,V=n.clientX-X.current.x,R=(p=e.swipeDirections)!=null?p:Ia(ft);!f&&(Math.abs(V)>1||Math.abs(H)>1)&&g(Math.abs(V)>Math.abs(H)?"x":"y");let Y={x:0,y:0};f==="y"?(R.includes("top")||R.includes("bottom"))&&(R.includes("top")&&H<0||R.includes("bottom")&&H>0)&&(Y.y=H):f==="x"&&(R.includes("left")||R.includes("right"))&&(R.includes("left")&&V<0||R.includes("right")&&V>0)&&(Y.x=V),(Math.abs(Y.x)>0||Math.abs(Y.y)>0)&&Wt(!0),(P=F.current)==null||P.style.setProperty("--swipe-amount-x",`${Y.x}px`),(M=F.current)==null||M.style.setProperty("--swipe-amount-y",`${Y.y}px`)}},We&&!t.jsx?o.createElement("button",{"aria-label":Rt,"data-disabled":Dt,"data-close-button":!0,onClick:Dt||!Z?()=>{}:()=>{var n;O(),(n=t.onDismiss)==null||n.call(t,t)},className:A(i==null?void 0:i.closeButton,(m=t==null?void 0:t.classNames)==null?void 0:m.closeButton)},(b=B==null?void 0:B.close)!=null?b:da):null,t.jsx||h.isValidElement(t.title)?t.jsx?t.jsx:typeof t.title=="function"?t.title():t.title:o.createElement(o.Fragment,null,N||t.icon||t.promise?o.createElement("div",{"data-icon":"",className:A(i==null?void 0:i.icon,(k=t==null?void 0:t.classNames)==null?void 0:k.icon)},t.promise||t.type==="loading"&&!t.icon?t.icon||Ke():null,t.type!=="loading"?t.icon||(B==null?void 0:B[N])||aa(N):null):null,o.createElement("div",{"data-content":"",className:A(i==null?void 0:i.content,(x=t==null?void 0:t.classNames)==null?void 0:x.content)},o.createElement("div",{"data-title":"",className:A(i==null?void 0:i.title,(l=t==null?void 0:t.classNames)==null?void 0:l.title)},typeof t.title=="function"?t.title():t.title),t.description?o.createElement("div",{"data-description":"",className:A(mt,Ve,i==null?void 0:i.description,(c=t==null?void 0:t.classNames)==null?void 0:c.description)},typeof t.description=="function"?t.description():t.description):null),h.isValidElement(t.cancel)?t.cancel:t.cancel&&yt(t.cancel)?o.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||Mt,onClick:n=>{var d,p;yt(t.cancel)&&Z&&((p=(d=t.cancel).onClick)==null||p.call(d,n),O())},className:A(i==null?void 0:i.cancelButton,(E=t==null?void 0:t.classNames)==null?void 0:E.cancelButton)},t.cancel.label):null,h.isValidElement(t.action)?t.action:t.action&&yt(t.action)?o.createElement("button",{"data-button":!0,"data-action":!0,style:t.actionButtonStyle||ut,onClick:n=>{var d,p;yt(t.action)&&((p=(d=t.action).onClick)==null||p.call(d,n),!n.defaultPrevented&&O())},className:A(i==null?void 0:i.actionButton,(it=t==null?void 0:t.classNames)==null?void 0:it.actionButton)},t.action.label):null))};function Jt(){if(typeof window>"u"||typeof document>"u")return"ltr";let e=document.documentElement.getAttribute("dir");return e==="auto"||!e?window.getComputedStyle(document.documentElement).direction:e}function Ca(e,a){let s={};return[e,a].forEach((r,m)=>{let b=m===1,k=b?"--mobile-offset":"--offset",x=b?ba:wa;function l(c){["top","right","bottom","left"].forEach(E=>{s[`${k}-${E}`]=typeof c=="number"?`${c}px`:c})}typeof r=="number"||typeof r=="string"?l(r):typeof r=="object"?["top","right","bottom","left"].forEach(c=>{r[c]===void 0?s[`${k}-${c}`]=x:s[`${k}-${c}`]=typeof r[c]=="number"?`${r[c]}px`:r[c]}):l(x)}),s}var Ba=h.forwardRef(function(e,a){let{invert:s,position:r="bottom-right",hotkey:m=["altKey","KeyT"],expand:b,closeButton:k,className:x,offset:l,mobileOffset:c,theme:E="light",richColors:it,duration:Nt,style:t,visibleToasts:jt=va,toastOptions:v,dir:L=Jt(),gap:lt=Ta,loadingIcon:W,icons:D,containerAriaLabel:Pt="Notifications",pauseWhenPageIsHidden:et}=e,[j,at]=o.useState([]),dt=o.useMemo(()=>Array.from(new Set([r].concat(j.filter(u=>u.position).map(u=>u.position)))),[j,r]),[ct,Mt]=o.useState([]),[ut,_]=o.useState(!1),[mt,U]=o.useState(!1),[ft,$]=o.useState(E!=="system"?E:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),z=o.useRef(null),pt=m.join("+").replace(/Key/g,"").replace(/Digit/g,""),i=o.useRef(null),B=o.useRef(!1),Rt=o.useCallback(u=>{at(f=>{var g;return(g=f.find(S=>S.id===u.id))!=null&&g.delete||C.dismiss(u.id),f.filter(({id:S})=>S!==u.id)})},[]);return o.useEffect(()=>C.subscribe(u=>{if(u.dismiss){at(f=>f.map(g=>g.id===u.id?{...g,delete:!0}:g));return}setTimeout(()=>{Qe.flushSync(()=>{at(f=>{let g=f.findIndex(S=>S.id===u.id);return g!==-1?[...f.slice(0,g),{...f[g],...u},...f.slice(g+1)]:[u,...f]})})})}),[]),o.useEffect(()=>{if(E!=="system"){$(E);return}if(E==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?$("dark"):$("light")),typeof window>"u")return;let u=window.matchMedia("(prefers-color-scheme: dark)");try{u.addEventListener("change",({matches:f})=>{$(f?"dark":"light")})}catch{u.addListener(({matches:g})=>{try{$(g?"dark":"light")}catch(S){console.error(S)}})}},[E]),o.useEffect(()=>{j.length<=1&&_(!1)},[j]),o.useEffect(()=>{let u=f=>{var g,S;m.every(q=>f[q]||f.code===q)&&(_(!0),(g=z.current)==null||g.focus()),f.code==="Escape"&&(document.activeElement===z.current||(S=z.current)!=null&&S.contains(document.activeElement))&&_(!1)};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[m]),o.useEffect(()=>{if(z.current)return()=>{i.current&&(i.current.focus({preventScroll:!0}),i.current=null,B.current=!1)}},[z.current]),o.createElement("section",{ref:a,"aria-label":`${Pt} ${pt}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},dt.map((u,f)=>{var g;let[S,q]=u.split("-");return j.length?o.createElement("ol",{key:u,dir:L==="auto"?Jt():L,tabIndex:-1,ref:z,className:x,"data-sonner-toaster":!0,"data-theme":ft,"data-y-position":S,"data-lifted":ut&&j.length>1&&!b,"data-x-position":q,style:{"--front-toast-height":`${((g=ct[0])==null?void 0:g.height)||0}px`,"--width":`${xa}px`,"--gap":`${lt}px`,...t,...Ca(l,c)},onBlur:y=>{B.current&&!y.currentTarget.contains(y.relatedTarget)&&(B.current=!1,i.current&&(i.current.focus({preventScroll:!0}),i.current=null))},onFocus:y=>{y.target instanceof HTMLElement&&y.target.dataset.dismissible==="false"||B.current||(B.current=!0,i.current=y.relatedTarget)},onMouseEnter:()=>_(!0),onMouseMove:()=>_(!0),onMouseLeave:()=>{mt||_(!1)},onDragEnd:()=>_(!1),onPointerDown:y=>{y.target instanceof HTMLElement&&y.target.dataset.dismissible==="false"||U(!0)},onPointerUp:()=>U(!1)},j.filter(y=>!y.position&&f===0||y.position===u).map((y,At)=>{var ot,ht;return o.createElement(Sa,{key:y.id,icons:D,index:At,toast:y,defaultRichColors:it,duration:(ot=v==null?void 0:v.duration)!=null?ot:Nt,className:v==null?void 0:v.className,descriptionClassName:v==null?void 0:v.descriptionClassName,invert:s,visibleToasts:jt,closeButton:(ht=v==null?void 0:v.closeButton)!=null?ht:k,interacting:mt,position:u,style:v==null?void 0:v.style,unstyled:v==null?void 0:v.unstyled,classNames:v==null?void 0:v.classNames,cancelButtonStyle:v==null?void 0:v.cancelButtonStyle,actionButtonStyle:v==null?void 0:v.actionButtonStyle,removeToast:Rt,toasts:j.filter(st=>st.position==y.position),heights:ct.filter(st=>st.position==y.position),setHeights:Mt,expandByDefault:b,gap:lt,loadingIcon:W,expanded:ut,pauseWhenPageIsHidden:et,swipeDirections:e.swipeDirections})})):null}))});const Na="toast__rrrPf",ja="title__-TzC1",Pa="critical__hLeFT",Ma="actionButton__AZgQr",Ra="closeButton__vFfaI",Q={toast:Na,title:ja,critical:Pa,actionButton:Ma,closeButton:Ra},Aa=({title:e,titleId:a,...s},r)=>h.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:r,"aria-labelledby":a,...s},e?h.createElement("title",{id:a},e):null,h.createElement("path",{fillRule:"evenodd",d:"M7.044 5.63 5.63 7.044l4.95 4.95-4.95 4.95 1.414 1.414 4.95-4.95 4.95 4.95 1.414-1.414-4.95-4.95 4.95-4.95-1.414-1.414-4.95 4.95-4.95-4.95Z",clipRule:"evenodd"})),La=h.forwardRef(Aa),_a=({title:e,titleId:a,...s},r)=>h.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:r,"aria-labelledby":a,...s},e?h.createElement("title",{id:a},e):null,h.createElement("path",{fillRule:"evenodd",d:"M15.728 3H8.272L3 8.272v7.456L8.272 21h7.456L21 15.728V8.272L15.728 3ZM10.98 8.04l.144 5.532h1.788l.144-5.532H10.98Zm.264 8.268c.216.216.476.324.78.324.296 0 .552-.108.768-.324a1.09 1.09 0 0 0 0-1.548 1.031 1.031 0 0 0-.768-.336c-.304 0-.564.112-.78.336a1.09 1.09 0 0 0 0 1.548Z",clipRule:"evenodd"})),za=h.forwardRef(_a),I=({duration:e=5e3})=>w.jsx(Ba,{position:"top-right",duration:e,visibleToasts:3}),$t=I.bind(null,{duration:5e3}),Da=({onClick:e})=>{const{formatMessage:a}=Ge();return w.jsx("button",{onClick:e,className:Q.closeButton,"aria-label":a(Je.close),children:w.jsx(Ht,{svg:La})})};function T(e,a){const{variant:s="info",leadingSvgIcon:r,actionLabel:m,actionOnClick:b,actionHref:k,dataset:x}=a??{},l=k?"a":"button";return Ot.custom(c=>w.jsxs("div",{style:{display:"contents"},...ta(x,{preplyDsComponent:ea.Toast}),children:[s==="critical"?w.jsx(Ht,{svg:za}):r&&w.jsx(Ht,{svg:r}),w.jsx("span",{className:Q.title,children:e}),w.jsx(Da,{onClick:()=>Ot.dismiss(c)}),m&&w.jsx(l,{className:Q.actionButton,onClick:()=>{Ot.dismiss(c),b==null||b()},href:k,children:m})]}),{classNames:{toast:s==="critical"?`${Q.toast} ${Q.critical}`:Q.toast}})}try{T.displayName="showToast",T.__docgenInfo={description:"`showToast` creates and appends a toast notification instance to your\napplication's `ToastProvider`.",displayName:"showToast",props:{}}}catch{}try{I.displayName="InternalToastProvider",I.__docgenInfo={description:`An internal primitive used for testing.
|
|
3
3
|
This should not be exported to consumers.`,displayName:"InternalToastProvider",props:{duration:{defaultValue:{value:"5000"},description:`Time in milliseconds that should elapse before automatically closing
|
|
4
|
-
the toast.`,name:"duration",required:!1,type:{name:"enum",value:[{value:"number"}]}}}}}catch{}try{$t.displayName="ToastProvider",$t.__docgenInfo={description:"Toasts can be triggered via the `showToast` function, and are rendered\nonto a root `Toaster` component, which is typically placed somewhere high\nup in an application tree.",displayName:"ToastProvider",props:{}}}catch{}const
|
|
4
|
+
the toast.`,name:"duration",required:!1,type:{name:"enum",value:[{value:"number"}]}}}}}catch{}try{$t.displayName="ToastProvider",$t.__docgenInfo={description:"Toasts can be triggered via the `showToast` function, and are rendered\nonto a root `Toaster` component, which is typically placed somewhere high\nup in an application tree.",displayName:"ToastProvider",props:{}}}catch{}const io={title:"Components/Toast",component:$t,parameters:{docs:{story:{inline:!1,iframeHeight:200}},chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-s":{viewport:"medium-s"}}},a11y:{config:{rules:[{id:"color-contrast",enabled:!1}]}}},argTypes:{message:{description:"The toast title.",type:"string",table:{category:"showToast()"}},variant:{description:"The toast severity variant. This affects the toast colors.",options:["info","critical"],table:{category:"showToast()",defaultValue:{summary:"info"}}},leadingSvgIcon:{description:"The toast icon.",table:{category:"showToast()",defaultValue:{summary:"undefined | critical.svg",detail:"If the toast variant is `critical`, the `critical` icon is used."}}},actionLabel:{description:"The optional toast action's label.",type:"string",table:{category:"showToast()"}},actionOnClick:{description:"The optional toast action's click handler.",type:"function",table:{category:"showToast()"}},actionHref:{description:"The optional toast action's `href`.\nWhen this is provided, an `<a>` tag is used for the action, otherwise, a `<button>` is used instead.\n",type:"string",table:{category:"showToast()"}}}},vt=()=>(h.useEffect(()=>{T("This is a toast")},[]),w.jsx(I,{duration:1/0})),G=()=>(h.useEffect(()=>{T("This is a toast",{dataset:{testid:"toast"}})},[]),w.jsx(I,{duration:500}));G.tags=["!autodocs"];G.play=async({step:e,canvas:a})=>{await e("wait for toast",()=>St(()=>{const s=a.queryByTestId("toast");return Ct(s).toBeInTheDocument()})),await e("check toast is dismissed automatically",()=>{const s=a.getByTestId("toast");return Ft(s)})};const J=()=>(h.useEffect(()=>{T("This is a toast",{dataset:{testid:"toast"}})},[]),w.jsx(I,{duration:1/0}));J.tags=["!autodocs"];J.play=async({step:e,canvas:a})=>{await e("wait for toast",()=>St(()=>{const s=a.queryByTestId("toast");return Ct(s).toBeInTheDocument()})),await e("check toast is dismissed on close button click",async()=>{const s=a.getByTestId("toast");return a.getByRole("button").click(),Ft(s)})};const wt=()=>(h.useEffect(()=>{T("This is a toast",{actionLabel:"Action",actionOnClick:Bt("actionOnClick")})},[]),w.jsx(I,{duration:1/0})),tt=()=>(h.useEffect(()=>{T("This is a toast",{dataset:{testid:"toast"},actionLabel:"Action",actionOnClick:Bt("actionOnClick")})},[]),w.jsx(I,{duration:1/0}));tt.tags=["!autodocs"];tt.play=async({canvas:e,step:a})=>{await a("wait for toast",()=>St(()=>{const s=e.queryByTestId("toast");return Ct(s).toBeInTheDocument()})),await a("check toast is dismissed on action button click",async()=>{const s=e.getByTestId("toast"),r=e.getByText("Action");return await _e.click(r),Ft(s)})};const bt=()=>(h.useEffect(()=>{T("This is a toast",{actionLabel:"Action",actionOnClick:Bt("actionOnClick"),actionHref:"#"})},[]),w.jsx(I,{duration:1/0})),xt=()=>(h.useEffect(()=>{T("This is a toast",{leadingSvgIcon:Xe})},[]),w.jsx(I,{duration:1/0})),Tt=()=>(h.useEffect(()=>{T("This is a critical toast",{variant:"critical"})},[]),w.jsx(I,{duration:1/0})),Et=()=>(h.useEffect(()=>{T("This is a critical toast",{variant:"critical",actionLabel:"Action",actionOnClick:Bt("actionOnClick")})},[]),w.jsx(I,{duration:1/0})),kt=()=>(h.useEffect(()=>{T("This is toast 1"),T("This is toast 2"),T("This is toast 3")},[]),w.jsx(I,{duration:1/0})),nt=()=>(h.useEffect(()=>{T("This is toast 1"),T("This is toast 2"),T("This is toast 3",{dataset:{testid:"toast3"}})},[]),w.jsx(I,{duration:1/0}));nt.play=async({canvas:e,canvasElement:a,step:s})=>{await s("wait for toast 3",()=>St(()=>{const r=e.queryByTestId("toast3");Ct(r).toBeInTheDocument()})),await s("Use global toast area shortcut",async()=>{a.focus(),await _e.keyboard("{Alt>}T")})};const It=()=>(h.useEffect(()=>{T("What happens if the message is really really really really reeaaaaaaaallyyyyyyy looooooooooong")},[]),w.jsx(I,{duration:1/0}));var te,ee,ae;vt.parameters={...vt.parameters,docs:{...(te=vt.parameters)==null?void 0:te.docs,source:{originalSource:`() => {
|
|
5
5
|
useEffect(() => {
|
|
6
6
|
showToast('This is a toast');
|
|
7
7
|
}, []);
|
|
@@ -98,4 +98,4 @@ the toast.`,name:"duration",required:!1,type:{name:"enum",value:[{value:"number"
|
|
|
98
98
|
showToast('What happens if the message is really really really really reeaaaaaaaallyyyyyyy looooooooooong');
|
|
99
99
|
}, []);
|
|
100
100
|
return <ToastProvider duration={Infinity} />;
|
|
101
|
-
}`,...(Le=(Ae=It.parameters)==null?void 0:Ae.docs)==null?void 0:Le.source}}};const
|
|
101
|
+
}`,...(Le=(Ae=It.parameters)==null?void 0:Ae.docs)==null?void 0:Le.source}}};const lo=["Toast","TestTimer","TestClose","Action","TestActionClose","ActionLink","Icon","Critical","CriticalWithAction","Stack","TestStackExpand","LongMessage"];export{wt as Action,bt as ActionLink,Tt as Critical,Et as CriticalWithAction,xt as Icon,It as LongMessage,kt as Stack,tt as TestActionClose,J as TestClose,nt as TestStackExpand,G as TestTimer,vt as Toast,lo as __namedExportsOrder,io as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./index-
|
|
1
|
+
import{r as e}from"./index-Cb9e4tly.js";const r=({title:a,titleId:l,...o},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":l,...o},a?e.createElement("title",{id:l},a):null,e.createElement("path",{fillRule:"evenodd",d:"M12.879 4.121a3 3 0 0 1 4.242 0l1.061 1.061.354.354.707.707a3 3 0 0 1 0 4.242l-.707.707-4.243 4.243-.707.707a2 2 0 0 1-2.829 0l-1.06-1.06a2 2 0 0 1 0-2.829l4.95-4.95 1.414 1.415-4.95 4.95 1.06 1.06.708-.707 4.242-4.243.707-.707a1 1 0 0 0 0-1.414l-.707-.707-.353-.354-1.06-1.06a1 1 0 0 0-1.415 0l-7.071 7.07a2 2 0 0 0 0 2.829l3.182 3.182a2 2 0 0 0 2.828 0l4.243-4.243 1.414 1.415-4.243 4.242a4 4 0 0 1-5.656 0L5.808 16.85a4 4 0 0 1 0-5.657l7.07-7.07Z",clipRule:"evenodd"})),c=e.forwardRef(r);export{c as F};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./index-
|
|
1
|
+
import{r as e}from"./index-Cb9e4tly.js";const a=({title:o,titleId:l,...r},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":l,...r},o?e.createElement("title",{id:l},o):null,e.createElement("path",{fillRule:"evenodd",d:"M7.044 5.63 5.63 7.044l4.95 4.95-4.95 4.95 1.414 1.414 4.95-4.95 4.95 4.95 1.414-1.414-4.95-4.95 4.95-4.95-1.414-1.414-4.95 4.95-4.95-4.95Z",clipRule:"evenodd"})),d=e.forwardRef(a);export{d as F};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e}from"./index-Cb9e4tly.js";const n=({title:l,titleId:a,...o},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":a,...o},l?e.createElement("title",{id:a},l):null,e.createElement("path",{fillRule:"evenodd",d:"M11 6h2v3h-2V6Zm-4.917 9H2v2h20v-2h-4.083a6.002 6.002 0 0 0-11.834 0Zm9.791 0a4.002 4.002 0 0 0-7.748 0h7.748Zm2.49-6.778 1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121Zm-12.728 0L4.222 9.636l2.121 2.121 1.414-1.414-2.121-2.121Z",clipRule:"evenodd"})),m=e.forwardRef(n),r=({title:l,titleId:a,...o},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":a,...o},l?e.createElement("title",{id:a},l):null,e.createElement("path",{fillRule:"evenodd",d:"M11 2h2v3h-2V2Zm0 20v-3h2v3h-2ZM2 11v2h3v-2H2Zm20 2h-3v-2h3v2Zm-2.222-7.364-1.414-1.414-2.121 2.121 1.414 1.414 2.121-2.12ZM6.343 16.243l1.414 1.414-2.12 2.121-1.415-1.414 2.121-2.121ZM5.636 4.222 4.222 5.636l2.121 2.121 1.414-1.414-2.121-2.121Zm10.607 13.435 1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121ZM16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm2 0a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z",clipRule:"evenodd"})),s=e.forwardRef(r),v=({title:l,titleId:a,...o},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":a,...o},l?e.createElement("title",{id:a},l):null,e.createElement("path",{fillRule:"evenodd",d:"M8.614 6.386 7.5 3 6.386 6.386 3 7.5l3.386 1.114L7.5 12l1.114-3.386L12 7.5 8.614 6.386ZM5 13.478c.058.964.289 1.838.655 2.72a.475.475 0 0 0 .035.093 8.026 8.026 0 0 0 7.317 4.724 8.007 8.007 0 0 0 3.284-15.313l-.005-.01A7.963 7.963 0 0 0 13.478 5 6.005 6.005 0 0 1 5 13.478ZM17 9a8 8 0 0 1-8 8c-.152 0-.317-.007-.49-.02l.006.006a6 6 0 1 0 8.47-8.469c.01.16.014.32.014.483Z",clipRule:"evenodd"})),w=e.forwardRef(v),c=({title:l,titleId:a,...o},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":a,...o},l?e.createElement("title",{id:a},l):null,e.createElement("path",{fillRule:"evenodd",d:"M8 6.675V7.9h3.927V6.675H9.694l2.254-2.45V3H8.021v1.225h2.233L8 6.675Zm-2.345 9.523c-.366-.882-.597-1.756-.655-2.72A6.005 6.005 0 0 0 13.478 5c.996.06 1.943.301 2.808.692l.005.01a8.009 8.009 0 0 1-3.284 15.313A8.026 8.026 0 0 1 5.69 16.29a.477.477 0 0 1-.035-.093ZM9 17a8 8 0 0 0 7.986-8.483 6 6 0 1 1-8.47 8.469l-.006-.007c.173.014.338.021.49.021Zm-6-5.1v-1.225l2.254-2.45H3.021V7h3.927v1.225l-2.254 2.45h2.233V11.9H3Z",clipRule:"evenodd"})),h=e.forwardRef(c),d=({title:l,titleId:a,...o},t)=>e.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:t,"aria-labelledby":a,...o},l?e.createElement("title",{id:a},l):null,e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 12a7 7 0 1 1-14 0 7 7 0 0 1 14 0m2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0M11 9H8v3h3zm2 0h3v3h-3zm-1 4c-.965 0-1.89.318-2.64.768-.739.443-1.397 1.07-1.754 1.785l1.788.894c.143-.285.485-.658.995-.964C10.89 15.182 11.466 15 12 15s1.11.182 1.61.482c.511.307.853.68.996.965l1.788-.894c-.357-.715-1.015-1.342-1.754-1.786C13.89 13.319 12.965 13 12 13"})),p=e.forwardRef(d);export{p as F,m as a,s as b,w as c,h as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./index-
|
|
1
|
+
import{r as e}from"./index-Cb9e4tly.js";const l=({title:o,titleId:r,...a},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":r,...a},o?e.createElement("title",{id:r},o):null,e.createElement("path",{fillRule:"evenodd",d:"m12 16-6-5.61L7.487 9 12 13.22 16.513 9 18 10.39 12 16Z",clipRule:"evenodd"})),d=e.forwardRef(l);export{d as F};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./index-
|
|
1
|
+
import{r as e}from"./index-Cb9e4tly.js";const t=({title:a,titleId:l,...o},r)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:r,"aria-labelledby":l,...o},a?e.createElement("title",{id:l},a):null,e.createElement("path",{fillRule:"evenodd",d:"M3 5.414 4.414 4l14.85 14.85-1.415 1.413-1.936-1.935a9.695 9.695 0 0 1-3.913.806c-7 0-10-7-10-7s1.036-2.416 3.31-4.41L3 5.414Zm9.538 9.538 1.824 1.824a7.789 7.789 0 0 1-2.362.358c-2.764 0-4.77-1.364-6.16-2.86a12.39 12.39 0 0 1-1.543-2.069l-.042-.07.042-.072c.337-.566.85-1.32 1.544-2.068.271-.293.567-.58.886-.853l2.321 2.32a3 3 0 0 0 3.49 3.49Zm5.793-.868a12.455 12.455 0 0 0 1.372-1.879l.042-.07-.042-.072a12.39 12.39 0 0 0-1.544-2.068C16.77 8.5 14.764 7.135 12 7.135c-.203 0-.402.007-.597.02L9.658 5.412A9.869 9.869 0 0 1 12 5.134c7 0 10 7 10 7s-.712 1.662-2.253 3.367l-1.416-1.417ZM3.836 12.927v.002-.002Z",clipRule:"evenodd"})),d=e.forwardRef(t),c=({title:a,titleId:l,...o},r)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:r,"aria-labelledby":l,...o},a?e.createElement("title",{id:l},a):null,e.createElement("path",{fillRule:"evenodd",d:"M12 19c-7 0-10-7-10-7s3-7 10-7 10 7 10 7-3 7-10 7Zm-8.164-6.207v.002-.002Zm.46-.864L4.256 12l.042.07c.337.568.85 1.322 1.544 2.07C7.23 15.635 9.236 17 12 17s4.77-1.364 6.16-2.86a12.39 12.39 0 0 0 1.543-2.07l.042-.07-.042-.07a12.39 12.39 0 0 0-1.544-2.07C16.77 8.365 14.764 7 12 7S7.23 8.364 5.84 9.86a12.386 12.386 0 0 0-1.543 2.07ZM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z",clipRule:"evenodd"})),s=e.forwardRef(c);export{d as F,s as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./index-
|
|
1
|
+
import{r as e}from"./index-Cb9e4tly.js";const t=({title:a,titleId:o,...l},r)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:r,"aria-labelledby":o,...l},a?e.createElement("title",{id:o},a):null,e.createElement("path",{fillRule:"evenodd",d:"M12.899 5.94a4.913 4.913 0 1 1 6.835 7.058l-7.736 7.252-7.735-7.252a4.913 4.913 0 1 1 6.835-7.059l.9.9.901-.9Zm5.534 1.413a2.913 2.913 0 0 0-4.12 0l-2.315 2.315-2.315-2.315a2.913 2.913 0 1 0-4.052 4.186l6.367 5.97 6.368-5.97a2.913 2.913 0 0 0 .067-4.186Z",clipRule:"evenodd"})),d=e.forwardRef(t);export{d as F};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./index-
|
|
1
|
+
import{r as e}from"./index-Cb9e4tly.js";const l=({title:o,titleId:a,...r},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":a,...r},o?e.createElement("title",{id:a},o):null,e.createElement("path",{fillRule:"evenodd",d:"M12 19a7 7 0 1 1 0-14 7 7 0 0 1 0 14Zm-9-7a9 9 0 1 1 18 0 9 9 0 0 1-18 0Zm8.062-2v6h1.872v-6h-1.872Zm.192-1.08c.216.208.464.312.744.312.288 0 .536-.104.744-.312.208-.216.312-.464.312-.744a.99.99 0 0 0-.312-.744 1.016 1.016 0 0 0-.744-.312c-.28 0-.528.104-.744.312a.99.99 0 0 0-.312.744c0 .28.104.528.312.744Z",clipRule:"evenodd"})),c=e.forwardRef(l);export{c as F};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./index-
|
|
1
|
+
import{r as e}from"./index-Cb9e4tly.js";const l=({title:a,titleId:o,...r},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":o,...r},a?e.createElement("title",{id:o},a):null,e.createElement("path",{fillRule:"evenodd",d:"M5.674 15a6.951 6.951 0 0 1-.603-2H11v2H5.674ZM7.1 17A6.98 6.98 0 0 0 11 18.93V17H7.101ZM13 17v1.93A6.98 6.98 0 0 0 16.899 17H13Zm5.326-2a6.952 6.952 0 0 0 .603-2H13v2h5.326ZM13 11h5.93a6.952 6.952 0 0 0-.604-2H13v2Zm3.899-4H13V5.07A6.98 6.98 0 0 1 16.899 7ZM7.101 7H11V5.07A6.98 6.98 0 0 0 7.101 7ZM11 9H5.674a6.951 6.951 0 0 0-.603 2H11V9Zm1-6a9 9 0 1 0 0 18 9 9 0 0 0 0-18Z",clipRule:"evenodd"})),v=e.forwardRef(l);export{v as F};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./index-
|
|
1
|
+
import{r as e}from"./index-Cb9e4tly.js";const l=({title:o,titleId:r,...a},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":r,...a},o?e.createElement("title",{id:r},o):null,e.createElement("path",{fillRule:"evenodd",d:"M15 11V8a3 3 0 1 0-6 0v3h6ZM7 8v3H4v10h16V11h-3V8A5 5 0 0 0 7 8Zm-1 5h12v6H6v-6Zm8 4v-2h-4v2h4Z",clipRule:"evenodd"})),n=e.forwardRef(l);export{n as F};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./index-
|
|
1
|
+
import{r as e}from"./index-Cb9e4tly.js";const l=({title:o,titleId:a,...r},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":a,...r},o?e.createElement("title",{id:a},o):null,e.createElement("path",{fillRule:"evenodd",d:"M13 4h-2v7H4v2h7v7h2v-7h7v-2h-7V4Z",clipRule:"evenodd"})),v=e.forwardRef(l),n=({title:o,titleId:a,...r},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":a,...r},o?e.createElement("title",{id:a},o):null,e.createElement("path",{d:"M4 11h16v2H4z"})),c=e.forwardRef(n);export{c as F,v as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./index-
|
|
1
|
+
import{r as e}from"./index-Cb9e4tly.js";const l=({title:o,titleId:r,...t},a)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:a,"aria-labelledby":r,...t},o?e.createElement("title",{id:r},o):null,e.createElement("path",{fillRule:"evenodd",d:"M5 6h14v10H5V6ZM3 18V4h18v14H3Zm19 1H2v1.75h20V19Z",clipRule:"evenodd"})),d=e.forwardRef(l);export{d as F};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./index-
|
|
1
|
+
import{r as e}from"./index-Cb9e4tly.js";const v=({title:o,titleId:t,...r},a)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:a,"aria-labelledby":t,...r},o?e.createElement("title",{id:t},o):null,e.createElement("path",{fillRule:"evenodd",d:"M17 5v2h2V3H8L3 8v14h16v-4h-2v2H5V8.828h3.828V5H17Zm4 6.4L18.613 9 12 15.6V18h2.405L21 11.4ZM7 12h5v2H7v-2Zm3 4H7v2h3v-2Z",clipRule:"evenodd"})),n=e.forwardRef(v);export{n as F};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./index-
|
|
1
|
+
import{r as e}from"./index-Cb9e4tly.js";const l=({title:o,titleId:r,...t},a)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:a,"aria-labelledby":r,...t},o?e.createElement("title",{id:r},o):null,e.createElement("path",{fillRule:"evenodd",d:"M19 1H5v22h14V1Zm-2 2H7v18h10V3Zm-7 1h4v2h-4V4Zm3 13h-2v2h2v-2Z",clipRule:"evenodd"})),v=e.forwardRef(l);export{v as F};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./index-
|
|
1
|
+
import{r as e}from"./index-Cb9e4tly.js";const t=({title:o,titleId:l,...a},r)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:r,"aria-labelledby":l,...a},o?e.createElement("title",{id:l},o):null,e.createElement("path",{fillRule:"evenodd",d:"m12 21 1.414-1.414 6.172-6.172L21 12l-1.414-1.414L12 3H3v9l7.586 7.586L12 21Zm0-2.828L18.172 12l-7-7H5v6.172l7 7ZM8.5 10a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z",clipRule:"evenodd"})),d=e.forwardRef(t);export{d as F};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./index-
|
|
1
|
+
import{r as e}from"./index-Cb9e4tly.js";const t=({title:a,titleId:o,...l},r)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:r,"aria-labelledby":o,...l},a?e.createElement("title",{id:o},a):null,e.createElement("path",{fillRule:"evenodd",d:"M12 5a3.5 3.5 0 0 0-3.5 3.5V10h-2a3 3 0 1 0 0 6v2a5 5 0 0 1 0-10h.022a5.5 5.5 0 0 1 10.956 0h.022a5 5 0 0 1 0 10v-2a3 3 0 1 0 0-6h-2V8.5A3.5 3.5 0 0 0 12 5Zm0 4.586.707.707 4 4-1.414 1.414L13 13.414V21h-2v-7.586l-2.293 2.293-1.414-1.414 4-4L12 9.586Z",clipRule:"evenodd"})),d=e.forwardRef(t);export{d as F};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e}from"./index-
|
|
1
|
+
import{r as e}from"./index-Cb9e4tly.js";const a=({title:o,titleId:l,...r},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:t,"aria-labelledby":l,...r},o?e.createElement("title",{id:l},o):null,e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 21H4V14.9863H20V21ZM6 19H18V16.9863H6V19Z"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 3C14.7614 3 17 5.23858 17 8C17 10.7614 14.7614 13 12 13C9.23858 13 7 10.7614 7 8C7 5.23858 9.23858 3 12 3ZM12 5C10.3431 5 9 6.34315 9 8C9 9.65685 10.3431 11 12 11C13.6569 11 15 9.65685 15 8C15 6.34315 13.6569 5 12 5Z"})),n=e.forwardRef(a);export{n as F};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as s}from"./index-Cb9e4tly.js";import{R as T,T as y,P as _,C as b,A as w}from"./index-BrBqb5Q4.js";import{g as P}from"./PortalElementProvider-CgL8vj5o.js";import{g as x}from"./index-DdzHuZ-Y.js";import{w as D}from"./componentNames-NXEPEzbR.js";const E="content__gY3d-",R="arrow__PbWtY",l={content:E,arrow:R},S=300,u=({children:o,content:i,side:p="top",trigger:a="hover",disabled:c=!1,dataset:d,dsInternalSimulation:m})=>{const f=P(),r=s.useRef(0),[h,n]=s.useState(!1),v=()=>{a!=="hover"&&(r.current=Date.now(),n(!0))},g=()=>{if(a==="hover")return;Date.now()-r.current>S&&n(!1)};if(c)return o;let t;return m==="open"?t=!0:a==="hover"?t=void 0:t=h||void 0,e.jsxs(T,{open:t,children:[e.jsx(y,{onTouchStart:v,onTouchEnd:g,tabIndex:0,asChild:!0,children:o}),e.jsx(_,{container:f,children:e.jsxs(b,{side:p,className:l.content,onPointerDownOutside:()=>n(!1),...x(d,{preplyDsComponent:D.Tooltip}),children:[i,e.jsx(w,{className:l.arrow,width:10,height:6})]})})]})};try{u.displayName="Tooltip",u.__docgenInfo={description:`Tooltip component.
|
|
2
2
|
|
|
3
3
|
The direct child of the component should be html element, DS component,
|
|
4
4
|
or a component that forwards ref and spreads props to the underlying DOM node.`,displayName:"Tooltip",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},trigger:{defaultValue:{value:"hover"},description:`Controls how the tooltip can be triggered.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-
|
|
1
|
+
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{T as o}from"./Tooltip-UjXQy5k6.js";import{r as M}from"./index-Cb9e4tly.js";import{L as $}from"./LayoutFlex-C3k4b85b.js";import{I as e}from"./IconButton-NYwQQfnV.js";import{F as p}from"./TokyoUIFav-DOVerCtW.js";import{F as N}from"./TokyoUIClose-thK8sk63.js";import{F as P}from"./TokyoUINotebook-kt8pWj_a.js";import{F as _}from"./TokyoUIInfo-DbkQBubr.js";import"./index-ChsGqxH_.js";import"./index-BrBqb5Q4.js";import"./PortalElementProvider-CgL8vj5o.js";import"./index-C6wF8VM1.js";import"./index-BPrLDK9Y.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-C7hTFOIV.js";import"./index-QwIMrChO.js";import"./index-DdzHuZ-Y.js";import"./componentNames-NXEPEzbR.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-ChaXrVQQ.js";import"./classNames-BUL1Zq7e.js";import"./defaults-Clr6nbGc.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D5O3MkG2.js";import"./Spinner-T-vTyHiv.js";import"./useMergeRefs-SFH7Mw4x.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";const Tt={title:"Components/Tooltip",component:o,parameters:{layout:"centered",a11y:{config:{rules:[{id:"color-contrast",enabled:!1}]}}},decorators:[l=>t.jsx("div",{style:{margin:"100px 0"},children:l()})]},i={render:()=>t.jsx(o,{content:"This is a tooltip",dsInternalSimulation:"open",children:t.jsx(e,{variant:"ghost",svg:t.jsx(p,{}),assistiveText:"Favorite"})}),name:"Tooltip"},a={render:()=>t.jsx(o,{content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",dsInternalSimulation:"open",children:t.jsx(e,{variant:"ghost",svg:t.jsx(p,{}),assistiveText:"Favorite"})})},r={parameters:{chromatic:{disableSnapshot:!0}},render:()=>t.jsxs($,{gap:"4",children:[t.jsx(o,{content:"This is a tooltip",children:t.jsx(e,{variant:"ghost",svg:t.jsx(p,{}),assistiveText:"Icon button"})}),t.jsx(o,{content:"This is a tooltip",children:t.jsx(e,{variant:"ghost",svg:t.jsx(N,{}),assistiveText:"Icon button"})}),t.jsx(o,{content:"This is a tooltip",children:t.jsx(e,{variant:"ghost",svg:t.jsx(P,{}),assistiveText:"Icon button"})})]})},s={parameters:{chromatic:{disableSnapshot:!0}},render:()=>t.jsx(o,{content:"This is a tooltip",trigger:"hover-and-touch",children:t.jsx(e,{variant:"ghost",svg:t.jsx(_,{}),assistiveText:"Icon button"})})},n={parameters:{chromatic:{disableSnapshot:!0}},render:()=>{const l=M.forwardRef((D,E)=>t.jsx("button",{...D,ref:E}));return t.jsx(o,{content:"This is a tooltip",children:t.jsx(l,{children:"Custom child"})})}},c={parameters:{chromatic:{disableSnapshot:!0}},args:{content:"Tooltip content",children:t.jsx(e,{svg:t.jsx(p,{}),assistiveText:"Icon button"}),trigger:"hover",side:"top"},argTypes:{content:{control:"text"},children:{control:!1},dataset:{control:"object"}}};var d,m,u;i.parameters={...i.parameters,docs:{...(d=i.parameters)==null?void 0:d.docs,source:{originalSource:`{
|
|
2
2
|
render: () => <Tooltip content="This is a tooltip" dsInternalSimulation="open">
|
|
3
3
|
<IconButton variant="ghost" svg={<TokyoUIFav />} assistiveText="Favorite" />
|
|
4
4
|
</Tooltip>,
|
|
@@ -78,4 +78,4 @@ the ref and spread props to the underlying DOM node.`,...(L=(k=n.parameters)==nu
|
|
|
78
78
|
control: 'object'
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
|
-
}`,...(O=(R=c.parameters)==null?void 0:R.docs)==null?void 0:O.source}}};const
|
|
81
|
+
}`,...(O=(R=c.parameters)==null?void 0:R.docs)==null?void 0:O.source}}};const xt=["Basic","LongContent","Delay","UsingOnMobile","CustomChildComponent","Playground"];export{i as Basic,n as CustomChildComponent,r as Delay,a as LongContent,c as Playground,s as UsingOnMobile,xt as __namedExportsOrder,Tt as default};
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import{j as l}from"./jsx-runtime-BTJTZTIL.js";import{T as b}from"./Tooltip-UjXQy5k6.js";import{I as B}from"./IconButton-NYwQQfnV.js";import{F as T}from"./TokyoUIFav-DOVerCtW.js";import{w as g,u as p,a as i,e as s,b as u}from"./index-Ctq3gFTp.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BrBqb5Q4.js";import"./PortalElementProvider-CgL8vj5o.js";import"./index-C6wF8VM1.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-QwIMrChO.js";import"./index-DdzHuZ-Y.js";import"./componentNames-NXEPEzbR.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D5O3MkG2.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-T-vTyHiv.js";import"./classNames-BUL1Zq7e.js";import"./defaults-Clr6nbGc.js";import"./useMergeRefs-SFH7Mw4x.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";const Q={title:"Components/Tooltip/Tests",component:b,parameters:{layout:"centered",controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:["!autodocs","!a11y-test","test"],decorators:[n=>l.jsx("div",{style:{margin:"100px 0"},children:n()})],args:{content:"Tooltip content",dataset:{testid:"tooltip"},children:l.jsx(B,{svg:l.jsx(T,{}),assistiveText:"Favorite"})}},r={play:async({canvasElement:n,step:t})=>{const e=g(n),a=e.getByRole("button");await t("hover trigger element",async()=>{await p.hover(a)}),await t("tooltip should be shown",async()=>{await i(()=>{const o=e.getByTestId("tooltip");return s(o).toBeVisible()})}),await t("unhover trigger element",async()=>{await p.unhover(a)}),await t("tooltip should be hidden",async()=>{await i(()=>{const o=e.queryByTestId("tooltip");return s(o).toBeNull()})})}},c={args:{trigger:"hover-and-touch"},play:async({canvasElement:n,step:t})=>{const e=g(n),a=e.getByRole("button");await t("press trigger element",async()=>{await u.touchStart(a)}),await t("tooltip should be shown",async()=>{await i(()=>{const o=e.getByTestId("tooltip");s(o).toBeInTheDocument()})}),await t("release trigger element",async()=>{await u.touchEnd(a)}),await t("tooltip should be still visible",async()=>{await i(()=>{const o=e.getByTestId("tooltip");s(o).toBeInTheDocument()})}),await t("click outside of tooltip",async()=>{await p.click(document.body)}),await t("tooltip should be hidden",async()=>{await i(()=>{const o=e.queryByTestId("tooltip");s(o).toBeNull()})})}};var m,d,w;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`{
|
|
2
|
+
play: async ({
|
|
3
|
+
canvasElement,
|
|
4
|
+
step
|
|
5
|
+
}) => {
|
|
6
|
+
const canvas = within(canvasElement);
|
|
7
|
+
const button = canvas.getByRole('button');
|
|
8
|
+
await step('hover trigger element', async () => {
|
|
9
|
+
await userEvent.hover(button);
|
|
10
|
+
});
|
|
11
|
+
await step('tooltip should be shown', async () => {
|
|
12
|
+
await waitFor(() => {
|
|
13
|
+
const tooltip = canvas.getByTestId('tooltip');
|
|
14
|
+
return expect(tooltip).toBeVisible();
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
await step('unhover trigger element', async () => {
|
|
18
|
+
await userEvent.unhover(button);
|
|
19
|
+
});
|
|
20
|
+
await step('tooltip should be hidden', async () => {
|
|
21
|
+
await waitFor(() => {
|
|
22
|
+
const tooltip = canvas.queryByTestId('tooltip');
|
|
23
|
+
return expect(tooltip).toBeNull();
|
|
24
|
+
});
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
}`,...(w=(d=r.parameters)==null?void 0:d.docs)==null?void 0:w.source}}};var y,h,v;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:`{
|
|
28
|
+
args: {
|
|
29
|
+
trigger: 'hover-and-touch'
|
|
30
|
+
},
|
|
31
|
+
play: async ({
|
|
32
|
+
canvasElement,
|
|
33
|
+
step
|
|
34
|
+
}) => {
|
|
35
|
+
const canvas = within(canvasElement);
|
|
36
|
+
const button = canvas.getByRole('button');
|
|
37
|
+
await step('press trigger element', async () => {
|
|
38
|
+
await fireEvent.touchStart(button);
|
|
39
|
+
});
|
|
40
|
+
await step('tooltip should be shown', async () => {
|
|
41
|
+
await waitFor(() => {
|
|
42
|
+
const tooltip = canvas.getByTestId('tooltip');
|
|
43
|
+
expect(tooltip).toBeInTheDocument();
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
await step('release trigger element', async () => {
|
|
47
|
+
await fireEvent.touchEnd(button);
|
|
48
|
+
});
|
|
49
|
+
await step('tooltip should be still visible', async () => {
|
|
50
|
+
await waitFor(() => {
|
|
51
|
+
const tooltip = canvas.getByTestId('tooltip');
|
|
52
|
+
expect(tooltip).toBeInTheDocument();
|
|
53
|
+
});
|
|
54
|
+
});
|
|
55
|
+
await step('click outside of tooltip', async () => {
|
|
56
|
+
await userEvent.click(document.body);
|
|
57
|
+
});
|
|
58
|
+
await step('tooltip should be hidden', async () => {
|
|
59
|
+
await waitFor(() => {
|
|
60
|
+
const tooltip = canvas.queryByTestId('tooltip');
|
|
61
|
+
expect(tooltip).toBeNull();
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
}`,...(v=(h=c.parameters)==null?void 0:h.docs)==null?void 0:v.source}}};const U=["Hover","Touch"];export{r as Hover,c as Touch,U as __namedExportsOrder,Q as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as s,b as g}from"./layout-relative.module-
|
|
1
|
+
import{a as s,b as g}from"./layout-relative.module-ChaXrVQQ.js";import{L as f}from"./constants-DYYVurUY.js";import{m as e,b as n,s as a}from"./classNames-BUL1Zq7e.js";const t="LayoutHide",o=(l,i=f)=>e(s,t,[n("hide",i,l)]),r="LayoutRelative",u=l=>e(g,r,[n("relative",void 0,l)]),A="AlignSelf__leDSR",S={AlignSelf:A,"AlignSelf--align-self-start":"AlignSelf--align-self-start__LgwGs","AlignSelf--align-self-center":"AlignSelf--align-self-center__Wse1S","AlignSelf--align-self-end":"AlignSelf--align-self-end__6tikI","AlignSelf--align-self-stretch":"AlignSelf--align-self-stretch__qrMyK","AlignSelf--narrow-l--align-self-start":"AlignSelf--narrow-l--align-self-start__COlwA","AlignSelf--narrow-l--align-self-center":"AlignSelf--narrow-l--align-self-center__ELuDH","AlignSelf--narrow-l--align-self-end":"AlignSelf--narrow-l--align-self-end__sjn-5","AlignSelf--narrow-l--align-self-stretch":"AlignSelf--narrow-l--align-self-stretch__h2h5y","AlignSelf--medium-s--align-self-start":"AlignSelf--medium-s--align-self-start__bfr9R","AlignSelf--medium-s--align-self-center":"AlignSelf--medium-s--align-self-center__liai8","AlignSelf--medium-s--align-self-end":"AlignSelf--medium-s--align-self-end__zUlqW","AlignSelf--medium-s--align-self-stretch":"AlignSelf--medium-s--align-self-stretch__eLaVE","AlignSelf--medium-l--align-self-start":"AlignSelf--medium-l--align-self-start__lMYt4","AlignSelf--medium-l--align-self-center":"AlignSelf--medium-l--align-self-center__7r34b","AlignSelf--medium-l--align-self-end":"AlignSelf--medium-l--align-self-end__7py-F","AlignSelf--medium-l--align-self-stretch":"AlignSelf--medium-l--align-self-stretch__YFiZu","AlignSelf--wide-s--align-self-start":"AlignSelf--wide-s--align-self-start__jBg7e","AlignSelf--wide-s--align-self-center":"AlignSelf--wide-s--align-self-center__6YJoJ","AlignSelf--wide-s--align-self-end":"AlignSelf--wide-s--align-self-end__Gzhkv","AlignSelf--wide-s--align-self-stretch":"AlignSelf--wide-s--align-self-stretch__g8zpq","AlignSelf--wide-l--align-self-start":"AlignSelf--wide-l--align-self-start__gz6yC","AlignSelf--wide-l--align-self-center":"AlignSelf--wide-l--align-self-center__TQLXK","AlignSelf--wide-l--align-self-end":"AlignSelf--wide-l--align-self-end__sfoC5","AlignSelf--wide-l--align-self-stretch":"AlignSelf--wide-l--align-self-stretch__cYlv1"},_="AlignSelf",w=l=>e(S,_,[a("align-self",l)]);export{o as a,u as b,w as g};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as s}from"./index-BN6VMYqa.js";import{M as t}from"./index-CxzwkAAS.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DI6VGJCr.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function i(r){const n={a:"a",code:"code",h1:"h1",hr:"hr",p:"p",pre:"pre",strong:"strong",...s(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Guides/Custom Components/SCSS/Breakpoints"}),`
|
|
2
2
|
`,e.jsx(n.h1,{id:"scss-breakpoints",children:"SCSS: Breakpoints"}),`
|
|
3
3
|
`,e.jsxs(n.p,{children:[e.jsx(n.strong,{children:"Note:"})," Storybook renders this page inside of an ",e.jsx(n.code,{children:"iframe"}),"! The width taken into account by the media query is that of the ",e.jsx(n.code,{children:"iframe"})," and not the full viewport window. Hide Storybook's navigation sidebar (or pop out this page) to preview the media query against the full browser width."]}),`
|
|
4
4
|
`,e.jsx(n.hr,{}),`
|
|
@@ -28,4 +28,4 @@ import{j as e}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as i}from"
|
|
|
28
28
|
}
|
|
29
29
|
`})}),`
|
|
30
30
|
`,e.jsxs(n.p,{children:["We recommend using only ",e.jsx(n.code,{children:"min-width"}),' media queries in order to structure your code with a "mobile first" approach.']}),`
|
|
31
|
-
`,e.jsxs(n.p,{children:["Check out this ",e.jsx(n.a,{href:"https://medium.com/swlh/use-min-width-not-max-width-in-your-css-e6898fcf6a78",rel:"nofollow",children:"small article (3 min read)"})," for a quick explanation why."]})]})}function
|
|
31
|
+
`,e.jsxs(n.p,{children:["Check out this ",e.jsx(n.a,{href:"https://medium.com/swlh/use-min-width-not-max-width-in-your-css-e6898fcf6a78",rel:"nofollow",children:"small article (3 min read)"})," for a quick explanation why."]})]})}function w(r={}){const{wrapper:n}={...s(),...r.components};return n?e.jsx(n,{...r,children:e.jsx(i,{...r})}):i(r)}export{w as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as i}from"./index-BN6VMYqa.js";import{M as r}from"./index-CxzwkAAS.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DI6VGJCr.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function t(o){const n={a:"a",code:"code",h1:"h1",hr:"hr",p:"p",pre:"pre",strong:"strong",...i(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Custom Components/StyledComponents/Breakpoints"}),`
|
|
2
2
|
`,e.jsx(n.h1,{id:"styledcomponents-breakpoints",children:"StyledComponents: Breakpoints"}),`
|
|
3
3
|
`,e.jsxs(n.p,{children:[e.jsx(n.strong,{children:"Note:"})," Storybook renders this page inside of an ",e.jsx(n.code,{children:"iframe"}),"! The width taken into account by the media query is that of the ",e.jsx(n.code,{children:"iframe"})," and not the full viewport window. Hide Storybook's navigation sidebar (or pop out this page) to preview the media query against the full browser width."]}),`
|
|
4
4
|
`,e.jsx(n.hr,{}),`
|
|
@@ -29,4 +29,4 @@ export const MyComponent = styled.div\`
|
|
|
29
29
|
\`;
|
|
30
30
|
`})}),`
|
|
31
31
|
`,e.jsxs(n.p,{children:["We recommend using only ",e.jsx(n.code,{children:"min-width"}),' media queries in order to structure your code with a "mobile first" approach.']}),`
|
|
32
|
-
`,e.jsxs(n.p,{children:["Check out this ",e.jsx(n.a,{href:"https://medium.com/swlh/use-min-width-not-max-width-in-your-css-e6898fcf6a78",rel:"nofollow",children:"small article (3 min read)"})," for a quick explanation why."]})]})}function
|
|
32
|
+
`,e.jsxs(n.p,{children:["Check out this ",e.jsx(n.a,{href:"https://medium.com/swlh/use-min-width-not-max-width-in-your-css-e6898fcf6a78",rel:"nofollow",children:"small article (3 min read)"})," for a quick explanation why."]})]})}function j(o={}){const{wrapper:n}={...i(),...o.components};return n?e.jsx(n,{...o,children:e.jsx(t,{...o})}):t(o)}export{j as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as t}from"./index-BN6VMYqa.js";import{M as o}from"./index-CxzwkAAS.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DI6VGJCr.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function r(i){const n={a:"a",code:"code",h1:"h1",hr:"hr",p:"p",pre:"pre",strong:"strong",...t(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Custom Components/Less.js/Breakpoints"}),`
|
|
2
2
|
`,e.jsx(n.h1,{id:"lessjs-breakpoints",children:"Less.js: Breakpoints"}),`
|
|
3
3
|
`,e.jsxs(n.p,{children:[e.jsx(n.strong,{children:"Note:"})," Storybook renders this page inside of an ",e.jsx(n.code,{children:"iframe"}),"! The width taken into account by the media query is that of the ",e.jsx(n.code,{children:"iframe"})," and not the full viewport window. Hide Storybook's navigation sidebar (or pop out this page) to preview the media query against the full browser width."]}),`
|
|
4
4
|
`,e.jsx(n.hr,{}),`
|
|
@@ -27,4 +27,4 @@ import{j as e}from"./jsx-runtime-BYouaCF_.js";import{useMDXComponents as t}from"
|
|
|
27
27
|
flex-direction: row;
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
|
-
`})})]})}function
|
|
30
|
+
`})})]})}function w(i={}){const{wrapper:n}={...t(),...i.components};return n?e.jsx(n,{...i,children:e.jsx(r,{...i})}):r(i)}export{w as default};
|