@preply/ds-docs 11.0.0 → 11.1.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/.storybook/decorators/withIntlProvider.tsx +1 -1
- package/.storybook/main.ts +1 -0
- package/.storybook/preview.tsx +5 -0
- package/chromatic.config.json +10 -0
- package/dist/addon-visual-tests-assets/visual-test-illustration.mp4 +0 -0
- package/dist/assets/00.LayoutFlex.stories-pFo1xsBe.js +85 -0
- package/dist/assets/00.applications-Cqkdr1wk.js +50 -0
- package/dist/assets/00.favicons.guide-B91Vhoka.js +21 -0
- package/dist/assets/00.token-explorer-B19aUGGg.js +340 -0
- package/dist/assets/00.using-responsive-props-B3Gr_s-n.js +18 -0
- package/dist/assets/01.semantic-tokens-ClbORo2f.js +11 -0
- package/dist/assets/01.using-shorthand-props-CZYYf4mA.js +39 -0
- package/dist/assets/10.Combinations.stories-BktZvBWq.js +128 -0
- package/dist/assets/10.fonts.guide-BGeAIZ8f.js +39 -0
- package/dist/assets/10.ssr--ERdtJ_Z.js +91 -0
- package/dist/assets/11.fonts.explorer-CApH9AGF.js +2 -0
- package/dist/assets/11.ssr.app-router-DusJ4Mbq.js +59 -0
- package/dist/assets/20.libraries-AkYtGwIz.js +22 -0
- package/dist/assets/2025-q4-ds-cleanup-njc6pOZy.js +351 -0
- package/dist/assets/30.icons.explorer-D8JDwXl5.js +72 -0
- package/dist/assets/30.storybook-C2VMIEWx.js +42 -0
- package/dist/assets/40.illustrations.explorer-Dexx0-Yq.js +21 -0
- package/dist/assets/60.components-EsXml7S8.js +22 -0
- package/dist/assets/90.advanced-CGMa0hIb.js +32 -0
- package/dist/assets/Accordion-BGpSQDcU.js +25 -0
- package/dist/assets/Accordion-bbEcwV1l.css +1 -0
- package/dist/assets/{Accordion.stories-CLwah67K.js → Accordion.stories-DZqm_pl0.js} +7 -7
- package/dist/assets/{Accordion.tests.stories-CFH7p1Jq.js → Accordion.tests.stories-CETE9vG5.js} +9 -9
- package/dist/assets/AlertBanner.primitives.stories-C1Rk8KVQ.js +14 -0
- package/dist/assets/AlertBanner.stories-CJnU52Gn.js +112 -0
- package/dist/assets/AlertBannerAction-BSNrnhbi.js +216 -0
- package/dist/assets/AlertBannerAction-UAyHHOqS.css +1 -0
- package/dist/assets/AlertDialog-Cr1_lUp6.css +1 -0
- package/dist/assets/AlertDialog-D1kj7VoM.js +6 -0
- package/dist/assets/{AlertDialog.stories-BKT7nitb.js → AlertDialog.stories-CjXjghMW.js} +11 -7
- package/dist/assets/Avatar-CZrWRM_5.css +1 -0
- package/dist/assets/Avatar-LEDcSb51.js +6 -0
- package/dist/assets/Avatar.stories-B6YvTFd5.js +42 -0
- package/dist/assets/{AvatarWithStatus-azmN9QBq.css → AvatarWithStatus-DNgVIYbt.css} +1 -1
- package/dist/assets/AvatarWithStatus-Dacm-jO_.js +6 -0
- package/dist/assets/AvatarWithStatus.stories-D9tFABve.js +36 -0
- package/dist/assets/Badge-CXba4Jz8.js +10 -0
- package/dist/assets/{Badge-BVnE8GHY.css → Badge-ChvYkJOj.css} +1 -1
- package/dist/assets/Badge.stories-6McX8lAA.js +90 -0
- package/dist/assets/Box-CJ3Eco8o.js +3 -0
- package/dist/assets/Box-CoMoVRxI.css +1 -0
- package/dist/assets/Box.stories-D7RLIL2b.js +44 -0
- package/dist/assets/BubbleCounter-DwJsPISN.js +5 -0
- package/dist/assets/BubbleCounter.stories-CaNBUXy9.js +246 -0
- package/dist/assets/Button-DnVrHohm.js +18 -0
- package/dist/assets/Button-DsoMn9D3.css +1 -0
- package/dist/assets/Button.stories-DB4FO1yP.js +271 -0
- package/dist/assets/ButtonBase-DMbDbkQ4.css +1 -0
- package/dist/assets/ButtonBase-DV0YtoS6.js +8 -0
- package/dist/assets/CalloutBanner-ChlWZtBk.css +1 -0
- package/dist/assets/CalloutBanner.stories-DMr5laA1.js +212 -0
- package/dist/assets/CalloutBannerText-Lb5ksCJz.css +1 -0
- package/dist/assets/CalloutBannerText-pe-2SkHW.js +75 -0
- package/dist/assets/Checkbox-B_qY1TUo.css +1 -0
- package/dist/assets/Checkbox-DEB6VLYS.js +10 -0
- package/dist/assets/{Checkbox.stories-ClI-ZBnj.js → Checkbox.stories-C_Oku35V.js} +6 -6
- package/dist/assets/Checkbox.tests.stories-BPHBBZi3.js +68 -0
- package/dist/assets/Chips-DK10vypy.css +1 -0
- package/dist/assets/Chips.stories-_LC622UQ.js +148 -0
- package/dist/assets/Color-6BZIO3FS-Cli2qKZW.js +1 -0
- package/dist/assets/{ComposingDialogs.stories-DwVqal9K.js → ComposingDialogs.stories-BSCyTSJL.js} +3 -3
- package/dist/assets/ComposingPopovers.stories-cp3PAdHA.js +49 -0
- package/dist/assets/CountryFlag-DMEPQuIc.js +49 -0
- package/dist/assets/{CountryFlag.stories-hf40f81N.js → CountryFlag.stories-CCfcgg_Y.js} +6 -6
- package/dist/assets/CountryFlag.test.stories-BaGoS-6l.js +27 -0
- package/dist/assets/Dialog-DCPUOQU4.js +13 -0
- package/dist/assets/Dialog.primitives-BPvLcj0z.css +1 -0
- package/dist/assets/Dialog.primitives.stories-Vxeh7YZt.js +237 -0
- package/dist/assets/Dialog.stories-87tBh-R6.js +267 -0
- package/dist/assets/Dialog.test.stories-B4pw7sJ3.js +146 -0
- package/dist/assets/DialogActions-BuK-fnKs.js +101 -0
- package/dist/assets/DialogCloseButton-Bh5fJ-N5.css +1 -0
- package/dist/assets/DialogCloseButton-dPdpMifg.js +149 -0
- package/dist/assets/DismissibleChips-Dv66pNAL.js +1 -0
- package/dist/assets/DismissibleChips.stories-nMCs_O4R.js +625 -0
- package/dist/assets/{Divider-DECo0bYW.css → Divider-BVw27QR_.css} +1 -1
- package/dist/assets/Divider-BsdKe9ia.js +1 -0
- package/dist/assets/Divider.stories-DMxdOUMT.js +9 -0
- package/dist/assets/DocsRenderer-LL677BLK-CToDaeBi.js +2 -0
- package/dist/assets/DropdownMenu-BUteP_4e.js +1258 -0
- package/dist/assets/DropdownMenu-Dp5QD_2I.css +1 -0
- package/dist/assets/DropdownMenu.stories-CPFPB_iw.js +1613 -0
- package/dist/assets/FieldButton-B7nd3jTk.css +1 -0
- package/dist/assets/FieldButton-lc__KGvz.js +1 -0
- package/dist/assets/FieldButton.stories-BweftrEg.js +1 -0
- package/dist/assets/FormControl-DX3yRMc2.css +1 -0
- package/dist/assets/FormControl-cSvM3XwI.js +7 -0
- package/dist/assets/FormControl.stories-guYQ8AuE.js +42 -0
- package/dist/assets/Heading-BMcfRMjT.css +1 -0
- package/dist/assets/Heading-CEZfMm-F.js +1 -0
- package/dist/assets/Heading.stories-CzERNny6.js +67 -0
- package/dist/assets/Icon-CfZyHxyH.js +8 -0
- package/dist/assets/{Icon-CyGLQNx7.css → Icon-D-_6_kTJ.css} +1 -1
- package/dist/assets/Icon-RSC-BpFBpboR.js +6 -0
- package/dist/assets/Icon.stories-D27wol8h.js +45 -0
- package/dist/assets/IconButton-CUt4Aks_.js +8 -0
- package/dist/assets/IconButton-D-myVwPD.css +1 -0
- package/dist/assets/IconTile.stories-jvAqK25q.js +88 -0
- package/dist/assets/Input-DXnvG-Wl.js +95 -0
- package/dist/assets/InputContainer-CKX9LGmw.js +2 -0
- package/dist/assets/InputContainer-dj6obgaH.css +1 -0
- package/dist/assets/IntegrationWithReactHookForm.stories-CW7Lqen8.js +467 -0
- package/dist/assets/{IntlFormattedDateTime.stories-BCwbTrw1.js → IntlFormattedAggregatedDateTime-CsA6eNMt.js} +112 -94
- package/dist/assets/{IntlFormattedCurrency.stories-j1D4xFto.js → IntlFormattedCurrency-CAb0INYF.js} +149 -125
- package/dist/assets/IntlFormattedCurrency.stories-CDdFf0Ih.js +1 -0
- package/dist/assets/IntlFormattedDateTime.stories-UGK_UBla.js +2 -0
- package/dist/assets/{constants-DDJ2G0OO.js → IntlFormattedTime-CFUwDROI.js} +853 -761
- package/dist/assets/LayoutFlex-Bc-UxKN0.css +1 -0
- package/dist/assets/LayoutFlex-DdWp4cl3.js +1 -0
- package/dist/assets/LayoutFlexItem-D6I-QYqv.css +1 -0
- package/dist/assets/LayoutFlexItem-DE78Bh3c.js +1 -0
- package/dist/assets/LayoutGrid-CIFhWu8r.css +1 -0
- package/dist/assets/LayoutGrid-qM5_bxVY.js +1 -0
- package/dist/assets/LayoutGrid.stories-DnBXjNoY.js +88 -0
- package/dist/assets/LayoutGridItem-BDeI61oE.css +1 -0
- package/dist/assets/LayoutGridItem-DXWb3V6X.js +1 -0
- package/dist/assets/Link-DZ7eineG.css +1 -0
- package/dist/assets/Link-J-HUcV5T.js +5 -0
- package/dist/assets/{Link.stories-6gHkl5xC.js → Link.stories-Bi7F_Vkw.js} +7 -7
- package/dist/assets/Loader-D4VDQ8pj.css +1 -0
- package/dist/assets/Loader-D9Ihhamv.js +1 -0
- package/dist/assets/Loader.stories-CA2r7ptV.js +37 -0
- package/dist/assets/MultiSelectChips-DLTwAQne.js +2 -0
- package/dist/assets/MultiSelectChips.stories-BXvs5PAK.js +608 -0
- package/dist/assets/NativeSelectField.stories-D0re4a3o.js +295 -0
- package/dist/assets/NumberField-BAofx_Ni.js +6 -0
- package/dist/assets/NumberField.stories-BhuTuTmY.js +254 -0
- package/dist/assets/ObserveIntersection-DPsyMqP-.js +8 -0
- package/dist/assets/ObserveIntersection.stories-C5r2quD1.js +27 -0
- package/dist/assets/OnboardingTooltip-By90tTWJ.css +1 -0
- package/dist/assets/OnboardingTooltip-D8NhfEzc.js +24 -0
- package/dist/assets/OnboardingTooltip.stories-D2Y_je7z.js +107 -0
- package/dist/assets/OnboardingTooltip.tests.stories-Chu-efpG.js +79 -0
- package/dist/assets/OnboardingTour-90hHg-Pp.css +1 -0
- package/dist/assets/OnboardingTour-DGI3bTQy.js +4 -0
- package/dist/assets/OnboardingTour.stories-Cb1WP0Hu.js +50 -0
- package/dist/assets/{OnboardingTour.tests.stories-CHMykq2a.js → OnboardingTour.tests.stories-B05mBGhB.js} +6 -6
- package/dist/assets/PasswordField-ByApWpbK.js +6 -0
- package/dist/assets/PasswordField.stories-DMtrOVsn.js +229 -0
- package/dist/assets/PreplyLogo-D-slBTep.js +3 -0
- package/dist/assets/PreplyLogo.stories-uJXJ3dh_.js +93 -0
- package/dist/assets/ProgressBar-Tb0nv9N6.js +4 -0
- package/dist/assets/ProgressBar-ZiF8cU84.css +1 -0
- package/dist/assets/ProgressBar.stories-Bj5ouQO7.js +43 -0
- package/dist/assets/ProgressSteps-CKNbDWn0.js +4 -0
- package/dist/assets/ProgressSteps-LZubx2ie.css +1 -0
- package/dist/assets/ProgressSteps.stories-Dl5cvdWw.js +31 -0
- package/dist/assets/PromoDialog-Daxo9KGU.js +3 -0
- package/dist/assets/RangeSlider-BshsrfHH.js +4 -0
- package/dist/assets/RangeSlider.stories-BnxUgnUq.js +117 -0
- package/dist/assets/Rating-7Lokv5qX.js +2 -0
- package/dist/assets/Rating.stories-C6vLq72a.js +115 -0
- package/dist/assets/RatingInput-B9JvC6a9.js +30 -0
- package/dist/assets/RatingInput.stories-CZaxR49A.js +421 -0
- package/dist/assets/SelectField-_eSdIkCW.js +19 -0
- package/dist/assets/SelectField-jvir0s5w.css +1 -0
- package/dist/assets/SelectField.stories-CeBOPAQf.js +517 -0
- package/dist/assets/ShowOnIntersection-sdAtBMhN.js +11 -0
- package/dist/assets/ShowOnIntersection.stories-Lmr1KetU.js +17 -0
- package/dist/assets/SingleSelectChips-BuIHP3oW.js +2 -0
- package/dist/assets/{SingleSelectChips.stories-CTAvW0Y9.js → SingleSelectChips.stories-z43WCX3L.js} +22 -22
- package/dist/assets/Slider-BJ8Eqvyw.css +1 -0
- package/dist/assets/Slider-BjEfhJ_o.js +2 -0
- package/dist/assets/Slider.stories-OZrQotEf.js +69 -0
- package/dist/assets/Spinner-9IaQuPm2.js +1 -0
- package/dist/assets/Spinner-CIgevzeA.css +1 -0
- package/dist/assets/Stars-DRmASRCW.css +1 -0
- package/dist/assets/Stars-DuQupRe3.js +1 -0
- package/dist/assets/Steps-BAxCCGnQ.css +1 -0
- package/dist/assets/Steps-Bf2x77zr.js +26 -0
- package/dist/assets/{Steps.stories-DqOo6fKy.js → Steps.stories-DFPBr2Yl.js} +13 -11
- package/dist/assets/Switch-ClfB15Th.css +1 -0
- package/dist/assets/Switch-DPX8X1b7.js +12 -0
- package/dist/assets/Switch.stories-EIYyG0Zt.js +151 -0
- package/dist/assets/Text-BTI4NIf0.css +1 -0
- package/dist/assets/Text-bm2vnOS2.js +1 -0
- package/dist/assets/Text.stories-CmIl_fwM.js +67 -0
- package/dist/assets/TextField-zS8J7vJP.js +6 -0
- package/dist/assets/TextField.stories-BUVrLpus.js +254 -0
- package/dist/assets/{TextHighlighted-CzbRMqIZ.css → TextHighlighted-C53ygX_A.css} +1 -1
- package/dist/assets/TextHighlighted-DF3lEelY.js +1 -0
- package/dist/assets/TextHighlighted.stories-CqDVxX79.js +32 -0
- package/dist/assets/{TextInline-CNIzsRbS.css → TextInline-BDaxjuE1.css} +1 -1
- package/dist/assets/TextInline-CHB850A5.js +1 -0
- package/dist/assets/TextInline.stories-CN5P8M-t.js +50 -0
- package/dist/assets/TextareaField-D-D245Qp.js +6 -0
- package/dist/assets/TextareaField.stories-zf-ovHbR.js +272 -0
- package/dist/assets/Toast-BwHq_wh7.js +3 -0
- package/dist/assets/Toast-CeQJ1lVu.css +1 -0
- package/dist/assets/Toast.stories-ojcdW7OV.js +183 -0
- package/dist/assets/TokyoUIAttach-CJ32NKTG.js +1 -0
- package/dist/assets/TokyoUIAvailability7LateNight-DffduFvP.js +1 -0
- package/dist/assets/TokyoUICheck-UkrDdu35.js +1 -0
- package/dist/assets/TokyoUICheckmark-6GaMBtS8.js +1 -0
- package/dist/assets/TokyoUIChevronDown-CS0lTt7n.js +1 -0
- package/dist/assets/TokyoUIChevronRight-BtUABx06.js +1 -0
- package/dist/assets/TokyoUIClose-cJyNy-kq.js +1 -0
- package/dist/assets/TokyoUIEmojiFrowning-DEhH_o6k.js +1 -0
- package/dist/assets/TokyoUIErrorWarning-CE_6hT_0.js +1 -0
- package/dist/assets/TokyoUIExerciseClosedGapsJumble-CmLQbqx9.js +1 -0
- package/dist/assets/TokyoUIEye--Ky-ic4j.js +1 -0
- package/dist/assets/TokyoUIFav-D3EBPocg.js +1 -0
- package/dist/assets/TokyoUIInfo-B-CriP10.js +1 -0
- package/dist/assets/TokyoUILanguage-B0kNm-zw.js +1 -0
- package/dist/assets/TokyoUILibraryExplore-BZ10fOAZ.js +1 -0
- package/dist/assets/TokyoUILock-Chkf2ogE.js +1 -0
- package/dist/assets/TokyoUIMessages-z4JOaU4E.js +1 -0
- package/dist/assets/TokyoUIMinus-DKK-A5EK.js +1 -0
- package/dist/assets/TokyoUINotebook-DO8t9gWt.js +1 -0
- package/dist/assets/TokyoUINotesWithPad-DM2X7aVA.js +1 -0
- package/dist/assets/TokyoUIPhone-Bw5Vf4vA.js +1 -0
- package/dist/assets/TokyoUISettings-D5pBmcYk.js +1 -0
- package/dist/assets/TokyoUISparkle-C3Cy7wMI.js +1 -0
- package/dist/assets/TokyoUIStarFilled-CYq7gSvg.js +1 -0
- package/dist/assets/TokyoUITag-Cg8pSiwB.js +1 -0
- package/dist/assets/TokyoUIUpload-B1wN3uN1.js +1 -0
- package/dist/assets/TokyoUIUser-BxbKTbW_.js +1 -0
- package/dist/assets/{Tooltip-Cm9bKrYj.css → Tooltip-C5LpnpaC.css} +1 -1
- package/dist/assets/Tooltip-IQdlsINh.js +9 -0
- package/dist/assets/Tooltip.stories-9Tn4uyBh.js +93 -0
- package/dist/assets/Tooltip.tests.stories-Cr4rBDLb.js +65 -0
- package/dist/assets/VisuallyHidden-CN0xhFLZ.js +1 -0
- package/dist/assets/VisuallyHidden-SLhaLKxx.css +1 -0
- package/dist/assets/WithTooltip-65CFNBJE-B-ngulbF.js +9 -0
- package/dist/assets/align-self-B8vQODdk.css +1 -0
- package/dist/assets/align-self-DLZqaACP.js +1 -0
- package/dist/assets/ar-CmAh1fW1.js +1 -0
- package/dist/assets/axe-C7CO230w.js +20 -0
- package/dist/assets/breakpoints-DVI9b-sj.js +31 -0
- package/dist/assets/breakpoints-DhB77ppz.js +32 -0
- package/dist/assets/breakpoints-JehRf-HQ.js +30 -0
- package/dist/assets/{changelog-BoskfpJ8.js → changelog-BlpT3PVh.js} +18 -3
- package/dist/assets/chunk-242VQQM5-BHHKbgg-.js +1 -0
- package/dist/assets/chunk-3LY4VQVK-Di70sXb8.js +6 -0
- package/dist/assets/chunk-BneVvdWh.js +1 -0
- package/dist/assets/chunk-YKABRMAI-tsMt0pG-.js +18 -0
- package/dist/assets/client-o3HipSzo.js +1 -0
- package/dist/assets/components-B2mdrQXl.js +1 -0
- package/dist/assets/components-BJI6UJJQ.js +250 -0
- package/dist/assets/constants-BKSB-IRi.js +37 -0
- package/dist/assets/createRequiredContext-CgxIAZIj.js +241 -0
- package/dist/assets/createRequiredContext-rvejDfGq.css +1 -0
- package/dist/assets/cs-o6LA2LFi.js +1 -0
- package/dist/assets/de-CGU9rRAn.js +1 -0
- package/dist/assets/dist-Cc1j9Pjk.js +1 -0
- package/dist/assets/dist-CrJFSSHJ.css +1 -0
- package/dist/assets/dist-DtfJeYQK.js +32 -0
- package/dist/assets/dist-XW9XCd1i.js +122 -0
- package/dist/assets/emotion-unitless.esm-NifOLKB5.js +1 -0
- package/dist/assets/en-CAnKwElg.js +1 -0
- package/dist/assets/es-MH1DT2kV.js +1 -0
- package/dist/assets/esm-CS074ZRu.js +12 -0
- package/dist/assets/filterAttributesPassedByRadixUIAtRuntime-CGiuUnR2.js +1 -0
- package/dist/assets/fonts-explorer.stories-I8-ZOqnR.js +100 -0
- package/dist/assets/formatter-EIJCOSYU-CrRlJc_C.js +1 -0
- package/dist/assets/fr-CgnvB_BI.js +1 -0
- package/dist/assets/getTokenVar-BdWui4zI.js +11 -0
- package/dist/assets/gradientBorders-CStgfkEm.js +45 -0
- package/dist/assets/hk-CaQALTDd.js +1 -0
- package/dist/assets/hover-BZswJq9X.js +13 -0
- package/dist/assets/hover-DkvE2XjW.js +14 -0
- package/dist/assets/hover-xopBYDG-.js +16 -0
- package/dist/assets/id-Bp-BGWpK.js +1 -0
- package/dist/assets/iframe-CYkk6Y66.css +1 -0
- package/dist/assets/iframe-f34VuKy-.js +1194 -0
- package/dist/assets/intro-OCMNWtPd.js +31 -0
- package/dist/assets/it-BMSKWkCc.js +1 -0
- package/dist/assets/ja-wtIn1pnV.js +1 -0
- package/dist/assets/jsx-runtime-C2wGStra.js +1 -0
- package/dist/assets/ko-DvhW2pVO.js +1 -0
- package/dist/assets/layout-relative-BDjBJtei.js +1 -0
- package/dist/assets/layout-relative-D3aa9xon.css +1 -0
- package/dist/assets/layout-relative.module-BEsoJgyf.js +1 -0
- package/dist/assets/lib-CXCPi5ID.js +26 -0
- package/dist/assets/matchers-5TDFFDYO-CdU16gNa.js +28 -0
- package/dist/assets/mcp-wYzkbrqT.js +32 -0
- package/dist/assets/mdx-react-shim-Bi0BC7jy.js +1 -0
- package/dist/assets/migrating-from-less-DfjDPQaC.js +36 -0
- package/dist/assets/nl-BW9s7SpL.js +1 -0
- package/dist/assets/pl-B0BEw5na.js +1 -0
- package/dist/assets/playground.stories-oI9ZDlnt.js +6 -0
- package/dist/assets/preload-helper-nVtPd9zc.js +1 -0
- package/dist/assets/pt-qEWGT9cy.js +1 -0
- package/dist/assets/react-18-ziWOvQTm.js +1 -0
- package/dist/assets/react-B8jdHdWa.js +1 -0
- package/dist/assets/react-C6B6irz5.js +1 -0
- package/dist/assets/react-C7IZe2D1.js +1 -0
- package/dist/assets/react-dom-CLuuWI32.js +8 -0
- package/dist/assets/render-icon-Dzkg3KVE.js +1 -0
- package/dist/assets/ro-DLH7plv7.js +1 -0
- package/dist/assets/ru-BmiT91mV.js +1 -0
- package/dist/assets/shared-strings-DrlpFtg5.js +1 -0
- package/dist/assets/shim-Do3tPrxV.js +1 -0
- package/dist/assets/storybook-utils-CXrHOWy7.js +1 -0
- package/dist/assets/styled-components.browser.esm-BqKZXl6d.js +2 -0
- package/dist/assets/styled-components.browser.esm-ByE8r-7j.js +2 -0
- package/dist/assets/sv-CW9z0vaU.js +1 -0
- package/dist/assets/syntaxhighlighter-ED5Y7EFY-BYBQ9ptv.js +6 -0
- package/dist/assets/text-accent-CfNKCcRq.js +1 -0
- package/dist/assets/text-centered-DCp9pLpt.css +1 -0
- package/dist/assets/text-centered-ozyo-Yf9.js +1 -0
- package/dist/assets/th-isRlGLm5.js +1 -0
- package/dist/assets/theming-BrHPXhKw.js +1 -0
- package/dist/assets/theming-C7TmxyGw.js +39 -0
- package/dist/assets/tokens-C1gyoh8D.js +16 -0
- package/dist/assets/tokens-C7Hn5QJc.js +15 -0
- package/dist/assets/tokens-CubiKgE5.js +15 -0
- package/dist/assets/tr-CvfBJD7Q.js +1 -0
- package/dist/assets/tw-DpiBe17Q.js +1 -0
- package/dist/assets/ua-CPYW3Hlj.js +1 -0
- package/dist/assets/useBreakpointMatch-B8CIBjwc.js +1 -0
- package/dist/assets/useControllableState-BBsZ9A2n.js +1 -0
- package/dist/assets/useMergeRefs-D0D5dYrn.js +1 -0
- package/dist/assets/usePortalElement-uqsVx9U8.js +19 -0
- package/dist/assets/useStableCallback-DnHVYLVo.js +1 -0
- package/dist/assets/welcome-t0_iHw7X.js +23 -0
- package/dist/assets/zeroheight-DxMICzug.js +75 -0
- package/dist/assets/zh-C43VYh_6.js +1 -0
- package/dist/iframe.html +69 -40
- package/dist/index.html +8 -3
- package/dist/index.json +1 -1
- package/dist/preview-stats.json +21532 -16519
- package/dist/project.json +1 -1
- package/dist/sb-addons/a11y-1/manager-bundle.js +55 -3
- package/dist/sb-addons/chromatic-com-storybook-5/manager-bundle.js +352 -0
- package/dist/sb-addons/chromatic-com-storybook-5/manager-bundle.js.LEGAL.txt +40 -0
- package/dist/sb-addons/docs-4/manager-bundle.js +1 -1
- package/dist/sb-addons/links-2/manager-bundle.js +1 -1
- package/dist/sb-addons/storybook-6/manager-bundle.js +3 -0
- package/dist/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +66 -66
- package/dist/sb-addons/vitest-3/manager-bundle.js +1 -1
- package/dist/sb-manager/globals-runtime.js +9758 -7407
- package/dist/sb-manager/runtime.js +3034 -2325
- package/dist/vite-inject-mocker-entry.js +2 -18
- package/package.json +19 -20
- package/pages/30.guides/70.assets/constants/icon-imports.ts +8 -0
- package/dist/assets/00-BMs4V7pn.css +0 -1
- package/dist/assets/00-CGymiNpA.css +0 -1
- package/dist/assets/00.LayoutFlex.stories-lllooXjc.js +0 -85
- package/dist/assets/00.applications-ApRgtzMF.js +0 -50
- package/dist/assets/00.favicons.guide-4ivqvu_K.js +0 -21
- package/dist/assets/00.token-explorer-DCBSOdHJ.js +0 -340
- package/dist/assets/00.using-responsive-props-BhAkr9Gn.js +0 -18
- package/dist/assets/01-2pw2iC19.css +0 -1
- package/dist/assets/01.semantic-tokens-BBQKcQ5o.js +0 -11
- package/dist/assets/01.using-shorthand-props-SxccG8oR.js +0 -39
- package/dist/assets/10.Combinations.stories-D3XySbv3.js +0 -128
- package/dist/assets/10.fonts.guide-p4vZ2TE8.js +0 -39
- package/dist/assets/10.ssr-BLS5aGYV.js +0 -91
- package/dist/assets/11.fonts.explorer-BMm1rcuE.js +0 -2
- package/dist/assets/11.ssr.app-router-B_LdKMuw.js +0 -59
- package/dist/assets/20.libraries-Uutk1t-k.js +0 -21
- package/dist/assets/2025-q4-ds-cleanup-D2AonoQX.js +0 -341
- package/dist/assets/30.icons.explorer-D63Br7GU.js +0 -72
- package/dist/assets/30.storybook-B_OtmSNE.js +0 -42
- package/dist/assets/40.illustrations.explorer-Pi9iaQwM.js +0 -21
- package/dist/assets/90.advanced-tEkbHxcl.js +0 -32
- package/dist/assets/Accordion-2avWtqXz.js +0 -23
- package/dist/assets/Accordion-DBIXJNVb.css +0 -1
- package/dist/assets/AlertBanner.primitives.stories-DpA-of6O.js +0 -14
- package/dist/assets/AlertBanner.stories-B7xxyCn2.js +0 -124
- package/dist/assets/AlertBannerAction-D14MnnIA.js +0 -128
- package/dist/assets/AlertBannerAction-Dgo9FikS.css +0 -1
- package/dist/assets/AlertDialog-B5rRXSxb.js +0 -4
- package/dist/assets/AlertDialog-DjB9AufV.css +0 -1
- package/dist/assets/Avatar-B6s9WtES.css +0 -1
- package/dist/assets/Avatar-Die_4zu0.js +0 -6
- package/dist/assets/Avatar.stories-DJHK0lEC.js +0 -42
- package/dist/assets/AvatarWithStatus.stories-E9QQr3Dr.js +0 -41
- package/dist/assets/Badge-BSDHZ3bI.js +0 -10
- package/dist/assets/Badge.stories-6FOVA96I.js +0 -90
- package/dist/assets/Box-CfDLuPKr.css +0 -1
- package/dist/assets/Box.stories-DAVs5Qmd.js +0 -44
- package/dist/assets/BubbleCounter.stories-DHv_hrNV.js +0 -242
- package/dist/assets/Button-C0Um_QuO.js +0 -18
- package/dist/assets/Button-U6ON1pQl.css +0 -1
- package/dist/assets/Button.stories-CTSwUwYJ.js +0 -270
- package/dist/assets/ButtonBase-Bv11I0L0.css +0 -1
- package/dist/assets/ButtonBase-DGinnt2u.js +0 -1
- package/dist/assets/ButtonBase-HkSfLFbE.js +0 -8
- package/dist/assets/ButtonBase-vTD2whCv.css +0 -1
- package/dist/assets/CalloutBanner-Cw440Euq.css +0 -1
- package/dist/assets/CalloutBanner.stories-C62ApsKt.js +0 -286
- package/dist/assets/Checkbox-CrI8PiHH.css +0 -1
- package/dist/assets/Checkbox-U8uzIr-e.js +0 -10
- package/dist/assets/Checkbox.tests.stories-CrLxNZ2d.js +0 -64
- package/dist/assets/Chips-BXIX_-Jx.css +0 -1
- package/dist/assets/Chips.stories-BMxD1fH1.js +0 -146
- package/dist/assets/Color-ASIRERSW-BsR8auWQ.js +0 -1
- package/dist/assets/ComposingPopovers.stories-DtmTbsU_.js +0 -49
- package/dist/assets/CountryFlag-D40CtNEa.js +0 -49
- package/dist/assets/CountryFlag.test.stories-Bde0Okud.js +0 -27
- package/dist/assets/Dialog-CJQmu6iz.js +0 -13
- package/dist/assets/Dialog.primitives-DLgD-yog.css +0 -1
- package/dist/assets/Dialog.primitives.stories-BRGfipHO.js +0 -213
- package/dist/assets/Dialog.stories-D4tyIGD0.js +0 -329
- package/dist/assets/Dialog.test.stories-xCqInD69.js +0 -146
- package/dist/assets/DialogActions-GLMqsJfB.js +0 -101
- package/dist/assets/DialogCloseButton-D5YliaRd.js +0 -149
- package/dist/assets/DialogCloseButton-DXcPNZE4.css +0 -1
- package/dist/assets/DismissibleChips-YCE2ttV-.js +0 -1
- package/dist/assets/DismissibleChips.stories-Cx3sJ6UG.js +0 -625
- package/dist/assets/Divider-j3vJV734.js +0 -1
- package/dist/assets/Divider.stories-CK-PipZt.js +0 -9
- package/dist/assets/DocsRenderer-GHJI37HO-WuLZQEsz.js +0 -2
- package/dist/assets/DropdownMenu-B9HIHqSr.css +0 -1
- package/dist/assets/DropdownMenu-CgNvtJ2F.js +0 -1232
- package/dist/assets/DropdownMenu.stories-DpmKDI1Q.js +0 -1603
- package/dist/assets/FieldButton-CDW5AvHN.css +0 -1
- package/dist/assets/FieldButton-DpHF49o_.js +0 -1
- package/dist/assets/FieldButton.stories-C7v9WweE.js +0 -1
- package/dist/assets/FormControl-BBqp99uJ.css +0 -1
- package/dist/assets/FormControl-Zqf1cIwP.js +0 -7
- package/dist/assets/FormControl.stories-D4xKaMaA.js +0 -42
- package/dist/assets/Heading-BTHqyLcz.css +0 -1
- package/dist/assets/Heading-Cj8Si45g.js +0 -1
- package/dist/assets/Heading.stories-BG_kLNJz.js +0 -67
- package/dist/assets/Icon-CC0yjdx9.js +0 -8
- package/dist/assets/Icon-RSC-Cl0H44C3.js +0 -6
- package/dist/assets/Icon.stories-DAIYY4Bp.js +0 -45
- package/dist/assets/IconButton-BpjNyYgD.js +0 -8
- package/dist/assets/IconButton-COydvoLU.css +0 -1
- package/dist/assets/IconTile-CAnlU9ss.js +0 -1
- package/dist/assets/IconTile-DDvHA75S.css +0 -1
- package/dist/assets/IconTile.stories-DnUYn3Id.js +0 -88
- package/dist/assets/Input-DuW1_5SG.js +0 -48
- package/dist/assets/InputContainer-Cmdo_xyq.js +0 -2
- package/dist/assets/InputContainer-DIiUCsnL.css +0 -1
- package/dist/assets/IntegrationWithReactHookForm.stories-9EImL3zR.js +0 -467
- package/dist/assets/LayoutFlex-7DoB3s9X.css +0 -1
- package/dist/assets/LayoutFlex-CTH6ELdm.js +0 -1
- package/dist/assets/LayoutFlex-DXRMJ9FH.js +0 -1
- package/dist/assets/LayoutFlex-vHEU4SLb.css +0 -1
- package/dist/assets/LayoutFlexItem-C4cPPR-1.css +0 -1
- package/dist/assets/LayoutFlexItem-lmgCv4Y9.js +0 -1
- package/dist/assets/LayoutGrid-CSKyUAin.css +0 -1
- package/dist/assets/LayoutGrid-CUGRXgEO.js +0 -1
- package/dist/assets/LayoutGrid-Cm59X3OY.css +0 -1
- package/dist/assets/LayoutGrid-SAztDD7Z.js +0 -1
- package/dist/assets/LayoutGrid.stories-2dbzhVi7.js +0 -88
- package/dist/assets/LayoutGridItem-Bo7Opdaq.css +0 -1
- package/dist/assets/LayoutGridItem-UTn4G6JO.js +0 -1
- package/dist/assets/Link-BAFCJR3T.js +0 -5
- package/dist/assets/Link-BIhxLhqK.css +0 -1
- package/dist/assets/Loader-hjoeRutr.css +0 -1
- package/dist/assets/Loader.stories-CG-Eo8vg.js +0 -37
- package/dist/assets/MultiSelectChips-CBnEtn4N.js +0 -2
- package/dist/assets/MultiSelectChips.stories-Ch4FxGM2.js +0 -608
- package/dist/assets/NativeSelectField.stories-Pj5dm9hL.js +0 -295
- package/dist/assets/NumberField-klmIiQAi.js +0 -6
- package/dist/assets/NumberField.stories-D740jISy.js +0 -254
- package/dist/assets/ObserveIntersection-Dx2gD1CU.js +0 -8
- package/dist/assets/ObserveIntersection.stories-JJPEw5oG.js +0 -27
- package/dist/assets/OnboardingTooltip-DzQhJzWc.js +0 -16
- package/dist/assets/OnboardingTooltip-X4QjsIe6.css +0 -1
- package/dist/assets/OnboardingTooltip.stories-BDgRgbzO.js +0 -107
- package/dist/assets/OnboardingTooltip.tests.stories-DrqovP8T.js +0 -79
- package/dist/assets/OnboardingTour-B5gEod5H.js +0 -4
- package/dist/assets/OnboardingTour-DoEbirUE.css +0 -1
- package/dist/assets/OnboardingTour.stories-BzHBS52z.js +0 -46
- package/dist/assets/PasswordField-BjqiXySY.js +0 -6
- package/dist/assets/PasswordField.stories-YCTP14pU.js +0 -229
- package/dist/assets/PreplyLogo.stories-lPBmn_E2.js +0 -95
- package/dist/assets/ProgressBar-N_jhfqno.css +0 -1
- package/dist/assets/ProgressBar.stories-DqvDJEeF.js +0 -44
- package/dist/assets/ProgressSteps-5GOrC9Qn.css +0 -1
- package/dist/assets/ProgressSteps-Dce_SjLt.js +0 -2
- package/dist/assets/ProgressSteps.stories-BMDqz7-Z.js +0 -31
- package/dist/assets/PromoDialog-DdnXVfH8.js +0 -3
- package/dist/assets/RangeSlider-MZqvjtBp.js +0 -4
- package/dist/assets/RangeSlider.stories-BS4-l1u4.js +0 -117
- package/dist/assets/Rating.stories-wHsrBw3w.js +0 -116
- package/dist/assets/RatingInput.stories-BKAXF4Qv.js +0 -455
- package/dist/assets/SelectField-BvrdbknI.css +0 -1
- package/dist/assets/SelectField-DU60q2LU.js +0 -19
- package/dist/assets/SelectField.stories-BKCyFPQa.js +0 -517
- package/dist/assets/ShowOnIntersection.stories-BdO_3n9P.js +0 -17
- package/dist/assets/SingleSelectChips-CDtny-H7.js +0 -2
- package/dist/assets/Slider-B8ndK7PX.js +0 -2
- package/dist/assets/Slider-B_IRLClB.css +0 -1
- package/dist/assets/Slider.stories-CBV0fePJ.js +0 -69
- package/dist/assets/Spinner-8-RB4YZR.js +0 -1
- package/dist/assets/Spinner-CzIq-Vt3.css +0 -1
- package/dist/assets/Stars-BJkSwBV2.css +0 -1
- package/dist/assets/Stars-BSTkfC0i.js +0 -1
- package/dist/assets/Steps-DUeCVcxV.js +0 -26
- package/dist/assets/Steps-nUB2CDHz.css +0 -1
- package/dist/assets/Switch-DHmH1ale.css +0 -1
- package/dist/assets/Switch-Dyoj_Z1P.js +0 -12
- package/dist/assets/Switch.stories-CDVDjU2B.js +0 -151
- package/dist/assets/Text-D2ADMZ83.css +0 -1
- package/dist/assets/Text-DJTKRzSb.js +0 -1
- package/dist/assets/Text-DvShrljd.js +0 -1
- package/dist/assets/Text-O3SM8a3p.css +0 -1
- package/dist/assets/Text.stories-DRuLuJwb.js +0 -67
- package/dist/assets/TextField-BSJgR_zK.js +0 -6
- package/dist/assets/TextField.stories-rtu-asgN.js +0 -254
- package/dist/assets/TextHighlighted.stories-Bc0bMLCv.js +0 -32
- package/dist/assets/TextInline.stories-DKWvwjg6.js +0 -50
- package/dist/assets/TextareaField-DUqOyVK5.js +0 -53
- package/dist/assets/TextareaField.stories-CiRYJL_j.js +0 -272
- package/dist/assets/Toast-PKFBYWQw.css +0 -1
- package/dist/assets/Toast.stories-S5qFLRPf.js +0 -185
- package/dist/assets/TokyoUIAttach-BsMlsNHQ.js +0 -1
- package/dist/assets/TokyoUIAvailability7LateNight-BUCnoHXS.js +0 -1
- package/dist/assets/TokyoUICheck-DQLX_x10.js +0 -1
- package/dist/assets/TokyoUICheckmark-BHJrELn_.js +0 -1
- package/dist/assets/TokyoUIChevronDown-DiBNbDdz.js +0 -1
- package/dist/assets/TokyoUIChevronRight-DRhJYmWB.js +0 -1
- package/dist/assets/TokyoUIClose-BfMyMrDa.js +0 -1
- package/dist/assets/TokyoUIEmojiFrowning-DkxcBN-M.js +0 -1
- package/dist/assets/TokyoUIErrorWarning-GuwQvo24.js +0 -1
- package/dist/assets/TokyoUIExerciseClosedGapsJumble-BhG23ylY.css +0 -1
- package/dist/assets/TokyoUIExerciseClosedGapsJumble-C8roFqfh.js +0 -1
- package/dist/assets/TokyoUIEye-oyrTN--k.js +0 -1
- package/dist/assets/TokyoUIFav-C-stY9U_.js +0 -1
- package/dist/assets/TokyoUIInfo-BSNbI4Gr.js +0 -1
- package/dist/assets/TokyoUILanguage-BcrymOo9.js +0 -1
- package/dist/assets/TokyoUILibraryExplore-DvvKpWd6.js +0 -1
- package/dist/assets/TokyoUILock-B22xkFQW.js +0 -1
- package/dist/assets/TokyoUIMessages-hZLnK87p.js +0 -1
- package/dist/assets/TokyoUIMinus-C6TctZRw.js +0 -1
- package/dist/assets/TokyoUINotebook-mwleX-o1.js +0 -1
- package/dist/assets/TokyoUINotesWithPad-CG0gLTYm.js +0 -1
- package/dist/assets/TokyoUIPhone-CFykqUer.js +0 -1
- package/dist/assets/TokyoUISettings-BbgnUEy1.js +0 -1
- package/dist/assets/TokyoUISparkle-DPOw7W2T.js +0 -1
- package/dist/assets/TokyoUIStarFilled-CF0iG37X.js +0 -1
- package/dist/assets/TokyoUITag-B1Xueyd7.js +0 -1
- package/dist/assets/TokyoUIUpload-CrasJ02A.js +0 -1
- package/dist/assets/TokyoUIUser-XhPCF9-5.js +0 -1
- package/dist/assets/Tooltip-BiqKWYpo.js +0 -9
- package/dist/assets/Tooltip.stories-DCB24NyS.js +0 -93
- package/dist/assets/Tooltip.tests.stories-B3iLlPPq.js +0 -65
- package/dist/assets/VisuallyHidden-Jfhj9R2Y.css +0 -1
- package/dist/assets/VisuallyHidden-fvo3PSUE.js +0 -1
- package/dist/assets/WithTooltip-IO6J4KBT-BUV9ELqr.js +0 -9
- package/dist/assets/align-self-BYi8giLn.js +0 -1
- package/dist/assets/align-self-C4ATemga.css +0 -1
- package/dist/assets/ar-D1Y8jKvF.js +0 -1
- package/dist/assets/axe-BG-rWtCi.js +0 -30
- package/dist/assets/breakpoints-BfMlrtxE.js +0 -1
- package/dist/assets/breakpoints-CBpJ5xgl.js +0 -31
- package/dist/assets/breakpoints-Cu9uEe0J.js +0 -32
- package/dist/assets/breakpoints-CuJuvIR9.js +0 -30
- package/dist/assets/client-BN2KdiJY.js +0 -1
- package/dist/assets/componentNames-hc9KR2nX.js +0 -1
- package/dist/assets/constants-5om8Ptru.js +0 -1
- package/dist/assets/constants-DYYVurUY.js +0 -1
- package/dist/assets/consts-KAYct7Gj.js +0 -1
- package/dist/assets/createRequiredContext-B3Arn9-D.js +0 -241
- package/dist/assets/createRequiredContext-Cjxy1dPq.css +0 -1
- package/dist/assets/cs-CamDwf-r.js +0 -1
- package/dist/assets/de-CWLDjtzP.js +0 -1
- package/dist/assets/emotion-unitless.esm-BZwEwAnk.js +0 -1
- package/dist/assets/en-DmA3N6t9.js +0 -1
- package/dist/assets/es-C4sqCVWL.js +0 -1
- package/dist/assets/filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js +0 -1
- package/dist/assets/filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js +0 -1
- package/dist/assets/fonts-explorer-B5KcfnOG.css +0 -1
- package/dist/assets/fonts-explorer.stories-CeMUwBuQ.js +0 -130
- package/dist/assets/formatter-QJ4M4OGQ-B2Vljo6_.js +0 -1
- package/dist/assets/fr-BxUkVECU.js +0 -1
- package/dist/assets/getTokenVar-CVkrm5Qs.js +0 -1
- package/dist/assets/getTokenVar-DmUJH1GU.js +0 -11
- package/dist/assets/gradientBorders-Q_ip9Ojv.js +0 -45
- package/dist/assets/hk-CamDwf-r.js +0 -1
- package/dist/assets/hover-C8NhPbjk.js +0 -13
- package/dist/assets/hover-C9fsErpn.js +0 -16
- package/dist/assets/hover-D55mJaWK.js +0 -14
- package/dist/assets/id-BUwhaEpp.js +0 -1
- package/dist/assets/iframe-B_74HtSc.js +0 -1891
- package/dist/assets/iframe-DR4kltvM.css +0 -1
- package/dist/assets/index-BJaBvJhB.js +0 -22
- package/dist/assets/index-BW8FBNWq.js +0 -193
- package/dist/assets/index-CC6DAVyL.js +0 -1
- package/dist/assets/index-Cnv20V_M.js +0 -1
- package/dist/assets/index-DIqvfT2b.js +0 -12
- package/dist/assets/index-DWFFXgf1.js +0 -1
- package/dist/assets/index-W3BB_3go.js +0 -41
- package/dist/assets/intro-DOuARa_Y.js +0 -31
- package/dist/assets/it-kJJ1S0qv.js +0 -1
- package/dist/assets/ja-CThSHCIs.js +0 -1
- package/dist/assets/ko-B1qhOecF.js +0 -1
- package/dist/assets/layout-relative-B9CiYPwj.js +0 -1
- package/dist/assets/layout-relative-BWwbkKin.css +0 -1
- package/dist/assets/layout-relative-DOxkgOJk.css +0 -1
- package/dist/assets/layout-relative.module-1z75aSwo-Dcy7i8oK.js +0 -1
- package/dist/assets/layout-relative.module-BIZVul8q.js +0 -1
- package/dist/assets/matchers-DMFSMG2O-CAdg16Fl.js +0 -14
- package/dist/assets/mcp-D2eIYE7x.js +0 -32
- package/dist/assets/message-DJT5rp5J.js +0 -1
- package/dist/assets/migrating-from-less-CxT_5hNC.js +0 -36
- package/dist/assets/mixins-DZk1Zeoo.js +0 -7
- package/dist/assets/nl-CEfRou2e.js +0 -1
- package/dist/assets/options-jUub4JL1.js +0 -1
- package/dist/assets/pl-B4SjM4RJ.js +0 -1
- package/dist/assets/playground.stories-DqwdOX0P.js +0 -6
- package/dist/assets/preload-helper-Dp1pzeXC.js +0 -1
- package/dist/assets/pt-B_cv-Bbz.js +0 -1
- package/dist/assets/react-18-DoE4ZK8O.js +0 -1
- package/dist/assets/render-icon-DSbVIpCz.js +0 -9
- package/dist/assets/render-icon-MT6RlyNs.js +0 -9
- package/dist/assets/ro-Wp2i1-uz.js +0 -1
- package/dist/assets/ru-C9RPHSvh.js +0 -1
- package/dist/assets/shared-strings-ThL9KyH0.js +0 -1
- package/dist/assets/store-B0wM9Zg8.js +0 -9
- package/dist/assets/styled-components.browser.esm-BHxIJD2_.js +0 -2
- package/dist/assets/styled-components.browser.esm-rrOBirU4.js +0 -2
- package/dist/assets/sv-BV70iAZ6.js +0 -1
- package/dist/assets/syntaxhighlighter-IQDEPFLK-BakL6JIW.js +0 -6
- package/dist/assets/text-accent-BQ9POoE5.js +0 -1
- package/dist/assets/text-centered-BEaaxMgl.js +0 -1
- package/dist/assets/text-centered-CT0UilMD.css +0 -1
- package/dist/assets/text-centered-CYnBFi3a.js +0 -1
- package/dist/assets/text-centered-DxXu3Wfr.css +0 -1
- package/dist/assets/th-DQ6Pn590.js +0 -1
- package/dist/assets/tokens-BEyO2LY-.js +0 -15
- package/dist/assets/tokens-Cg01svK-.js +0 -15
- package/dist/assets/tokens-CmSwgWJ8.js +0 -16
- package/dist/assets/tokens-im-qJUCZ.js +0 -1
- package/dist/assets/tr-ByOPzs3p.js +0 -1
- package/dist/assets/tw-CamDwf-r.js +0 -1
- package/dist/assets/ua-rcge5Swp.js +0 -1
- package/dist/assets/useControllableState-BB4EHwEp.js +0 -1
- package/dist/assets/useHostname-CbpnzdHv.js +0 -1
- package/dist/assets/useMergeRefs-CFhXCqbA.js +0 -1
- package/dist/assets/useMergeRefs-Caz9hOck.js +0 -1
- package/dist/assets/useOpenInteractionType-D3sASQWj.js +0 -15
- package/dist/assets/usePortalElement-Cbyb850w.js +0 -19
- package/dist/assets/useStableCallback-D5P5kDx5.js +0 -1
- package/dist/assets/useToken-OSVftwxQ.js +0 -1
- package/dist/assets/welcome-QqBTVkpV.js +0 -23
- package/dist/assets/zeroheight-BXMq4jvo.js +0 -75
- package/dist/assets/zh-B9zAtuTc.js +0 -1
- package/dist/sb-addons/storybook-5/manager-bundle.js +0 -3
- package/vitest.config.mts +0 -30
|
@@ -0,0 +1,272 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./TextareaField-D-D245Qp.js";var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T;t((()=>{o=e(n(),1),i(),s=r(),{expect:c,userEvent:l,within:u,fn:d}=__STORYBOOK_MODULE_TEST__,f={title:`components/TextareaField`,component:a,args:{name:`message`,label:`Textarea`,defaultValue:``,placeholder:`Enter text here`,dataset:{testid:`field`,foo:`bar`},inputDataset:{testid:`input`,foo:`bar`},onChange:d(),onValueChange:d(),onBlur:d(),onFocus:d(),onClick:d(),onCopy:d(),onKeyDown:d(),onKeyUp:d(),onPaste:d()}},p={play:async({canvasElement:e,step:t,args:n})=>{let r=u(e),i=r.getByTestId(`field`),a=r.getByTestId(`input`);await t(`it should render correct label`,async()=>{c(u(i).getByTestId(`label`)).toHaveTextContent(`Textarea • Optional`),c(a).toHaveAccessibleName(`Textarea`)}),await t(`it should call onFocus when the input is focused`,async()=>{a.focus(),c(n.onFocus).toHaveBeenCalled()}),await t(`it should call callback when the value changes`,async()=>{await l.type(a,`Hello world`),c(n.onValueChange).toHaveBeenCalledWith(`Hello world`),c(n.onChange).toHaveBeenCalled()}),await t(`it should call onBlur when the input is blurred`,async()=>{await l.keyboard(`{tab}`),c(n.onBlur).toHaveBeenCalled()}),await t(`it should render the dataset props`,async()=>{c(i).toHaveAttribute(`data-testid`,`field`),c(i).toHaveAttribute(`data-foo`,`bar`),c(a).toHaveAttribute(`data-testid`,`input`),c(a).toHaveAttribute(`data-foo`,`bar`)})}},m={render:function(e){let[t,n]=(0,o.useState)(e.value);return(0,s.jsx)(a,{...e,value:t,onChange:t=>{n(t.target.value),e.onChange?.(t)}})},args:{label:`Controlled TextareaField`,placeholder:`Type your message...`,value:`Initial textarea content`,defaultValue:void 0},play:async({canvas:e,step:t})=>{await t(`it should render the correct initial value`,async()=>{await c(e.getByTestId(`input`)).toHaveValue(`Initial textarea content`)}),await t(`it should update the value when the user types`,async()=>{let t=e.getByTestId(`input`);await l.clear(t),await l.type(t,`New controlled content`),c(t).toHaveValue(`New controlled content`)})}},h={args:{defaultValue:`Hey, you!`,resize:`both`},play:async({canvas:e,step:t})=>{await t(`it should apply the resize style`,async()=>{c(e.getByTestId(`input`)).toHaveStyle({resize:`both`})})}},g={args:{defaultValue:`Hey, you!`,resize:`vertical`},play:async({canvas:e,step:t})=>{await t(`it should apply the resize style`,async()=>{c(e.getByTestId(`input`)).toHaveStyle({resize:`vertical`})})}},_={args:{defaultValue:`Hey, you!`,resize:`horizontal`},play:async({canvas:e,step:t})=>{await t(`it should apply the resize style`,async()=>{c(e.getByTestId(`input`)).toHaveStyle({resize:`horizontal`})})}},v={args:{description:`We will get back to you as soon as possible`},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`input`),r=e.getByTestId(`description`);await t(`it should render the description`,async()=>{c(n).toHaveAccessibleDescription(`We will get back to you as soon as possible`),c(r).toHaveTextContent(`We will get back to you as soon as possible`)})}},y={args:{required:!0},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`input`),r=e.getByTestId(`label`);await t(`it should render correct label`,async()=>{c(n).toHaveAccessibleName(`Textarea`),c(r).toHaveTextContent(`Textarea`)}),await t(`it should render required attribute`,async()=>{c(n).toHaveAttribute(`required`)})}},b={args:{hideLabel:!0},play:async({canvas:e,step:t})=>{await t(`it should render correct a11y label`,async()=>{c(e.getByTestId(`input`)).toHaveAccessibleName(`Textarea`)})}},x={args:{error:`This is an error message`},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`input`),r=e.getByTestId(`error`);await t(`it should render the error message`,async()=>{c(n).toHaveAccessibleErrorMessage(`This is an error message`),c(r).toHaveTextContent(`This is an error message`)})}},S={args:{disabled:!0},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`input`);await t(`it should render the disabled input`,async()=>{c(n).toHaveAttribute(`disabled`)})}},C={args:{readOnly:!0},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`input`);await t(`it should render the read only input`,async()=>{c(n).toHaveAttribute(`readonly`)})}},w={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}}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
|
|
2
|
+
play: async ({
|
|
3
|
+
canvasElement,
|
|
4
|
+
step,
|
|
5
|
+
args
|
|
6
|
+
}) => {
|
|
7
|
+
const canvas = within(canvasElement);
|
|
8
|
+
const field = canvas.getByTestId('field');
|
|
9
|
+
const input = canvas.getByTestId('input');
|
|
10
|
+
await step('it should render correct label', async () => {
|
|
11
|
+
const label = within(field).getByTestId('label');
|
|
12
|
+
expect(label).toHaveTextContent('Textarea • Optional');
|
|
13
|
+
expect(input).toHaveAccessibleName('Textarea');
|
|
14
|
+
});
|
|
15
|
+
await step('it should call onFocus when the input is focused', async () => {
|
|
16
|
+
input.focus();
|
|
17
|
+
expect(args.onFocus).toHaveBeenCalled();
|
|
18
|
+
});
|
|
19
|
+
await step('it should call callback when the value changes', async () => {
|
|
20
|
+
await userEvent.type(input, 'Hello world');
|
|
21
|
+
expect(args.onValueChange).toHaveBeenCalledWith('Hello world');
|
|
22
|
+
expect(args.onChange).toHaveBeenCalled();
|
|
23
|
+
});
|
|
24
|
+
await step('it should call onBlur when the input is blurred', async () => {
|
|
25
|
+
await userEvent.keyboard('{tab}');
|
|
26
|
+
expect(args.onBlur).toHaveBeenCalled();
|
|
27
|
+
});
|
|
28
|
+
await step('it should render the dataset props', async () => {
|
|
29
|
+
expect(field).toHaveAttribute('data-testid', 'field');
|
|
30
|
+
expect(field).toHaveAttribute('data-foo', 'bar');
|
|
31
|
+
expect(input).toHaveAttribute('data-testid', 'input');
|
|
32
|
+
expect(input).toHaveAttribute('data-foo', 'bar');
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
}`,...p.parameters?.docs?.source},description:{story:"An empty field with a `label` and a `placeholder`.",...p.parameters?.docs?.description}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
|
|
36
|
+
render: function ControlledTextareaField(args) {
|
|
37
|
+
const [value, setValue] = useState(args.value);
|
|
38
|
+
return <TextareaField {...args} value={value} onChange={e => {
|
|
39
|
+
setValue(e.target.value);
|
|
40
|
+
args.onChange?.(e);
|
|
41
|
+
}} />;
|
|
42
|
+
},
|
|
43
|
+
args: {
|
|
44
|
+
label: 'Controlled TextareaField',
|
|
45
|
+
placeholder: 'Type your message...',
|
|
46
|
+
value: 'Initial textarea content',
|
|
47
|
+
defaultValue: undefined
|
|
48
|
+
},
|
|
49
|
+
play: async ({
|
|
50
|
+
canvas,
|
|
51
|
+
step
|
|
52
|
+
}) => {
|
|
53
|
+
await step('it should render the correct initial value', async () => {
|
|
54
|
+
const input = canvas.getByTestId('input');
|
|
55
|
+
await expect(input).toHaveValue('Initial textarea content');
|
|
56
|
+
});
|
|
57
|
+
await step('it should update the value when the user types', async () => {
|
|
58
|
+
const input = canvas.getByTestId('input');
|
|
59
|
+
await userEvent.clear(input);
|
|
60
|
+
await userEvent.type(input, 'New controlled content');
|
|
61
|
+
expect(input).toHaveValue('New controlled content');
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
}`,...m.parameters?.docs?.source},description:{story:`A controlled component where the value is managed by React state.`,...m.parameters?.docs?.description}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
|
|
65
|
+
args: {
|
|
66
|
+
defaultValue: 'Hey, you!',
|
|
67
|
+
resize: 'both'
|
|
68
|
+
},
|
|
69
|
+
play: async ({
|
|
70
|
+
canvas,
|
|
71
|
+
step
|
|
72
|
+
}) => {
|
|
73
|
+
await step('it should apply the resize style', async () => {
|
|
74
|
+
const textarea = canvas.getByTestId('input');
|
|
75
|
+
expect(textarea).toHaveStyle({
|
|
76
|
+
resize: 'both'
|
|
77
|
+
});
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
|
|
81
|
+
args: {
|
|
82
|
+
defaultValue: 'Hey, you!',
|
|
83
|
+
resize: 'vertical'
|
|
84
|
+
},
|
|
85
|
+
play: async ({
|
|
86
|
+
canvas,
|
|
87
|
+
step
|
|
88
|
+
}) => {
|
|
89
|
+
await step('it should apply the resize style', async () => {
|
|
90
|
+
const textarea = canvas.getByTestId('input');
|
|
91
|
+
expect(textarea).toHaveStyle({
|
|
92
|
+
resize: 'vertical'
|
|
93
|
+
});
|
|
94
|
+
});
|
|
95
|
+
}
|
|
96
|
+
}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
|
|
97
|
+
args: {
|
|
98
|
+
defaultValue: 'Hey, you!',
|
|
99
|
+
resize: 'horizontal'
|
|
100
|
+
},
|
|
101
|
+
play: async ({
|
|
102
|
+
canvas,
|
|
103
|
+
step
|
|
104
|
+
}) => {
|
|
105
|
+
await step('it should apply the resize style', async () => {
|
|
106
|
+
const textarea = canvas.getByTestId('input');
|
|
107
|
+
expect(textarea).toHaveStyle({
|
|
108
|
+
resize: 'horizontal'
|
|
109
|
+
});
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
}`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
|
|
113
|
+
args: {
|
|
114
|
+
description: 'We will get back to you as soon as possible'
|
|
115
|
+
},
|
|
116
|
+
play: async ({
|
|
117
|
+
canvas,
|
|
118
|
+
step
|
|
119
|
+
}) => {
|
|
120
|
+
const input = canvas.getByTestId('input');
|
|
121
|
+
const description = canvas.getByTestId('description');
|
|
122
|
+
await step('it should render the description', async () => {
|
|
123
|
+
expect(input).toHaveAccessibleDescription('We will get back to you as soon as possible');
|
|
124
|
+
expect(description).toHaveTextContent('We will get back to you as soon as possible');
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
}`,...v.parameters?.docs?.source}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
|
|
128
|
+
args: {
|
|
129
|
+
required: true
|
|
130
|
+
},
|
|
131
|
+
play: async ({
|
|
132
|
+
canvas,
|
|
133
|
+
step
|
|
134
|
+
}) => {
|
|
135
|
+
const input = canvas.getByTestId('input');
|
|
136
|
+
const label = canvas.getByTestId('label');
|
|
137
|
+
await step('it should render correct label', async () => {
|
|
138
|
+
expect(input).toHaveAccessibleName('Textarea');
|
|
139
|
+
expect(label).toHaveTextContent('Textarea');
|
|
140
|
+
});
|
|
141
|
+
await step('it should render required attribute', async () => {
|
|
142
|
+
expect(input).toHaveAttribute('required');
|
|
143
|
+
});
|
|
144
|
+
}
|
|
145
|
+
}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
|
|
146
|
+
args: {
|
|
147
|
+
hideLabel: true
|
|
148
|
+
},
|
|
149
|
+
play: async ({
|
|
150
|
+
canvas,
|
|
151
|
+
step
|
|
152
|
+
}) => {
|
|
153
|
+
await step('it should render correct a11y label', async () => {
|
|
154
|
+
const input = canvas.getByTestId('input');
|
|
155
|
+
expect(input).toHaveAccessibleName('Textarea');
|
|
156
|
+
});
|
|
157
|
+
}
|
|
158
|
+
}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
|
|
159
|
+
args: {
|
|
160
|
+
error: 'This is an error message'
|
|
161
|
+
},
|
|
162
|
+
play: async ({
|
|
163
|
+
canvas,
|
|
164
|
+
step
|
|
165
|
+
}) => {
|
|
166
|
+
const input = canvas.getByTestId('input');
|
|
167
|
+
const error = canvas.getByTestId('error');
|
|
168
|
+
await step('it should render the error message', async () => {
|
|
169
|
+
expect(input).toHaveAccessibleErrorMessage('This is an error message');
|
|
170
|
+
expect(error).toHaveTextContent('This is an error message');
|
|
171
|
+
});
|
|
172
|
+
}
|
|
173
|
+
}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
|
|
174
|
+
args: {
|
|
175
|
+
disabled: true
|
|
176
|
+
},
|
|
177
|
+
play: async ({
|
|
178
|
+
canvas,
|
|
179
|
+
step
|
|
180
|
+
}) => {
|
|
181
|
+
const input = canvas.getByTestId('input');
|
|
182
|
+
await step('it should render the disabled input', async () => {
|
|
183
|
+
expect(input).toHaveAttribute('disabled');
|
|
184
|
+
});
|
|
185
|
+
}
|
|
186
|
+
}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
|
|
187
|
+
args: {
|
|
188
|
+
readOnly: true
|
|
189
|
+
},
|
|
190
|
+
play: async ({
|
|
191
|
+
canvas,
|
|
192
|
+
step
|
|
193
|
+
}) => {
|
|
194
|
+
const input = canvas.getByTestId('input');
|
|
195
|
+
await step('it should render the read only input', async () => {
|
|
196
|
+
expect(input).toHaveAttribute('readonly');
|
|
197
|
+
});
|
|
198
|
+
}
|
|
199
|
+
}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
|
|
200
|
+
parameters: {
|
|
201
|
+
chromatic: {
|
|
202
|
+
disableSnapshot: true
|
|
203
|
+
}
|
|
204
|
+
},
|
|
205
|
+
args: {
|
|
206
|
+
label: 'Your message',
|
|
207
|
+
placeholder: 'I have a question about ...',
|
|
208
|
+
description: 'We will get back to you as soon as possible'
|
|
209
|
+
},
|
|
210
|
+
argTypes: {
|
|
211
|
+
label: {
|
|
212
|
+
control: 'text'
|
|
213
|
+
},
|
|
214
|
+
placeholder: {
|
|
215
|
+
control: 'text'
|
|
216
|
+
},
|
|
217
|
+
description: {
|
|
218
|
+
control: 'text'
|
|
219
|
+
},
|
|
220
|
+
error: {
|
|
221
|
+
control: 'text'
|
|
222
|
+
},
|
|
223
|
+
value: {
|
|
224
|
+
control: 'text'
|
|
225
|
+
},
|
|
226
|
+
defaultValue: {
|
|
227
|
+
control: 'text'
|
|
228
|
+
},
|
|
229
|
+
inputDataset: {
|
|
230
|
+
control: 'object'
|
|
231
|
+
},
|
|
232
|
+
dataset: {
|
|
233
|
+
control: 'object'
|
|
234
|
+
},
|
|
235
|
+
id: {
|
|
236
|
+
control: 'text'
|
|
237
|
+
},
|
|
238
|
+
required: {
|
|
239
|
+
control: 'boolean'
|
|
240
|
+
},
|
|
241
|
+
hideLabel: {
|
|
242
|
+
control: 'boolean'
|
|
243
|
+
},
|
|
244
|
+
name: {
|
|
245
|
+
control: 'text'
|
|
246
|
+
},
|
|
247
|
+
disabled: {
|
|
248
|
+
control: 'boolean'
|
|
249
|
+
},
|
|
250
|
+
readOnly: {
|
|
251
|
+
control: 'boolean'
|
|
252
|
+
},
|
|
253
|
+
resize: {
|
|
254
|
+
control: 'select'
|
|
255
|
+
},
|
|
256
|
+
rows: {
|
|
257
|
+
control: 'number'
|
|
258
|
+
},
|
|
259
|
+
maxLength: {
|
|
260
|
+
control: 'number'
|
|
261
|
+
},
|
|
262
|
+
autoComplete: {
|
|
263
|
+
control: 'select'
|
|
264
|
+
},
|
|
265
|
+
// Disable deprecated props
|
|
266
|
+
hasError: {
|
|
267
|
+
table: {
|
|
268
|
+
disable: true
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
}
|
|
272
|
+
}`,...w.parameters?.docs?.source}}},T=[`Basic`,`Controlled`,`WithResize`,`WithVerticalResize`,`WithHorizontalResize`,`WithDescription`,`Required`,`WithHiddenLabel`,`HasError`,`Disabled`,`ReadOnly`,`Playground`]}))();export{p as Basic,m as Controlled,S as Disabled,x as HasError,w as Playground,C as ReadOnly,y as Required,v as WithDescription,b as WithHiddenLabel,_ as WithHorizontalResize,h as WithResize,g as WithVerticalResize,T as __namedExportsOrder,f as default};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i}from"./dist-DtfJeYQK.js";import{t as a}from"./react-dom-CLuuWI32.js";import{t as o}from"./jsx-runtime-C2wGStra.js";import{n as s,t as c}from"./dist-Cc1j9Pjk.js";import{n as l,t as u}from"./Icon-CfZyHxyH.js";import{o as d,r as ee}from"./lib-CXCPi5ID.js";import{n as f,t as te}from"./shared-strings-DrlpFtg5.js";function ne(e){if(!e||typeof document>`u`)return;let t=document.head||document.getElementsByTagName(`head`)[0],n=document.createElement(`style`);n.type=`text/css`,t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}function p(e){return e.label!==void 0}function m(...e){return e.filter(Boolean).join(` `)}function re(e){let[t,n]=e.split(`-`),r=[];return t&&r.push(t),n&&r.push(n),r}function h(){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 ie(e,t){let n={};return[e,t].forEach((e,t)=>{let r=t===1,i=r?`--mobile-offset`:`--offset`,a=r?N:M;function o(e){[`top`,`right`,`bottom`,`left`].forEach(t=>{n[`${i}-${t}`]=typeof e==`number`?`${e}px`:e})}typeof e==`number`||typeof e==`string`?o(e):typeof e==`object`?[`top`,`right`,`bottom`,`left`].forEach(t=>{e[t]===void 0?n[`${i}-${t}`]=a:n[`${i}-${t}`]=typeof e[t]==`number`?`${e[t]}px`:e[t]}):o(a)}),n}var g,ae,oe,_,v,y,b,x,S,se,ce,C,w,T,E,D,O,k,A,j,le,M,N,ue,P,de,fe,pe,me,F,he=t((()=>{g=e(n(),1),ae=e(a(),1),oe=e=>{switch(e){case`success`:return y;case`info`:return x;case`warning`:return b;case`error`:return S;default:return null}},_=Array(12).fill(0),v=({visible:e,className:t})=>g.createElement(`div`,{className:[`sonner-loading-wrapper`,t].filter(Boolean).join(` `),"data-visible":e},g.createElement(`div`,{className:`sonner-spinner`},_.map((e,t)=>g.createElement(`div`,{className:`sonner-loading-bar`,key:`spinner-bar-${t}`})))),y=g.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`,fill:`currentColor`,height:`20`,width:`20`},g.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`})),b=g.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,height:`20`,width:`20`},g.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`})),x=g.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`,fill:`currentColor`,height:`20`,width:`20`},g.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`})),S=g.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`,fill:`currentColor`,height:`20`,width:`20`},g.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`})),se=g.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`},g.createElement(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),g.createElement(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})),ce=()=>{let[e,t]=g.useState(document.hidden);return g.useEffect(()=>{let e=()=>{t(document.hidden)};return document.addEventListener(`visibilitychange`,e),()=>window.removeEventListener(`visibilitychange`,e)},[]),e},C=1,w=class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);this.subscribers.splice(t,1)}),this.publish=e=>{this.subscribers.forEach(t=>t(e))},this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]},this.create=e=>{let{message:t,...n}=e,r=typeof e?.id==`number`||e.id?.length>0?e.id:C++,i=this.toasts.find(e=>e.id===r),a=e.dismissible===void 0?!0:e.dismissible;return this.dismissedToasts.has(r)&&this.dismissedToasts.delete(r),i?this.toasts=this.toasts.map(n=>n.id===r?(this.publish({...n,...e,id:r,title:t}),{...n,...e,id:r,dismissible:a,title:t}):n):this.addToast({title:t,...n,dismissible:a,id:r}),r},this.dismiss=e=>(e?(this.dismissedToasts.add(e),requestAnimationFrame(()=>this.subscribers.forEach(t=>t({id:e,dismiss:!0})))):this.toasts.forEach(e=>{this.subscribers.forEach(t=>t({id:e.id,dismiss:!0}))}),e),this.message=(e,t)=>this.create({...t,message:e}),this.error=(e,t)=>this.create({...t,message:e,type:`error`}),this.success=(e,t)=>this.create({...t,type:`success`,message:e}),this.info=(e,t)=>this.create({...t,type:`info`,message:e}),this.warning=(e,t)=>this.create({...t,type:`warning`,message:e}),this.loading=(e,t)=>this.create({...t,type:`loading`,message:e}),this.promise=(e,t)=>{if(!t)return;let n;t.loading!==void 0&&(n=this.create({...t,promise:e,type:`loading`,message:t.loading,description:typeof t.description==`function`?void 0:t.description}));let r=Promise.resolve(e instanceof Function?e():e),i=n!==void 0,a,o=r.then(async e=>{if(a=[`resolve`,e],g.isValidElement(e))i=!1,this.create({id:n,type:`default`,message:e});else if(D(e)&&!e.ok){i=!1;let r=typeof t.error==`function`?await t.error(`HTTP error! status: ${e.status}`):t.error,a=typeof t.description==`function`?await t.description(`HTTP error! status: ${e.status}`):t.description,o=typeof r==`object`&&!g.isValidElement(r)?r:{message:r};this.create({id:n,type:`error`,description:a,...o})}else if(e instanceof Error){i=!1;let r=typeof t.error==`function`?await t.error(e):t.error,a=typeof t.description==`function`?await t.description(e):t.description,o=typeof r==`object`&&!g.isValidElement(r)?r:{message:r};this.create({id:n,type:`error`,description:a,...o})}else if(t.success!==void 0){i=!1;let r=typeof t.success==`function`?await t.success(e):t.success,a=typeof t.description==`function`?await t.description(e):t.description,o=typeof r==`object`&&!g.isValidElement(r)?r:{message:r};this.create({id:n,type:`success`,description:a,...o})}}).catch(async e=>{if(a=[`reject`,e],t.error!==void 0){i=!1;let r=typeof t.error==`function`?await t.error(e):t.error,a=typeof t.description==`function`?await t.description(e):t.description,o=typeof r==`object`&&!g.isValidElement(r)?r:{message:r};this.create({id:n,type:`error`,description:a,...o})}}).finally(()=>{i&&(this.dismiss(n),n=void 0),t.finally==null||t.finally.call(t)}),s=()=>new Promise((e,t)=>o.then(()=>a[0]===`reject`?t(a[1]):e(a[1])).catch(t));return typeof n!=`string`&&typeof n!=`number`?{unwrap:s}:Object.assign(n,{unwrap:s})},this.custom=(e,t)=>{let n=t?.id||C++;return this.create({jsx:e(n),id:n,...t}),n},this.getActiveToasts=()=>this.toasts.filter(e=>!this.dismissedToasts.has(e.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}},T=new w,E=(e,t)=>{let n=t?.id||C++;return T.addToast({title:e,...t,id:n}),n},D=e=>e&&typeof e==`object`&&`ok`in e&&typeof e.ok==`boolean`&&`status`in e&&typeof e.status==`number`,O=E,k=()=>T.toasts,A=()=>T.getActiveToasts(),j=Object.assign(O,{success:T.success,info:T.info,warning:T.warning,error:T.error,custom:T.custom,message:T.message,promise:T.promise,dismiss:T.dismiss,loading:T.loading},{getHistory:k,getToasts:A}),ne(`[data-sonner-toaster][dir=ltr],html[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%)}[data-sonner-toaster][dir=rtl],html[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%)}[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:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[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);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[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 rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [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)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [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;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [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);background:var(--normal-bg);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-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[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}[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}[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,0)) translateX(var(--swipe-amount-x,0));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{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{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{from{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-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--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-sonner-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-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-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, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--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-sonner-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-sonner-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]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[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]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[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]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[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]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[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:first-child{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)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{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%)}`),le=3,M=`24px`,N=`16px`,ue=4e3,P=356,de=14,fe=45,pe=200,me=e=>{let{invert:t,toast:n,unstyled:r,interacting:i,setHeights:a,visibleToasts:o,heights:s,index:c,toasts:l,expanded:u,removeToast:d,defaultRichColors:ee,closeButton:f,style:te,cancelButtonStyle:ne,actionButtonStyle:h,className:ie=``,descriptionClassName:ae=``,duration:_,position:y,gap:b,expandByDefault:x,classNames:S,icons:C,closeButtonAriaLabel:w=`Close toast`}=e,[T,E]=g.useState(null),[D,O]=g.useState(null),[k,A]=g.useState(!1),[j,le]=g.useState(!1),[M,N]=g.useState(!1),[P,de]=g.useState(!1),[me,F]=g.useState(!1),[he,I]=g.useState(0),[ge,L]=g.useState(0),R=g.useRef(n.duration||_||ue),z=g.useRef(null),B=g.useRef(null),_e=c===0,V=c+1<=o,H=n.type,U=n.dismissible!==!1,ve=n.className||``,ye=n.descriptionClassName||``,W=g.useMemo(()=>s.findIndex(e=>e.toastId===n.id)||0,[s,n.id]),be=g.useMemo(()=>n.closeButton??f,[n.closeButton,f]),G=g.useMemo(()=>n.duration||_||ue,[n.duration,_]),K=g.useRef(0),q=g.useRef(0),J=g.useRef(0),Y=g.useRef(null),[X,Z]=y.split(`-`),Q=g.useMemo(()=>s.reduce((e,t,n)=>n>=W?e:e+t.height,0),[s,W]),xe=ce(),Se=n.invert||t,Ce=H===`loading`;q.current=g.useMemo(()=>W*b+Q,[W,Q]),g.useEffect(()=>{R.current=G},[G]),g.useEffect(()=>{A(!0)},[]),g.useEffect(()=>{let e=B.current;if(e){let t=e.getBoundingClientRect().height;return L(t),a(e=>[{toastId:n.id,height:t,position:n.position},...e]),()=>a(e=>e.filter(e=>e.toastId!==n.id))}},[a,n.id]),g.useLayoutEffect(()=>{if(!k)return;let e=B.current,t=e.style.height;e.style.height=`auto`;let r=e.getBoundingClientRect().height;e.style.height=t,L(r),a(e=>e.find(e=>e.toastId===n.id)?e.map(e=>e.toastId===n.id?{...e,height:r}:e):[{toastId:n.id,height:r,position:n.position},...e])},[k,n.title,n.description,a,n.id,n.jsx,n.action,n.cancel]);let $=g.useCallback(()=>{le(!0),I(q.current),a(e=>e.filter(e=>e.toastId!==n.id)),setTimeout(()=>{d(n)},pe)},[n,d,a,q]);g.useEffect(()=>{if(n.promise&&H===`loading`||n.duration===1/0||n.type===`loading`)return;let e;return u||i||xe?(()=>{if(J.current<K.current){let e=new Date().getTime()-K.current;R.current-=e}J.current=new Date().getTime()})():R.current!==1/0&&(K.current=new Date().getTime(),e=setTimeout(()=>{n.onAutoClose==null||n.onAutoClose.call(n,n),$()},R.current)),()=>clearTimeout(e)},[u,i,n,H,xe,$]),g.useEffect(()=>{n.delete&&($(),n.onDismiss==null||n.onDismiss.call(n,n))},[$,n.delete]);function we(){return C?.loading?g.createElement(`div`,{className:m(S?.loader,n?.classNames?.loader,`sonner-loader`),"data-visible":H===`loading`},C.loading):g.createElement(v,{className:m(S?.loader,n?.classNames?.loader),visible:H===`loading`})}let Te=n.icon||C?.[H]||oe(H);return g.createElement(`li`,{tabIndex:0,ref:B,className:m(ie,ve,S?.toast,n?.classNames?.toast,S?.default,S?.[H],n?.classNames?.[H]),"data-sonner-toast":``,"data-rich-colors":n.richColors??ee,"data-styled":!(n.jsx||n.unstyled||r),"data-mounted":k,"data-promise":!!n.promise,"data-swiped":me,"data-removed":j,"data-visible":V,"data-y-position":X,"data-x-position":Z,"data-index":c,"data-front":_e,"data-swiping":M,"data-dismissible":U,"data-type":H,"data-invert":Se,"data-swipe-out":P,"data-swipe-direction":D,"data-expanded":!!(u||x&&k),"data-testid":n.testId,style:{"--index":c,"--toasts-before":c,"--z-index":l.length-c,"--offset":`${j?he:q.current}px`,"--initial-height":x?`auto`:`${ge}px`,...te,...n.style},onDragEnd:()=>{N(!1),E(null),Y.current=null},onPointerDown:e=>{e.button!==2&&(Ce||!U||(z.current=new Date,I(q.current),e.target.setPointerCapture(e.pointerId),e.target.tagName!==`BUTTON`&&(N(!0),Y.current={x:e.clientX,y:e.clientY})))},onPointerUp:()=>{if(P||!U)return;Y.current=null;let e=Number(B.current?.style.getPropertyValue(`--swipe-amount-x`).replace(`px`,``)||0),t=Number(B.current?.style.getPropertyValue(`--swipe-amount-y`).replace(`px`,``)||0),r=new Date().getTime()-z.current?.getTime(),i=T===`x`?e:t,a=Math.abs(i)/r;if(Math.abs(i)>=fe||a>.11){I(q.current),n.onDismiss==null||n.onDismiss.call(n,n),O(T===`x`?e>0?`right`:`left`:t>0?`down`:`up`),$(),de(!0);return}else{var o,s;(o=B.current)==null||o.style.setProperty(`--swipe-amount-x`,`0px`),(s=B.current)==null||s.style.setProperty(`--swipe-amount-y`,`0px`)}F(!1),N(!1),E(null)},onPointerMove:t=>{var n,r;if(!Y.current||!U||window.getSelection()?.toString().length>0)return;let i=t.clientY-Y.current.y,a=t.clientX-Y.current.x,o=e.swipeDirections??re(y);!T&&(Math.abs(a)>1||Math.abs(i)>1)&&E(Math.abs(a)>Math.abs(i)?`x`:`y`);let s={x:0,y:0},c=e=>1/(1.5+Math.abs(e)/20);if(T===`y`){if(o.includes(`top`)||o.includes(`bottom`))if(o.includes(`top`)&&i<0||o.includes(`bottom`)&&i>0)s.y=i;else{let e=i*c(i);s.y=Math.abs(e)<Math.abs(i)?e:i}}else if(T===`x`&&(o.includes(`left`)||o.includes(`right`)))if(o.includes(`left`)&&a<0||o.includes(`right`)&&a>0)s.x=a;else{let e=a*c(a);s.x=Math.abs(e)<Math.abs(a)?e:a}(Math.abs(s.x)>0||Math.abs(s.y)>0)&&F(!0),(n=B.current)==null||n.style.setProperty(`--swipe-amount-x`,`${s.x}px`),(r=B.current)==null||r.style.setProperty(`--swipe-amount-y`,`${s.y}px`)}},be&&!n.jsx&&H!==`loading`?g.createElement(`button`,{"aria-label":w,"data-disabled":Ce,"data-close-button":!0,onClick:Ce||!U?()=>{}:()=>{$(),n.onDismiss==null||n.onDismiss.call(n,n)},className:m(S?.closeButton,n?.classNames?.closeButton)},C?.close??se):null,(H||n.icon||n.promise)&&n.icon!==null&&(C?.[H]!==null||n.icon)?g.createElement(`div`,{"data-icon":``,className:m(S?.icon,n?.classNames?.icon)},n.promise||n.type===`loading`&&!n.icon?n.icon||we():null,n.type===`loading`?null:Te):null,g.createElement(`div`,{"data-content":``,className:m(S?.content,n?.classNames?.content)},g.createElement(`div`,{"data-title":``,className:m(S?.title,n?.classNames?.title)},n.jsx?n.jsx:typeof n.title==`function`?n.title():n.title),n.description?g.createElement(`div`,{"data-description":``,className:m(ae,ye,S?.description,n?.classNames?.description)},typeof n.description==`function`?n.description():n.description):null),g.isValidElement(n.cancel)?n.cancel:n.cancel&&p(n.cancel)?g.createElement(`button`,{"data-button":!0,"data-cancel":!0,style:n.cancelButtonStyle||ne,onClick:e=>{p(n.cancel)&&U&&(n.cancel.onClick==null||n.cancel.onClick.call(n.cancel,e),$())},className:m(S?.cancelButton,n?.classNames?.cancelButton)},n.cancel.label):null,g.isValidElement(n.action)?n.action:n.action&&p(n.action)?g.createElement(`button`,{"data-button":!0,"data-action":!0,style:n.actionButtonStyle||h,onClick:e=>{p(n.action)&&(n.action.onClick==null||n.action.onClick.call(n.action,e),!e.defaultPrevented&&$())},className:m(S?.actionButton,n?.classNames?.actionButton)},n.action.label):null)},F=g.forwardRef(function(e,t){let{id:n,invert:r,position:i=`bottom-right`,hotkey:a=[`altKey`,`KeyT`],expand:o,closeButton:s,className:c,offset:l,mobileOffset:u,theme:d=`light`,richColors:ee,duration:f,style:te,visibleToasts:ne=le,toastOptions:p,dir:m=h(),gap:re=de,icons:oe,containerAriaLabel:_=`Notifications`}=e,[v,y]=g.useState([]),b=g.useMemo(()=>n?v.filter(e=>e.toasterId===n):v.filter(e=>!e.toasterId),[v,n]),x=g.useMemo(()=>Array.from(new Set([i].concat(b.filter(e=>e.position).map(e=>e.position)))),[b,i]),[S,se]=g.useState([]),[ce,C]=g.useState(!1),[w,E]=g.useState(!1),[D,O]=g.useState(d===`system`?typeof window<`u`&&window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`:d),k=g.useRef(null),A=a.join(`+`).replace(/Key/g,``).replace(/Digit/g,``),j=g.useRef(null),M=g.useRef(!1),N=g.useCallback(e=>{y(t=>(t.find(t=>t.id===e.id)?.delete||T.dismiss(e.id),t.filter(({id:t})=>t!==e.id)))},[]);return g.useEffect(()=>T.subscribe(e=>{if(e.dismiss){requestAnimationFrame(()=>{y(t=>t.map(t=>t.id===e.id?{...t,delete:!0}:t))});return}setTimeout(()=>{ae.flushSync(()=>{y(t=>{let n=t.findIndex(t=>t.id===e.id);return n===-1?[e,...t]:[...t.slice(0,n),{...t[n],...e},...t.slice(n+1)]})})})}),[v]),g.useEffect(()=>{if(d!==`system`){O(d);return}if(d===`system`&&(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches?O(`dark`):O(`light`)),typeof window>`u`)return;let e=window.matchMedia(`(prefers-color-scheme: dark)`);try{e.addEventListener(`change`,({matches:e})=>{O(e?`dark`:`light`)})}catch{e.addListener(({matches:e})=>{try{O(e?`dark`:`light`)}catch(e){console.error(e)}})}},[d]),g.useEffect(()=>{v.length<=1&&C(!1)},[v]),g.useEffect(()=>{let e=e=>{if(a.every(t=>e[t]||e.code===t)){var t;C(!0),(t=k.current)==null||t.focus()}e.code===`Escape`&&(document.activeElement===k.current||k.current?.contains(document.activeElement))&&C(!1)};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[a]),g.useEffect(()=>{if(k.current)return()=>{j.current&&(j.current.focus({preventScroll:!0}),j.current=null,M.current=!1)}},[k.current]),g.createElement(`section`,{ref:t,"aria-label":`${_} ${A}`,tabIndex:-1,"aria-live":`polite`,"aria-relevant":`additions text`,"aria-atomic":`false`,suppressHydrationWarning:!0},x.map((t,n)=>{let[i,a]=t.split(`-`);return b.length?g.createElement(`ol`,{key:t,dir:m===`auto`?h():m,tabIndex:-1,ref:k,className:c,"data-sonner-toaster":!0,"data-sonner-theme":D,"data-y-position":i,"data-x-position":a,style:{"--front-toast-height":`${S[0]?.height||0}px`,"--width":`${P}px`,"--gap":`${re}px`,...te,...ie(l,u)},onBlur:e=>{M.current&&!e.currentTarget.contains(e.relatedTarget)&&(M.current=!1,j.current&&=(j.current.focus({preventScroll:!0}),null))},onFocus:e=>{e.target instanceof HTMLElement&&e.target.dataset.dismissible===`false`||M.current||(M.current=!0,j.current=e.relatedTarget)},onMouseEnter:()=>C(!0),onMouseMove:()=>C(!0),onMouseLeave:()=>{w||C(!1)},onDragEnd:()=>C(!1),onPointerDown:e=>{e.target instanceof HTMLElement&&e.target.dataset.dismissible===`false`||E(!0)},onPointerUp:()=>E(!1)},b.filter(e=>!e.position&&n===0||e.position===t).map((n,i)=>g.createElement(me,{key:n.id,icons:oe,index:i,toast:n,defaultRichColors:ee,duration:p?.duration??f,className:p?.className,descriptionClassName:p?.descriptionClassName,invert:r,visibleToasts:ne,closeButton:p?.closeButton??s,interacting:w,position:t,style:p?.style,unstyled:p?.unstyled,classNames:p?.classNames,cancelButtonStyle:p?.cancelButtonStyle,actionButtonStyle:p?.actionButtonStyle,closeButtonAriaLabel:p?.closeButtonAriaLabel,removeToast:N,toasts:b.filter(e=>e.position==n.position),heights:S.filter(e=>e.position==n.position),setHeights:se,expandByDefault:o,gap:re,expanded:ce,swipeDirections:e.swipeDirections}))):null}))})})),I,ge,L,R,z,B,_e=t((()=>{I=`toast__rrrPf`,ge=`title__-TzC1`,L=`critical__hLeFT`,R=`actionButton__AZgQr`,z=`closeButton__vFfaI`,B={toast:I,title:ge,critical:L,actionButton:R,closeButton:z}})),V,H,U,ve,ye=t((()=>{V=e(n()),H=e(n()),U=({title:e,titleId:t,...n},r)=>V.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?V.createElement(`title`,{id:t},e):null,V.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`})),ve=(0,H.forwardRef)(U)})),W,be,G,K,q=t((()=>{W=e(n()),be=e(n()),G=({title:e,titleId:t,...n},r)=>W.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?W.createElement(`title`,{id:t},e):null,W.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`})),K=(0,be.forwardRef)(G)}));function J(e,t){let{variant:n=`info`,leadingSvgIcon:i,actionLabel:a,actionOnClick:o,actionHref:c,dataset:l}=t??{},d=c?`a`:`button`;return j.custom(t=>(0,Y.jsxs)(`div`,{style:{display:`contents`},...r(l,{preplyDsComponent:s.Toast}),children:[n===`critical`?(0,Y.jsx)(u,{svg:K}):i&&(0,Y.jsx)(u,{svg:i}),(0,Y.jsx)(`span`,{className:B.title,children:e}),(0,Y.jsx)(Q,{onClick:()=>j.dismiss(t)}),a&&(0,Y.jsx)(d,{className:B.actionButton,onClick:()=>{j.dismiss(t),o?.()},href:c,children:a})]}),{classNames:{toast:n===`critical`?`${B.toast} ${B.critical}`:B.toast}})}var Y,X,Z,Q,xe=t((()=>{e(n(),1),he(),i(),c(),l(),_e(),ye(),q(),ee(),f(),Y=o(),X=({duration:e=5e3})=>(0,Y.jsx)(F,{position:`top-right`,duration:e,visibleToasts:3}),Z=X.bind(null,{duration:5e3}),Q=({onClick:e})=>{let{formatMessage:t}=d();return(0,Y.jsx)(`button`,{onClick:e,className:B.closeButton,"aria-label":t(te.close),children:(0,Y.jsx)(u,{svg:ve})})};try{J.displayName=`showToast`,J.__docgenInfo={description:"`showToast` creates and appends a toast notification instance to your\napplication's `ToastProvider`.",displayName:`showToast`,props:{}}}catch{}try{X.displayName=`InternalToastProvider`,X.__docgenInfo={description:`An internal primitive used for testing.
|
|
2
|
+
This should not be exported to consumers.`,displayName:`InternalToastProvider`,props:{duration:{defaultValue:{value:`5000`},description:`Time in milliseconds that should elapse before automatically closing
|
|
3
|
+
the toast.`,name:`duration`,required:!1,type:{name:`enum`,value:[{value:`number`}]}}}}}catch{}try{Z.displayName=`ToastProvider`,Z.__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{}}));export{J as i,Z as n,xe as r,X as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.toast__rrrPf{width:var(--width);color:var(--c2b191);background-color:var(--a469f2);border-radius:var(--fa4b1a);padding:var(--558c4c) var(--813599);place-items:start;gap:var(--66b80b);row-gap:var(--590b8d);grid-template-columns:max-content auto max-content;display:grid}.toast__rrrPf>[data-content],.toast__rrrPf>[data-content]>[data-title]{display:contents}.toast__rrrPf:has(.title__-TzC1:first-child){grid-template-columns:auto auto max-content}.toast__rrrPf.critical__hLeFT{background-color:var(--87fcf8)}.toast__rrrPf .title__-TzC1{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.toast__rrrPf .actionButton__AZgQr{all:unset;cursor:pointer;font-size:var(--303203);font-weight:var(--42bbea);line-height:var(--e6cb11);-webkit-text-decoration:var(--223210);text-decoration:var(--223210);grid-area:1/3}@media (width>=700px){.toast__rrrPf .actionButton__AZgQr{grid-area:2/2}.toast__rrrPf:has(.title__-TzC1:first-child) .actionButton__AZgQr{grid-column:1}}.toast__rrrPf .closeButton__vFfaI{all:unset;cursor:pointer;grid-area:1/3}.toast__rrrPf:has(.actionButton__AZgQr) .closeButton__vFfaI{display:none}@media (width>=700px){.toast__rrrPf:has(.actionButton__AZgQr) .closeButton__vFfaI{display:block}}
|
|
@@ -0,0 +1,183 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./TokyoUIInfo-B-CriP10.js";import{n as o,t as s}from"./useStableCallback-DnHVYLVo.js";import{i as c,n as l,r as u,t as d}from"./Toast-BwHq_wh7.js";var f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M;t((()=>{f=e(n(),1),i(),u(),s(),p=r(),{userEvent:m,waitForElementToBeRemoved:h,expect:g}=__STORYBOOK_MODULE_TEST__,{action:_}=__STORYBOOK_MODULE_ACTIONS__,v=({duration:e,showToasts:t})=>{let n=o(t);return(0,f.useEffect)(()=>{n()},[n]),(0,p.jsx)(d,{duration:e})},y={title:`Components/Toast`,component:l,render:e=>(0,p.jsx)(v,{...e}),parameters:{docs:{story:{inline:!1,iframeHeight:200}},chromatic:{modes:{"narrow-l":{viewport:`narrow-l`},"medium-s":{viewport:`medium-s`}}}},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`.\n When this is provided, an `<a>` tag is used for the action, otherwise, a `<button>` is used instead.\n ",type:`string`,table:{category:`showToast()`}},duration:{table:{disable:!0}},showToasts:{table:{disable:!0}}}},b={args:{duration:1/0,showToasts:()=>{c(`This is a toast`)}}},x={tags:[`!autodocs`],args:{duration:500,showToasts:()=>{c(`This is a toast`,{dataset:{testid:`toast`}})}},play:async({step:e,canvas:t})=>{await e(`wait for toast`,async()=>{await g(await t.findByTestId(`toast`)).toBeInTheDocument()}),await e(`check toast is dismissed automatically`,()=>h(t.getByTestId(`toast`)))}},S={tags:[`!autodocs`],args:{duration:1/0,showToasts:()=>{c(`This is a toast`,{dataset:{testid:`toast`}})}},play:async({step:e,canvas:t})=>{await e(`wait for toast`,async()=>{await g(await t.findByTestId(`toast`)).toBeInTheDocument()}),await e(`check toast is dismissed on close button click`,async()=>{let e=t.getByTestId(`toast`);return t.getByRole(`button`).click(),h(e)})}},C={args:{duration:1/0,showToasts:()=>{c(`This is a toast`,{actionLabel:`Action`,actionOnClick:_(`actionOnClick`)})}}},w={tags:[`!autodocs`],args:{duration:1/0,showToasts:()=>{c(`This is a toast`,{actionLabel:`Action`,actionOnClick:_(`actionOnClick`),dataset:{testid:`toast`}})}},play:async({canvas:e,step:t})=>{await t(`wait for toast`,async()=>{await g(await e.findByTestId(`toast`)).toBeInTheDocument()}),await t(`check toast is dismissed on action button click`,async()=>{let t=e.getByTestId(`toast`),n=e.getByText(`Action`);return await m.click(n),h(t)})}},T={args:{duration:1/0,showToasts:()=>{c(`This is a toast`,{actionLabel:`Action`,actionOnClick:_(`actionOnClick`),actionHref:`#`})}}},E={args:{duration:1/0,showToasts:()=>{c(`This is a toast`,{leadingSvgIcon:a})}}},D={args:{duration:1/0,showToasts:()=>{c(`This is a critical toast`,{variant:`critical`})}}},O={args:{duration:1/0,showToasts:()=>{c(`This is a critical toast`,{variant:`critical`,actionLabel:`Action`,actionOnClick:_(`actionOnClick`)})}}},k={args:{duration:1/0,showToasts:()=>{c(`This is toast 1`),c(`This is toast 2`),c(`This is toast 3`)}}},A={args:{duration:1/0,showToasts:()=>{c(`This is toast 1`),c(`This is toast 2`),c(`This is toast 3`,{dataset:{testid:`toast3`}})}},play:async({canvas:e,canvasElement:t,step:n})=>{await n(`wait for toast 3`,async()=>{await g(await e.findByTestId(`toast3`)).toBeInTheDocument()}),await n(`Use global toast area shortcut`,async()=>{t.focus(),await m.keyboard(`{Alt>}T`)})}},j={args:{duration:1/0,showToasts:()=>{c(`What happens if the message is really really really really reeaaaaaaaallyyyyyyy looooooooooong`)}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
duration: Infinity,
|
|
4
|
+
showToasts: () => {
|
|
5
|
+
showToast('This is a toast');
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
|
|
9
|
+
tags: ['!autodocs'],
|
|
10
|
+
args: {
|
|
11
|
+
duration: 500,
|
|
12
|
+
showToasts: () => {
|
|
13
|
+
showToast('This is a toast', {
|
|
14
|
+
dataset: {
|
|
15
|
+
testid: 'toast'
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
play: async ({
|
|
21
|
+
step,
|
|
22
|
+
canvas
|
|
23
|
+
}) => {
|
|
24
|
+
await step('wait for toast', async () => {
|
|
25
|
+
const toast = await canvas.findByTestId('toast');
|
|
26
|
+
await expect(toast).toBeInTheDocument();
|
|
27
|
+
});
|
|
28
|
+
await step('check toast is dismissed automatically', () => {
|
|
29
|
+
const toast = canvas.getByTestId('toast');
|
|
30
|
+
return waitForElementToBeRemoved(toast);
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
|
|
34
|
+
tags: ['!autodocs'],
|
|
35
|
+
args: {
|
|
36
|
+
duration: Infinity,
|
|
37
|
+
showToasts: () => {
|
|
38
|
+
showToast('This is a toast', {
|
|
39
|
+
dataset: {
|
|
40
|
+
testid: 'toast'
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
play: async ({
|
|
46
|
+
step,
|
|
47
|
+
canvas
|
|
48
|
+
}) => {
|
|
49
|
+
await step('wait for toast', async () => {
|
|
50
|
+
const toast = await canvas.findByTestId('toast');
|
|
51
|
+
await expect(toast).toBeInTheDocument();
|
|
52
|
+
});
|
|
53
|
+
await step('check toast is dismissed on close button click', async () => {
|
|
54
|
+
const toast = canvas.getByTestId('toast');
|
|
55
|
+
const close = canvas.getByRole('button');
|
|
56
|
+
close.click();
|
|
57
|
+
return waitForElementToBeRemoved(toast);
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
|
|
61
|
+
args: {
|
|
62
|
+
duration: Infinity,
|
|
63
|
+
showToasts: () => {
|
|
64
|
+
showToast('This is a toast', {
|
|
65
|
+
actionLabel: 'Action',
|
|
66
|
+
actionOnClick: action('actionOnClick')
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
|
|
71
|
+
tags: ['!autodocs'],
|
|
72
|
+
args: {
|
|
73
|
+
duration: Infinity,
|
|
74
|
+
showToasts: () => {
|
|
75
|
+
showToast('This is a toast', {
|
|
76
|
+
actionLabel: 'Action',
|
|
77
|
+
actionOnClick: action('actionOnClick'),
|
|
78
|
+
dataset: {
|
|
79
|
+
testid: 'toast'
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
play: async ({
|
|
85
|
+
canvas,
|
|
86
|
+
step
|
|
87
|
+
}) => {
|
|
88
|
+
await step('wait for toast', async () => {
|
|
89
|
+
const toast = await canvas.findByTestId('toast');
|
|
90
|
+
await expect(toast).toBeInTheDocument();
|
|
91
|
+
});
|
|
92
|
+
await step('check toast is dismissed on action button click', async () => {
|
|
93
|
+
const toast = canvas.getByTestId('toast');
|
|
94
|
+
const action = canvas.getByText('Action');
|
|
95
|
+
await userEvent.click(action);
|
|
96
|
+
return waitForElementToBeRemoved(toast);
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
|
|
100
|
+
args: {
|
|
101
|
+
duration: Infinity,
|
|
102
|
+
showToasts: () => {
|
|
103
|
+
showToast('This is a toast', {
|
|
104
|
+
actionLabel: 'Action',
|
|
105
|
+
actionOnClick: action('actionOnClick'),
|
|
106
|
+
actionHref: '#'
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}`,...T.parameters?.docs?.source}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
|
|
111
|
+
args: {
|
|
112
|
+
duration: Infinity,
|
|
113
|
+
showToasts: () => {
|
|
114
|
+
showToast('This is a toast', {
|
|
115
|
+
leadingSvgIcon: InfoIcon
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}`,...E.parameters?.docs?.source}}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
|
|
120
|
+
args: {
|
|
121
|
+
duration: Infinity,
|
|
122
|
+
showToasts: () => {
|
|
123
|
+
showToast('This is a critical toast', {
|
|
124
|
+
variant: 'critical'
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
}`,...D.parameters?.docs?.source}}},O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
|
|
129
|
+
args: {
|
|
130
|
+
duration: Infinity,
|
|
131
|
+
showToasts: () => {
|
|
132
|
+
showToast('This is a critical toast', {
|
|
133
|
+
variant: 'critical',
|
|
134
|
+
actionLabel: 'Action',
|
|
135
|
+
actionOnClick: action('actionOnClick')
|
|
136
|
+
});
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
}`,...O.parameters?.docs?.source}}},k.parameters={...k.parameters,docs:{...k.parameters?.docs,source:{originalSource:`{
|
|
140
|
+
args: {
|
|
141
|
+
duration: Infinity,
|
|
142
|
+
showToasts: () => {
|
|
143
|
+
showToast('This is toast 1');
|
|
144
|
+
showToast('This is toast 2');
|
|
145
|
+
showToast('This is toast 3');
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
}`,...k.parameters?.docs?.source}}},A.parameters={...A.parameters,docs:{...A.parameters?.docs,source:{originalSource:`{
|
|
149
|
+
args: {
|
|
150
|
+
duration: Infinity,
|
|
151
|
+
showToasts: () => {
|
|
152
|
+
showToast('This is toast 1');
|
|
153
|
+
showToast('This is toast 2');
|
|
154
|
+
showToast('This is toast 3', {
|
|
155
|
+
dataset: {
|
|
156
|
+
testid: 'toast3'
|
|
157
|
+
}
|
|
158
|
+
});
|
|
159
|
+
}
|
|
160
|
+
},
|
|
161
|
+
play: async ({
|
|
162
|
+
canvas,
|
|
163
|
+
canvasElement,
|
|
164
|
+
step
|
|
165
|
+
}) => {
|
|
166
|
+
await step('wait for toast 3', async () => {
|
|
167
|
+
const toast3 = await canvas.findByTestId('toast3');
|
|
168
|
+
await expect(toast3).toBeInTheDocument();
|
|
169
|
+
});
|
|
170
|
+
await step('Use global toast area shortcut', async () => {
|
|
171
|
+
canvasElement.focus();
|
|
172
|
+
await userEvent.keyboard('{Alt>}T');
|
|
173
|
+
// Assertion for this is implicitly done by the visual snapshot test.
|
|
174
|
+
});
|
|
175
|
+
}
|
|
176
|
+
}`,...A.parameters?.docs?.source}}},j.parameters={...j.parameters,docs:{...j.parameters?.docs,source:{originalSource:`{
|
|
177
|
+
args: {
|
|
178
|
+
duration: Infinity,
|
|
179
|
+
showToasts: () => {
|
|
180
|
+
showToast('What happens if the message is really really really really reeaaaaaaaallyyyyyyy looooooooooong');
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
}`,...j.parameters?.docs?.source}}},M=[`Toast`,`TestTimer`,`TestClose`,`Action`,`TestActionClose`,`ActionLink`,`Icon`,`Critical`,`CriticalWithAction`,`Stack`,`TestStackExpand`,`LongMessage`]}))();export{C as Action,T as ActionLink,D as Critical,O as CriticalWithAction,E as Icon,j as LongMessage,k as Stack,w as TestActionClose,S as TestClose,A as TestStackExpand,x as TestTimer,b as Toast,M as __namedExportsOrder,y as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.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`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.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`})),o=(0,i.forwardRef)(a)})),c,l,u,d,f=t((()=>{c=e(n()),l=e(n()),u=({title:e,titleId:t,...n},r)=>c.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?c.createElement(`title`,{id:t},e):null,c.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`})),d=(0,l.forwardRef)(u)})),p,m,h,g,_=t((()=>{p=e(n()),m=e(n()),h=({title:e,titleId:t,...n},r)=>p.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?p.createElement(`title`,{id:t},e):null,p.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`})),g=(0,m.forwardRef)(h)})),v,y,b,x,S=t((()=>{v=e(n()),y=e(n()),b=({title:e,titleId:t,...n},r)=>v.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?v.createElement(`title`,{id:t},e):null,v.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`})),x=(0,y.forwardRef)(b)}));export{d as a,s as c,_ as i,S as n,f as o,g as r,o as s,x as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{fillRule:`evenodd`,d:`M8.707 18 4 13.293l1.414-1.414 3.293 3.293L18 5.879l1.414 1.414L8.707 18Z`,clipRule:`evenodd`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{fillRule:`evenodd`,d:`M8.707 18 4 13.293l1.414-1.414 3.293 3.293L18 5.879l1.414 1.414L8.707 18Z`,clipRule:`evenodd`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{d:`M18.707 9.707 12 16.414 5.293 9.707l1.414-1.414L12 13.586l5.293-5.293z`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{d:`m16.414 12-6.707 6.707-1.414-1.414L13.586 12 8.293 6.707l1.414-1.414z`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.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`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.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`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.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`})),o=(0,i.forwardRef)(a)})),c,l,u,d,f=t((()=>{c=e(n()),l=e(n()),u=({title:e,titleId:t,...n},r)=>c.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?c.createElement(`title`,{id:t},e):null,c.createElement(`path`,{fillRule:`evenodd`,d:`M15.291 4.055 12 2 8.709 4.055l-3.78.874-.874 3.78L2 12l2.055 3.291.874 3.78 3.78.874L12 22l3.291-2.055 3.78-.874.874-3.78L22 12l-2.055-3.291-.874-3.78-3.78-.874ZM10.981 7.2l.126 6.608H12.9l.126-6.608h-2.044Zm.224 9.688c.224.215.49.322.798.322.308 0 .57-.107.784-.322a1.09 1.09 0 0 0 .336-.798c0-.308-.112-.57-.336-.784a1.045 1.045 0 0 0-.784-.336 1.09 1.09 0 0 0-.798.336 1.067 1.067 0 0 0-.322.784c0 .308.108.574.322.798Z`,clipRule:`evenodd`})),d=(0,l.forwardRef)(u)}));export{s as i,f as n,o as r,d as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M7.98584 12C9.86847 12.0002 11.4462 13.3009 11.8716 15.0527H21.9849V17.0527H11.8442C11.382 18.7507 9.83026 19.9998 7.98584 20C6.14133 20 4.58982 18.7507 4.12744 17.0527H2.01514V15.0527H4.09912C4.52452 13.3008 6.10302 12 7.98584 12ZM7.98584 14C6.88127 14 5.98584 14.8954 5.98584 16C5.986 17.1044 6.88137 18 7.98584 18C9.09014 17.9998 9.98567 17.1043 9.98584 16C9.98584 14.8956 9.09024 14.0002 7.98584 14Z`}),r.createElement(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M16.0142 4C14.1315 4.00017 12.5538 5.3009 12.1284 7.05273H2.01514V9.05273H12.1558C12.618 10.7507 14.1697 11.9998 16.0142 12C17.8587 12 19.4102 10.7507 19.8726 9.05273H21.9849V7.05273H19.9009C19.4755 5.30076 17.897 4 16.0142 4ZM16.0142 6C17.1187 6 18.0142 6.89543 18.0142 8C18.014 9.10443 17.1186 10 16.0142 10C14.9099 9.9998 14.0143 9.10431 14.0142 8C14.0142 6.89555 14.9098 6.0002 16.0142 6Z`})),o=(0,i.forwardRef)(a)})),c,l,u,d,f=t((()=>{c=e(n()),l=e(n()),u=({title:e,titleId:t,...n},r)=>c.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?c.createElement(`title`,{id:t},e):null,c.createElement(`path`,{fillRule:`evenodd`,d:`M16.586 6H12.5V4H20v7.5h-2V7.414l-4.293 4.293-1.414-1.414L16.586 6ZM6.414 19H10.5v2H3v-7.5h2v4.086l4.293-4.293 1.414 1.414L6.414 19Z`,clipRule:`evenodd`})),d=(0,l.forwardRef)(u)})),p,m,h,g,_=t((()=>{p=e(n()),m=e(n()),h=({title:e,titleId:t,...n},r)=>p.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?p.createElement(`title`,{id:t},e):null,p.createElement(`path`,{fillRule:`evenodd`,d:`m16.121 8.707 4.293-4.293L19 3l-4.293 4.293V3.207h-2v7.5h7.5v-2h-4.086Zm-8.828 6H3.207v-2h7.5v7.5h-2v-4.086l-4.293 4.293L3 19l4.293-4.293Z`,clipRule:`evenodd`})),g=(0,m.forwardRef)(h)})),v,y,b,x,S=t((()=>{v=e(n()),y=e(n()),b=({title:e,titleId:t,...n},r)=>v.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?v.createElement(`title`,{id:t},e):null,v.createElement(`path`,{fillRule:`evenodd`,d:`M3.938 10.834v-7h2v3.068A8 8 0 1 1 4.291 14h2.084a6 6 0 1 0 .619-5.166h3.944v2h-7Z`,clipRule:`evenodd`})),x=(0,y.forwardRef)(b)})),C,w,T,E,D=t((()=>{C=e(n()),w=e(n()),T=({title:e,titleId:t,...n},r)=>C.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?C.createElement(`title`,{id:t},e):null,C.createElement(`path`,{fillRule:`evenodd`,d:`M10 3H8v2H3v2h8.015a8.507 8.507 0 0 1-1.314 4.286L6.707 8.293 5.293 9.707l3.166 3.166c-.297.312-.606.6-.918.865a14.317 14.317 0 0 1-3.565 2.196 8.387 8.387 0 0 1-.297.119l-.012.004L4 17l.334.943.004-.002.007-.002.025-.01a7.958 7.958 0 0 0 .383-.152 16.31 16.31 0 0 0 4.081-2.514c.35-.297.699-.622 1.039-.976l1.42 1.42 1.414-1.414-1.563-1.563A10.502 10.502 0 0 0 13.017 7H15V5h-5V3Zm8.253 17-.597-1.596H14.34L13.74 20h-2.04l3.264-8.4h2.064l3.265 8.4h-2.04Zm-2.255-6.027 1.02 2.727h-2.041l1.02-2.727Z`,clipRule:`evenodd`})),E=(0,w.forwardRef)(T)})),O,k,A,j,M=t((()=>{O=e(n()),k=e(n()),A=({title:e,titleId:t,...n},r)=>O.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,ref:r,"aria-labelledby":t,...n},e?O.createElement(`title`,{id:t},e):null,O.createElement(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M12.137 5q1.44 0 2.52.44t1.68 1.34q.6.88.6 2.2a2.9 2.9 0 0 1-.42 1.52 3.7 3.7 0 0 1-1.14 1.18q.98.5 1.5 1.34.54.82.54 1.98 0 1.28-.58 2.18t-1.62 1.36-2.44.46h-5.38V5zm-2.06 11.58h2.44q.98 0 1.54-.48.56-.5.56-1.32 0-.86-.62-1.34-.62-.5-1.7-.5h-2.22zm0-5.88h2.12q.9 0 1.42-.46t.52-1.3-.58-1.3-1.58-.46h-1.9z`})),j=(0,k.forwardRef)(A)})),N,P,F,I,L=t((()=>{N=e(n()),P=e(n()),F=({title:e,titleId:t,...n},r)=>N.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?N.createElement(`title`,{id:t},e):null,N.createElement(`path`,{fillRule:`evenodd`,d:`M5 5h8v2h2V3H3v12h4v-2H5V5Zm6 4H9v12h12V9H11Zm4.828 7.202.299.798h1.02l-1.632-4.2h-1.032L12.85 17h1.02l.298-.798h1.66Zm-.319-.852L15 13.986l-.51 1.364h1.02ZM19 11h-8v8h8v-8Z`,clipRule:`evenodd`})),I=(0,P.forwardRef)(F)}));export{E as a,S as c,d,f,M as i,g as l,s as m,L as n,D as o,o as p,j as r,x as s,I as t,_ as u};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.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`})),o=(0,i.forwardRef)(a)})),c,l,u,d,f=t((()=>{c=e(n()),l=e(n()),u=({title:e,titleId:t,...n},r)=>c.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?c.createElement(`title`,{id:t},e):null,c.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`})),d=(0,l.forwardRef)(u)}));export{s as i,f as n,o as r,d as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.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`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.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`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.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`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};
|