@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,216 @@
|
|
|
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,y as a}from"./dist-DtfJeYQK.js";import{t as o}from"./react-dom-CLuuWI32.js";import{t as s}from"./jsx-runtime-C2wGStra.js";import{n as c,t as l}from"./dist-Cc1j9Pjk.js";import{n as u,t as d}from"./Icon-CfZyHxyH.js";import{n as ee,t as te}from"./Text-bm2vnOS2.js";import{n as ne}from"./Heading-CEZfMm-F.js";import{n as re,t as ie}from"./Button-DnVrHohm.js";import{r as ae}from"./OnboardingTooltip-D8NhfEzc.js";import{i as f,o as oe,r as se}from"./lib-CXCPi5ID.js";import{n as ce}from"./AlertDialog-D1kj7VoM.js";import{n as le,t as ue}from"./TokyoUICheck-UkrDdu35.js";import{i as de,n as fe,r as pe,t as me}from"./TokyoUIErrorWarning-CE_6hT_0.js";import{n as he,t as ge}from"./VisuallyHidden-CN0xhFLZ.js";import{n as _e,t as ve}from"./IconButton-CUt4Aks_.js";import{n as ye}from"./Checkbox-DEB6VLYS.js";import{r as be}from"./SingleSelectChips-BuIHP3oW.js";import{r as xe}from"./MultiSelectChips-DLTwAQne.js";import{r as Se}from"./DismissibleChips-Dv66pNAL.js";import{l as p,u as Ce}from"./DialogCloseButton-dPdpMifg.js";import{n as we}from"./Dialog-DCPUOQU4.js";import{a as Te,o as Ee}from"./DialogActions-BuK-fnKs.js";import{n as De,r as Oe,t as m}from"./Steps-Bf2x77zr.js";import{u as ke}from"./DropdownMenu-BUteP_4e.js";import{n as Ae}from"./FormControl-cSvM3XwI.js";import{n as je}from"./LayoutFlex-DdWp4cl3.js";import{n as Me}from"./NumberField-BAofx_Ni.js";import{n as Ne}from"./PasswordField-ByApWpbK.js";import{i as Pe}from"./SelectField-_eSdIkCW.js";import{r as Fe}from"./Slider-BjEfhJ_o.js";import{n as Ie}from"./RangeSlider-BshsrfHH.js";import{n as Le}from"./Switch-DPX8X1b7.js";import{n as Re}from"./TextareaField-D-D245Qp.js";import{n as ze}from"./TextField-zS8J7vJP.js";import{n as Be}from"./Tooltip-IQdlsINh.js";var h,g,_,v,y,b,x=t((()=>{h=`alertBannerHost__NKFyB`,g=`alertBanner__Dje2u`,_=`icon__xEAyT`,v=`description__4PDHP`,y=`action__0gYZG`,b={alertBannerHost:h,alertBanner:g,icon:_,description:v,action:y}}));function S(){let e=(0,w.useContext)(E);if(!e)throw Error(`useAlertBannerHost must be used within AlertBannerHostContext`);return e.hostEl}function C({children:e,...t}){let[n,r]=(0,w.useState)(null),{formatMessage:i}=oe();return(0,T.jsxs)(E.Provider,{value:{hostEl:n},children:[(0,T.jsx)(`div`,{className:b.alertBannerHost,role:`region`,"aria-live":`polite`,"aria-atomic":`false`,"aria-label":i({id:`preply-ds.alert-banner.host-region`,defaultMessage:`Alerts, warnings, and updates`,description:`It's announced by screen readers when they scan the content of the page, and they find the alert banners container.`}),ref:r,...t}),e]})}var w,T,E,D=t((()=>{w=e(n(),1),x(),se(),T=s(),E=(0,w.createContext)({hostEl:null});try{S.displayName=`useAlertBannerHost`,S.__docgenInfo={description:"If you have issues with AlertBannerHostContext, ensures `AlertBannerProvider` is put at the top of\nyour app component tree",displayName:`useAlertBannerHost`,props:{}}}catch{}try{C.displayName=`AlertBannerProvider`,C.__docgenInfo={description:`A region where all the \`AlertBanner\`s will be rendered into, and announced accordingly. It should
|
|
2
|
+
be the first element of the page.
|
|
3
|
+
|
|
4
|
+
From an affordance perspective:
|
|
5
|
+
1. Sighted users can see the page-wide banner with their eyes. The visual prominence ensures the
|
|
6
|
+
alerts are noticed.
|
|
7
|
+
2. Screen readers announce the banners when they are added, and the text content of the banner
|
|
8
|
+
help the users to understand the level of importance.
|
|
9
|
+
|
|
10
|
+
For blind users readers, it's important that AlertBannerProvider wraps the whole app so its DOM
|
|
11
|
+
element is put at the top of the page, because:
|
|
12
|
+
1. Screen readers announce the banner contents, but don't allow users to navigate to them and
|
|
13
|
+
interact with them.
|
|
14
|
+
2. So, if this element is put on the top of the page, screen readers wil read the label ("Alerts,
|
|
15
|
+
warnings, and updates") as the first element, so the users are aware since the beginning that
|
|
16
|
+
there is a dedicated region for alerts.
|
|
17
|
+
3. When an alert appears, it's announced with something like "Alert: we can't renew your
|
|
18
|
+
subscription", and they can connect the initially announced region with the newly appeared alert.
|
|
19
|
+
4. They can then navigate to the alerts region, and interact with the alert actions.`,displayName:`AlertBannerProvider`,props:{defaultChecked:{defaultValue:null,description:``,name:`defaultChecked`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},defaultValue:{defaultValue:null,description:``,name:`defaultValue`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`number`},{value:`readonly string[]`}]}},suppressContentEditableWarning:{defaultValue:null,description:``,name:`suppressContentEditableWarning`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},suppressHydrationWarning:{defaultValue:null,description:``,name:`suppressHydrationWarning`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},accessKey:{defaultValue:null,description:``,name:`accessKey`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},autoCapitalize:{defaultValue:null,description:``,name:`autoCapitalize`,required:!1,type:{name:`enum`,value:[{value:`string & {}`},{value:`"none"`},{value:`"off"`},{value:`"on"`},{value:`"sentences"`},{value:`"words"`},{value:`"characters"`}]}},autoFocus:{defaultValue:null,description:``,name:`autoFocus`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},className:{defaultValue:null,description:``,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},contentEditable:{defaultValue:null,description:``,name:`contentEditable`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"inherit"`},{value:`"false"`},{value:`"true"`},{value:`"plaintext-only"`}]}},contextMenu:{defaultValue:null,description:``,name:`contextMenu`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},dir:{defaultValue:null,description:``,name:`dir`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},draggable:{defaultValue:null,description:``,name:`draggable`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},enterKeyHint:{defaultValue:null,description:``,name:`enterKeyHint`,required:!1,type:{name:`enum`,value:[{value:`"search"`},{value:`"enter"`},{value:`"done"`},{value:`"go"`},{value:`"next"`},{value:`"previous"`},{value:`"send"`}]}},hidden:{defaultValue:null,description:``,name:`hidden`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},id:{defaultValue:null,description:``,name:`id`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},lang:{defaultValue:null,description:``,name:`lang`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},nonce:{defaultValue:null,description:``,name:`nonce`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},slot:{defaultValue:null,description:``,name:`slot`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},spellCheck:{defaultValue:null,description:``,name:`spellCheck`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},style:{defaultValue:null,description:``,name:`style`,required:!1,type:{name:`enum`,value:[{value:`CSSProperties`}]}},tabIndex:{defaultValue:null,description:``,name:`tabIndex`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},title:{defaultValue:null,description:``,name:`title`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},translate:{defaultValue:null,description:``,name:`translate`,required:!1,type:{name:`enum`,value:[{value:`"no"`},{value:`"yes"`}]}},radioGroup:{defaultValue:null,description:``,name:`radioGroup`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},role:{defaultValue:null,description:``,name:`role`,required:!1,type:{name:`enum`,value:[{value:`string & {}`},{value:`"none"`},{value:`"table"`},{value:`"article"`},{value:`"button"`},{value:`"dialog"`},{value:`"figure"`},{value:`"form"`},{value:`"img"`},{value:`"link"`},{value:`"main"`},{value:`"menu"`},{value:`"menuitem"`},{value:`"option"`},{value:`"search"`},{value:`"switch"`},{value:`"list"`},{value:`"row"`},{value:`"alert"`},{value:`"alertdialog"`},{value:`"application"`},{value:`"banner"`},{value:`"cell"`},{value:`"checkbox"`},{value:`"columnheader"`},{value:`"combobox"`},{value:`"complementary"`},{value:`"contentinfo"`},{value:`"definition"`},{value:`"directory"`},{value:`"document"`},{value:`"feed"`},{value:`"grid"`},{value:`"gridcell"`},{value:`"group"`},{value:`"heading"`},{value:`"listbox"`},{value:`"listitem"`},{value:`"log"`},{value:`"marquee"`},{value:`"math"`},{value:`"menubar"`},{value:`"menuitemcheckbox"`},{value:`"menuitemradio"`},{value:`"navigation"`},{value:`"note"`},{value:`"presentation"`},{value:`"progressbar"`},{value:`"radio"`},{value:`"radiogroup"`},{value:`"region"`},{value:`"rowgroup"`},{value:`"rowheader"`},{value:`"scrollbar"`},{value:`"searchbox"`},{value:`"separator"`},{value:`"slider"`},{value:`"spinbutton"`},{value:`"status"`},{value:`"tab"`},{value:`"tablist"`},{value:`"tabpanel"`},{value:`"term"`},{value:`"textbox"`},{value:`"timer"`},{value:`"toolbar"`},{value:`"tooltip"`},{value:`"tree"`},{value:`"treegrid"`},{value:`"treeitem"`}]}},about:{defaultValue:null,description:``,name:`about`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},content:{defaultValue:null,description:``,name:`content`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},datatype:{defaultValue:null,description:``,name:`datatype`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},inlist:{defaultValue:null,description:``,name:`inlist`,required:!1,type:{name:`any`}},prefix:{defaultValue:null,description:``,name:`prefix`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},property:{defaultValue:null,description:``,name:`property`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},rel:{defaultValue:null,description:``,name:`rel`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},resource:{defaultValue:null,description:``,name:`resource`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},rev:{defaultValue:null,description:``,name:`rev`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},typeof:{defaultValue:null,description:``,name:`typeof`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},vocab:{defaultValue:null,description:``,name:`vocab`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},autoCorrect:{defaultValue:null,description:``,name:`autoCorrect`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},autoSave:{defaultValue:null,description:``,name:`autoSave`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},color:{defaultValue:null,description:``,name:`color`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},itemProp:{defaultValue:null,description:``,name:`itemProp`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},itemScope:{defaultValue:null,description:``,name:`itemScope`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},itemType:{defaultValue:null,description:``,name:`itemType`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},itemID:{defaultValue:null,description:``,name:`itemID`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},itemRef:{defaultValue:null,description:``,name:`itemRef`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},results:{defaultValue:null,description:``,name:`results`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},security:{defaultValue:null,description:``,name:`security`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},unselectable:{defaultValue:null,description:``,name:`unselectable`,required:!1,type:{name:`enum`,value:[{value:`"off"`},{value:`"on"`}]}},inputMode:{defaultValue:null,description:`Hints at the type of data that might be entered by the user while editing the element or its contents
|
|
20
|
+
@see {@link https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute}`,name:`inputMode`,required:!1,type:{name:`enum`,value:[{value:`"none"`},{value:`"text"`},{value:`"search"`},{value:`"email"`},{value:`"tel"`},{value:`"url"`},{value:`"numeric"`},{value:`"decimal"`}]}},is:{defaultValue:null,description:`Specify that a standard HTML element should behave like a defined custom built-in element
|
|
21
|
+
@see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is}`,name:`is`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-activedescendant":{defaultValue:null,description:`Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.`,name:`aria-activedescendant`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-atomic":{defaultValue:null,description:`Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.`,name:`aria-atomic`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-autocomplete":{defaultValue:null,description:`Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
|
|
22
|
+
presented if they are made.`,name:`aria-autocomplete`,required:!1,type:{name:`enum`,value:[{value:`"none"`},{value:`"list"`},{value:`"inline"`},{value:`"both"`}]}},"aria-braillelabel":{defaultValue:null,description:`Defines a string value that labels the current element, which is intended to be converted into Braille.
|
|
23
|
+
@see aria-label.`,name:`aria-braillelabel`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-brailleroledescription":{defaultValue:null,description:`Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
|
|
24
|
+
@see aria-roledescription.`,name:`aria-brailleroledescription`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-busy":{defaultValue:null,description:``,name:`aria-busy`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-checked":{defaultValue:null,description:`Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
|
|
25
|
+
@see aria-pressed
|
|
26
|
+
@see aria-selected.`,name:`aria-checked`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`},{value:`"mixed"`}]}},"aria-colcount":{defaultValue:null,description:`Defines the total number of columns in a table, grid, or treegrid.
|
|
27
|
+
@see aria-colindex.`,name:`aria-colcount`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-colindex":{defaultValue:null,description:`Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
|
|
28
|
+
@see aria-colcount
|
|
29
|
+
@see aria-colspan.`,name:`aria-colindex`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-colindextext":{defaultValue:null,description:`Defines a human readable text alternative of aria-colindex.
|
|
30
|
+
@see aria-rowindextext.`,name:`aria-colindextext`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-colspan":{defaultValue:null,description:`Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
|
|
31
|
+
@see aria-colindex
|
|
32
|
+
@see aria-rowspan.`,name:`aria-colspan`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-controls":{defaultValue:null,description:`Identifies the element (or elements) whose contents or presence are controlled by the current element.
|
|
33
|
+
@see aria-owns.`,name:`aria-controls`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-current":{defaultValue:null,description:`Indicates the element that represents the current item within a container or set of related elements.`,name:`aria-current`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"time"`},{value:`"step"`},{value:`"false"`},{value:`"true"`},{value:`"page"`},{value:`"location"`},{value:`"date"`}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
|
|
34
|
+
@see aria-labelledby`,name:`aria-describedby`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-description":{defaultValue:null,description:`Defines a string value that describes or annotates the current element.
|
|
35
|
+
@see related aria-describedby.`,name:`aria-description`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-details":{defaultValue:null,description:`Identifies the element that provides a detailed, extended description for the object.
|
|
36
|
+
@see aria-describedby.`,name:`aria-details`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
|
|
37
|
+
@see aria-hidden
|
|
38
|
+
@see aria-readonly.`,name:`aria-disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-dropeffect":{defaultValue:null,description:`Indicates what functions can be performed when a dragged object is released on the drop target.
|
|
39
|
+
@deprecated in ARIA 1.1`,name:`aria-dropeffect`,required:!1,type:{name:`enum`,value:[{value:`"none"`},{value:`"link"`},{value:`"copy"`},{value:`"execute"`},{value:`"move"`},{value:`"popup"`}]}},"aria-errormessage":{defaultValue:null,description:`Identifies the element that provides an error message for the object.
|
|
40
|
+
@see aria-invalid
|
|
41
|
+
@see aria-describedby.`,name:`aria-errormessage`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-expanded":{defaultValue:null,description:`Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.`,name:`aria-expanded`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-flowto":{defaultValue:null,description:`Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
|
|
42
|
+
allows assistive technology to override the general default of reading in document source order.`,name:`aria-flowto`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-grabbed":{defaultValue:null,description:`Indicates an element's "grabbed" state in a drag-and-drop operation.
|
|
43
|
+
@deprecated in ARIA 1.1`,name:`aria-grabbed`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-haspopup":{defaultValue:null,description:`Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.`,name:`aria-haspopup`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"dialog"`},{value:`"menu"`},{value:`"false"`},{value:`"true"`},{value:`"grid"`},{value:`"listbox"`},{value:`"tree"`}]}},"aria-hidden":{defaultValue:null,description:`Indicates whether the element is exposed to an accessibility API.
|
|
44
|
+
@see aria-disabled.`,name:`aria-hidden`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
|
|
45
|
+
@see aria-errormessage.`,name:`aria-invalid`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`},{value:`"grammar"`},{value:`"spelling"`}]}},"aria-keyshortcuts":{defaultValue:null,description:`Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.`,name:`aria-keyshortcuts`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
|
|
46
|
+
@see aria-labelledby.`,name:`aria-label`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-labelledby":{defaultValue:null,description:`Identifies the element (or elements) that labels the current element.
|
|
47
|
+
@see aria-describedby.`,name:`aria-labelledby`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-level":{defaultValue:null,description:`Defines the hierarchical level of an element within a structure.`,name:`aria-level`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-live":{defaultValue:null,description:`Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.`,name:`aria-live`,required:!1,type:{name:`enum`,value:[{value:`"off"`},{value:`"assertive"`},{value:`"polite"`}]}},"aria-modal":{defaultValue:null,description:`Indicates whether an element is modal when displayed.`,name:`aria-modal`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-multiline":{defaultValue:null,description:`Indicates whether a text box accepts multiple lines of input or only a single line.`,name:`aria-multiline`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-multiselectable":{defaultValue:null,description:`Indicates that the user may select more than one item from the current selectable descendants.`,name:`aria-multiselectable`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-orientation":{defaultValue:null,description:`Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.`,name:`aria-orientation`,required:!1,type:{name:`enum`,value:[{value:`"horizontal"`},{value:`"vertical"`}]}},"aria-owns":{defaultValue:null,description:`Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
|
|
48
|
+
between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
|
|
49
|
+
@see aria-controls.`,name:`aria-owns`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-placeholder":{defaultValue:null,description:`Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
|
|
50
|
+
A hint could be a sample value or a brief description of the expected format.`,name:`aria-placeholder`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-posinset":{defaultValue:null,description:`Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
|
|
51
|
+
@see aria-setsize.`,name:`aria-posinset`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-pressed":{defaultValue:null,description:`Indicates the current "pressed" state of toggle buttons.
|
|
52
|
+
@see aria-checked
|
|
53
|
+
@see aria-selected.`,name:`aria-pressed`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`},{value:`"mixed"`}]}},"aria-readonly":{defaultValue:null,description:`Indicates that the element is not editable, but is otherwise operable.
|
|
54
|
+
@see aria-disabled.`,name:`aria-readonly`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-relevant":{defaultValue:null,description:`Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
|
|
55
|
+
@see aria-atomic.`,name:`aria-relevant`,required:!1,type:{name:`enum`,value:[{value:`"text"`},{value:`"additions"`},{value:`"additions removals"`},{value:`"additions text"`},{value:`"all"`},{value:`"removals"`},{value:`"removals additions"`},{value:`"removals text"`},{value:`"text additions"`},{value:`"text removals"`}]}},"aria-required":{defaultValue:null,description:`Indicates that user input is required on the element before a form may be submitted.`,name:`aria-required`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-roledescription":{defaultValue:null,description:`Defines a human-readable, author-localized description for the role of an element.`,name:`aria-roledescription`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-rowcount":{defaultValue:null,description:`Defines the total number of rows in a table, grid, or treegrid.
|
|
56
|
+
@see aria-rowindex.`,name:`aria-rowcount`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-rowindex":{defaultValue:null,description:`Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
|
|
57
|
+
@see aria-rowcount
|
|
58
|
+
@see aria-rowspan.`,name:`aria-rowindex`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-rowindextext":{defaultValue:null,description:`Defines a human readable text alternative of aria-rowindex.
|
|
59
|
+
@see aria-colindextext.`,name:`aria-rowindextext`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-rowspan":{defaultValue:null,description:`Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
|
|
60
|
+
@see aria-rowindex
|
|
61
|
+
@see aria-colspan.`,name:`aria-rowspan`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-selected":{defaultValue:null,description:`Indicates the current "selected" state of various widgets.
|
|
62
|
+
@see aria-checked
|
|
63
|
+
@see aria-pressed.`,name:`aria-selected`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-setsize":{defaultValue:null,description:`Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
|
|
64
|
+
@see aria-posinset.`,name:`aria-setsize`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-sort":{defaultValue:null,description:`Indicates if items in a table or grid are sorted in ascending or descending order.`,name:`aria-sort`,required:!1,type:{name:`enum`,value:[{value:`"none"`},{value:`"ascending"`},{value:`"descending"`},{value:`"other"`}]}},"aria-valuemax":{defaultValue:null,description:`Defines the maximum allowed value for a range widget.`,name:`aria-valuemax`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-valuemin":{defaultValue:null,description:`Defines the minimum allowed value for a range widget.`,name:`aria-valuemin`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-valuenow":{defaultValue:null,description:`Defines the current value for a range widget.
|
|
65
|
+
@see aria-valuetext.`,name:`aria-valuenow`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-valuetext":{defaultValue:null,description:`Defines the human readable text alternative of aria-valuenow for a range widget.`,name:`aria-valuetext`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},dangerouslySetInnerHTML:{defaultValue:null,description:``,name:`dangerouslySetInnerHTML`,required:!1,type:{name:`enum`,value:[{value:`{ __html: string | TrustedHTML; }`}]}},onCopy:{defaultValue:null,description:``,name:`onCopy`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onCopyCapture:{defaultValue:null,description:``,name:`onCopyCapture`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onCut:{defaultValue:null,description:``,name:`onCut`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onCutCapture:{defaultValue:null,description:``,name:`onCutCapture`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onPaste:{defaultValue:null,description:``,name:`onPaste`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onPasteCapture:{defaultValue:null,description:``,name:`onPasteCapture`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onCompositionEnd:{defaultValue:null,description:``,name:`onCompositionEnd`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onCompositionEndCapture:{defaultValue:null,description:``,name:`onCompositionEndCapture`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onCompositionStart:{defaultValue:null,description:``,name:`onCompositionStart`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onCompositionStartCapture:{defaultValue:null,description:``,name:`onCompositionStartCapture`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onCompositionUpdate:{defaultValue:null,description:``,name:`onCompositionUpdate`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onCompositionUpdateCapture:{defaultValue:null,description:``,name:`onCompositionUpdateCapture`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onFocus:{defaultValue:null,description:``,name:`onFocus`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLDivElement>`}]}},onFocusCapture:{defaultValue:null,description:``,name:`onFocusCapture`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLDivElement>`}]}},onBlur:{defaultValue:null,description:``,name:`onBlur`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLDivElement>`}]}},onBlurCapture:{defaultValue:null,description:``,name:`onBlurCapture`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLDivElement>`}]}},onChange:{defaultValue:null,description:``,name:`onChange`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onChangeCapture:{defaultValue:null,description:``,name:`onChangeCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onBeforeInput:{defaultValue:null,description:``,name:`onBeforeInput`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onBeforeInputCapture:{defaultValue:null,description:``,name:`onBeforeInputCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onInput:{defaultValue:null,description:``,name:`onInput`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onInputCapture:{defaultValue:null,description:``,name:`onInputCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onReset:{defaultValue:null,description:``,name:`onReset`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onResetCapture:{defaultValue:null,description:``,name:`onResetCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onSubmit:{defaultValue:null,description:``,name:`onSubmit`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onSubmitCapture:{defaultValue:null,description:``,name:`onSubmitCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onInvalid:{defaultValue:null,description:``,name:`onInvalid`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onInvalidCapture:{defaultValue:null,description:``,name:`onInvalidCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onLoad:{defaultValue:null,description:``,name:`onLoad`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadCapture:{defaultValue:null,description:``,name:`onLoadCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onError:{defaultValue:null,description:``,name:`onError`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onErrorCapture:{defaultValue:null,description:``,name:`onErrorCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onKeyDown:{defaultValue:null,description:``,name:`onKeyDown`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onKeyDownCapture:{defaultValue:null,description:``,name:`onKeyDownCapture`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onKeyPress:{defaultValue:null,description:"@deprecated Use `onKeyUp` or `onKeyDown` instead",name:`onKeyPress`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onKeyPressCapture:{defaultValue:null,description:"@deprecated Use `onKeyUpCapture` or `onKeyDownCapture` instead",name:`onKeyPressCapture`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onKeyUp:{defaultValue:null,description:``,name:`onKeyUp`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onKeyUpCapture:{defaultValue:null,description:``,name:`onKeyUpCapture`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onAbort:{defaultValue:null,description:``,name:`onAbort`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onAbortCapture:{defaultValue:null,description:``,name:`onAbortCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onCanPlay:{defaultValue:null,description:``,name:`onCanPlay`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onCanPlayCapture:{defaultValue:null,description:``,name:`onCanPlayCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onCanPlayThrough:{defaultValue:null,description:``,name:`onCanPlayThrough`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onCanPlayThroughCapture:{defaultValue:null,description:``,name:`onCanPlayThroughCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onDurationChange:{defaultValue:null,description:``,name:`onDurationChange`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onDurationChangeCapture:{defaultValue:null,description:``,name:`onDurationChangeCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEmptied:{defaultValue:null,description:``,name:`onEmptied`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEmptiedCapture:{defaultValue:null,description:``,name:`onEmptiedCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEncrypted:{defaultValue:null,description:``,name:`onEncrypted`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEncryptedCapture:{defaultValue:null,description:``,name:`onEncryptedCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEnded:{defaultValue:null,description:``,name:`onEnded`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEndedCapture:{defaultValue:null,description:``,name:`onEndedCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadedData:{defaultValue:null,description:``,name:`onLoadedData`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadedDataCapture:{defaultValue:null,description:``,name:`onLoadedDataCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadedMetadata:{defaultValue:null,description:``,name:`onLoadedMetadata`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadedMetadataCapture:{defaultValue:null,description:``,name:`onLoadedMetadataCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadStart:{defaultValue:null,description:``,name:`onLoadStart`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadStartCapture:{defaultValue:null,description:``,name:`onLoadStartCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPause:{defaultValue:null,description:``,name:`onPause`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPauseCapture:{defaultValue:null,description:``,name:`onPauseCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPlay:{defaultValue:null,description:``,name:`onPlay`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPlayCapture:{defaultValue:null,description:``,name:`onPlayCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPlaying:{defaultValue:null,description:``,name:`onPlaying`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPlayingCapture:{defaultValue:null,description:``,name:`onPlayingCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onProgress:{defaultValue:null,description:``,name:`onProgress`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onProgressCapture:{defaultValue:null,description:``,name:`onProgressCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onRateChange:{defaultValue:null,description:``,name:`onRateChange`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onRateChangeCapture:{defaultValue:null,description:``,name:`onRateChangeCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onResize:{defaultValue:null,description:``,name:`onResize`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onResizeCapture:{defaultValue:null,description:``,name:`onResizeCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSeeked:{defaultValue:null,description:``,name:`onSeeked`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSeekedCapture:{defaultValue:null,description:``,name:`onSeekedCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSeeking:{defaultValue:null,description:``,name:`onSeeking`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSeekingCapture:{defaultValue:null,description:``,name:`onSeekingCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onStalled:{defaultValue:null,description:``,name:`onStalled`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onStalledCapture:{defaultValue:null,description:``,name:`onStalledCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSuspend:{defaultValue:null,description:``,name:`onSuspend`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSuspendCapture:{defaultValue:null,description:``,name:`onSuspendCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onTimeUpdate:{defaultValue:null,description:``,name:`onTimeUpdate`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onTimeUpdateCapture:{defaultValue:null,description:``,name:`onTimeUpdateCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onVolumeChange:{defaultValue:null,description:``,name:`onVolumeChange`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onVolumeChangeCapture:{defaultValue:null,description:``,name:`onVolumeChangeCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onWaiting:{defaultValue:null,description:``,name:`onWaiting`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onWaitingCapture:{defaultValue:null,description:``,name:`onWaitingCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onAuxClick:{defaultValue:null,description:``,name:`onAuxClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onAuxClickCapture:{defaultValue:null,description:``,name:`onAuxClickCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onClick:{defaultValue:null,description:``,name:`onClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onClickCapture:{defaultValue:null,description:``,name:`onClickCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onContextMenu:{defaultValue:null,description:``,name:`onContextMenu`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onContextMenuCapture:{defaultValue:null,description:``,name:`onContextMenuCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onDoubleClick:{defaultValue:null,description:``,name:`onDoubleClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onDoubleClickCapture:{defaultValue:null,description:``,name:`onDoubleClickCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onDrag:{defaultValue:null,description:``,name:`onDrag`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragCapture:{defaultValue:null,description:``,name:`onDragCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragEnd:{defaultValue:null,description:``,name:`onDragEnd`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragEndCapture:{defaultValue:null,description:``,name:`onDragEndCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragEnter:{defaultValue:null,description:``,name:`onDragEnter`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragEnterCapture:{defaultValue:null,description:``,name:`onDragEnterCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragExit:{defaultValue:null,description:``,name:`onDragExit`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragExitCapture:{defaultValue:null,description:``,name:`onDragExitCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragLeave:{defaultValue:null,description:``,name:`onDragLeave`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragLeaveCapture:{defaultValue:null,description:``,name:`onDragLeaveCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragOver:{defaultValue:null,description:``,name:`onDragOver`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragOverCapture:{defaultValue:null,description:``,name:`onDragOverCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragStart:{defaultValue:null,description:``,name:`onDragStart`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragStartCapture:{defaultValue:null,description:``,name:`onDragStartCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDrop:{defaultValue:null,description:``,name:`onDrop`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDropCapture:{defaultValue:null,description:``,name:`onDropCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onMouseDown:{defaultValue:null,description:``,name:`onMouseDown`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseDownCapture:{defaultValue:null,description:``,name:`onMouseDownCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseEnter:{defaultValue:null,description:``,name:`onMouseEnter`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseLeave:{defaultValue:null,description:``,name:`onMouseLeave`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseMove:{defaultValue:null,description:``,name:`onMouseMove`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseMoveCapture:{defaultValue:null,description:``,name:`onMouseMoveCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseOut:{defaultValue:null,description:``,name:`onMouseOut`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseOutCapture:{defaultValue:null,description:``,name:`onMouseOutCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseOver:{defaultValue:null,description:``,name:`onMouseOver`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseOverCapture:{defaultValue:null,description:``,name:`onMouseOverCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseUp:{defaultValue:null,description:``,name:`onMouseUp`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseUpCapture:{defaultValue:null,description:``,name:`onMouseUpCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onSelect:{defaultValue:null,description:``,name:`onSelect`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSelectCapture:{defaultValue:null,description:``,name:`onSelectCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onTouchCancel:{defaultValue:null,description:``,name:`onTouchCancel`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchCancelCapture:{defaultValue:null,description:``,name:`onTouchCancelCapture`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchEnd:{defaultValue:null,description:``,name:`onTouchEnd`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchEndCapture:{defaultValue:null,description:``,name:`onTouchEndCapture`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchMove:{defaultValue:null,description:``,name:`onTouchMove`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchMoveCapture:{defaultValue:null,description:``,name:`onTouchMoveCapture`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchStart:{defaultValue:null,description:``,name:`onTouchStart`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchStartCapture:{defaultValue:null,description:``,name:`onTouchStartCapture`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onPointerDown:{defaultValue:null,description:``,name:`onPointerDown`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerDownCapture:{defaultValue:null,description:``,name:`onPointerDownCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerMove:{defaultValue:null,description:``,name:`onPointerMove`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerMoveCapture:{defaultValue:null,description:``,name:`onPointerMoveCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerUp:{defaultValue:null,description:``,name:`onPointerUp`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerUpCapture:{defaultValue:null,description:``,name:`onPointerUpCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerCancel:{defaultValue:null,description:``,name:`onPointerCancel`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerCancelCapture:{defaultValue:null,description:``,name:`onPointerCancelCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerEnter:{defaultValue:null,description:``,name:`onPointerEnter`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerLeave:{defaultValue:null,description:``,name:`onPointerLeave`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerOver:{defaultValue:null,description:``,name:`onPointerOver`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerOverCapture:{defaultValue:null,description:``,name:`onPointerOverCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerOut:{defaultValue:null,description:``,name:`onPointerOut`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerOutCapture:{defaultValue:null,description:``,name:`onPointerOutCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onGotPointerCapture:{defaultValue:null,description:``,name:`onGotPointerCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onGotPointerCaptureCapture:{defaultValue:null,description:``,name:`onGotPointerCaptureCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onLostPointerCapture:{defaultValue:null,description:``,name:`onLostPointerCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onLostPointerCaptureCapture:{defaultValue:null,description:``,name:`onLostPointerCaptureCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onScroll:{defaultValue:null,description:``,name:`onScroll`,required:!1,type:{name:`enum`,value:[{value:`UIEventHandler<HTMLDivElement>`}]}},onScrollCapture:{defaultValue:null,description:``,name:`onScrollCapture`,required:!1,type:{name:`enum`,value:[{value:`UIEventHandler<HTMLDivElement>`}]}},onWheel:{defaultValue:null,description:``,name:`onWheel`,required:!1,type:{name:`enum`,value:[{value:`WheelEventHandler<HTMLDivElement>`}]}},onWheelCapture:{defaultValue:null,description:``,name:`onWheelCapture`,required:!1,type:{name:`enum`,value:[{value:`WheelEventHandler<HTMLDivElement>`}]}},onAnimationStart:{defaultValue:null,description:``,name:`onAnimationStart`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onAnimationStartCapture:{defaultValue:null,description:``,name:`onAnimationStartCapture`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onAnimationEnd:{defaultValue:null,description:``,name:`onAnimationEnd`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onAnimationEndCapture:{defaultValue:null,description:``,name:`onAnimationEndCapture`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onAnimationIteration:{defaultValue:null,description:``,name:`onAnimationIteration`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onAnimationIterationCapture:{defaultValue:null,description:``,name:`onAnimationIterationCapture`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onTransitionEnd:{defaultValue:null,description:``,name:`onTransitionEnd`,required:!1,type:{name:`enum`,value:[{value:`TransitionEventHandler<HTMLDivElement>`}]}},onTransitionEndCapture:{defaultValue:null,description:``,name:`onTransitionEndCapture`,required:!1,type:{name:`enum`,value:[{value:`TransitionEventHandler<HTMLDivElement>`}]}}}}}catch{}})),O,Ve,k,A,j,He,M=t((()=>{O=e(n(),1),x(),Ve=e(o(),1),D(),k=s(),A=(0,O.createContext)({variant:`positive`}),j=(0,O.forwardRef)(function(e,t){let n=S();return n?(0,Ve.createPortal)((0,k.jsx)(He,{ref:t,...e}),n):null}),He=(0,O.forwardRef)(function({className:e,variant:t,...n},r){let i=[b.alertBanner,e].filter(Boolean).join(` `);return(0,k.jsx)(A.Provider,{value:{variant:t},children:(0,k.jsx)(`div`,{ref:r,className:i,"data-preply-ds-component":`AlertBannerRoot`,"data-variant":t,...n})})});try{j.displayName=`AlertBannerRoot`,j.__docgenInfo={description:``,displayName:`AlertBannerRoot`,props:{defaultChecked:{defaultValue:null,description:``,name:`defaultChecked`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},defaultValue:{defaultValue:null,description:``,name:`defaultValue`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`number`},{value:`readonly string[]`}]}},suppressContentEditableWarning:{defaultValue:null,description:``,name:`suppressContentEditableWarning`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},suppressHydrationWarning:{defaultValue:null,description:``,name:`suppressHydrationWarning`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},accessKey:{defaultValue:null,description:``,name:`accessKey`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},autoCapitalize:{defaultValue:null,description:``,name:`autoCapitalize`,required:!1,type:{name:`enum`,value:[{value:`string & {}`},{value:`"none"`},{value:`"off"`},{value:`"on"`},{value:`"sentences"`},{value:`"words"`},{value:`"characters"`}]}},autoFocus:{defaultValue:null,description:``,name:`autoFocus`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},className:{defaultValue:null,description:``,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},contentEditable:{defaultValue:null,description:``,name:`contentEditable`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"inherit"`},{value:`"false"`},{value:`"true"`},{value:`"plaintext-only"`}]}},contextMenu:{defaultValue:null,description:``,name:`contextMenu`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},dir:{defaultValue:null,description:``,name:`dir`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},draggable:{defaultValue:null,description:``,name:`draggable`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},enterKeyHint:{defaultValue:null,description:``,name:`enterKeyHint`,required:!1,type:{name:`enum`,value:[{value:`"search"`},{value:`"enter"`},{value:`"done"`},{value:`"go"`},{value:`"next"`},{value:`"previous"`},{value:`"send"`}]}},hidden:{defaultValue:null,description:``,name:`hidden`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},id:{defaultValue:null,description:``,name:`id`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},lang:{defaultValue:null,description:``,name:`lang`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},nonce:{defaultValue:null,description:``,name:`nonce`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},slot:{defaultValue:null,description:``,name:`slot`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},spellCheck:{defaultValue:null,description:``,name:`spellCheck`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},style:{defaultValue:null,description:``,name:`style`,required:!1,type:{name:`enum`,value:[{value:`CSSProperties`}]}},tabIndex:{defaultValue:null,description:``,name:`tabIndex`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},title:{defaultValue:null,description:``,name:`title`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},translate:{defaultValue:null,description:``,name:`translate`,required:!1,type:{name:`enum`,value:[{value:`"no"`},{value:`"yes"`}]}},radioGroup:{defaultValue:null,description:``,name:`radioGroup`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},role:{defaultValue:null,description:``,name:`role`,required:!1,type:{name:`enum`,value:[{value:`string & {}`},{value:`"none"`},{value:`"table"`},{value:`"article"`},{value:`"button"`},{value:`"dialog"`},{value:`"figure"`},{value:`"form"`},{value:`"img"`},{value:`"link"`},{value:`"main"`},{value:`"menu"`},{value:`"menuitem"`},{value:`"option"`},{value:`"search"`},{value:`"switch"`},{value:`"list"`},{value:`"row"`},{value:`"alert"`},{value:`"alertdialog"`},{value:`"application"`},{value:`"banner"`},{value:`"cell"`},{value:`"checkbox"`},{value:`"columnheader"`},{value:`"combobox"`},{value:`"complementary"`},{value:`"contentinfo"`},{value:`"definition"`},{value:`"directory"`},{value:`"document"`},{value:`"feed"`},{value:`"grid"`},{value:`"gridcell"`},{value:`"group"`},{value:`"heading"`},{value:`"listbox"`},{value:`"listitem"`},{value:`"log"`},{value:`"marquee"`},{value:`"math"`},{value:`"menubar"`},{value:`"menuitemcheckbox"`},{value:`"menuitemradio"`},{value:`"navigation"`},{value:`"note"`},{value:`"presentation"`},{value:`"progressbar"`},{value:`"radio"`},{value:`"radiogroup"`},{value:`"region"`},{value:`"rowgroup"`},{value:`"rowheader"`},{value:`"scrollbar"`},{value:`"searchbox"`},{value:`"separator"`},{value:`"slider"`},{value:`"spinbutton"`},{value:`"status"`},{value:`"tab"`},{value:`"tablist"`},{value:`"tabpanel"`},{value:`"term"`},{value:`"textbox"`},{value:`"timer"`},{value:`"toolbar"`},{value:`"tooltip"`},{value:`"tree"`},{value:`"treegrid"`},{value:`"treeitem"`}]}},about:{defaultValue:null,description:``,name:`about`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},content:{defaultValue:null,description:``,name:`content`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},datatype:{defaultValue:null,description:``,name:`datatype`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},inlist:{defaultValue:null,description:``,name:`inlist`,required:!1,type:{name:`any`}},prefix:{defaultValue:null,description:``,name:`prefix`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},property:{defaultValue:null,description:``,name:`property`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},rel:{defaultValue:null,description:``,name:`rel`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},resource:{defaultValue:null,description:``,name:`resource`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},rev:{defaultValue:null,description:``,name:`rev`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},typeof:{defaultValue:null,description:``,name:`typeof`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},vocab:{defaultValue:null,description:``,name:`vocab`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},autoCorrect:{defaultValue:null,description:``,name:`autoCorrect`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},autoSave:{defaultValue:null,description:``,name:`autoSave`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},color:{defaultValue:null,description:``,name:`color`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},itemProp:{defaultValue:null,description:``,name:`itemProp`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},itemScope:{defaultValue:null,description:``,name:`itemScope`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},itemType:{defaultValue:null,description:``,name:`itemType`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},itemID:{defaultValue:null,description:``,name:`itemID`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},itemRef:{defaultValue:null,description:``,name:`itemRef`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},results:{defaultValue:null,description:``,name:`results`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},security:{defaultValue:null,description:``,name:`security`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},unselectable:{defaultValue:null,description:``,name:`unselectable`,required:!1,type:{name:`enum`,value:[{value:`"off"`},{value:`"on"`}]}},inputMode:{defaultValue:null,description:`Hints at the type of data that might be entered by the user while editing the element or its contents
|
|
66
|
+
@see {@link https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute}`,name:`inputMode`,required:!1,type:{name:`enum`,value:[{value:`"none"`},{value:`"text"`},{value:`"search"`},{value:`"email"`},{value:`"tel"`},{value:`"url"`},{value:`"numeric"`},{value:`"decimal"`}]}},is:{defaultValue:null,description:`Specify that a standard HTML element should behave like a defined custom built-in element
|
|
67
|
+
@see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is}`,name:`is`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-activedescendant":{defaultValue:null,description:`Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.`,name:`aria-activedescendant`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-atomic":{defaultValue:null,description:`Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.`,name:`aria-atomic`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-autocomplete":{defaultValue:null,description:`Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
|
|
68
|
+
presented if they are made.`,name:`aria-autocomplete`,required:!1,type:{name:`enum`,value:[{value:`"none"`},{value:`"list"`},{value:`"inline"`},{value:`"both"`}]}},"aria-braillelabel":{defaultValue:null,description:`Defines a string value that labels the current element, which is intended to be converted into Braille.
|
|
69
|
+
@see aria-label.`,name:`aria-braillelabel`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-brailleroledescription":{defaultValue:null,description:`Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
|
|
70
|
+
@see aria-roledescription.`,name:`aria-brailleroledescription`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-busy":{defaultValue:null,description:``,name:`aria-busy`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-checked":{defaultValue:null,description:`Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
|
|
71
|
+
@see aria-pressed
|
|
72
|
+
@see aria-selected.`,name:`aria-checked`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`},{value:`"mixed"`}]}},"aria-colcount":{defaultValue:null,description:`Defines the total number of columns in a table, grid, or treegrid.
|
|
73
|
+
@see aria-colindex.`,name:`aria-colcount`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-colindex":{defaultValue:null,description:`Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
|
|
74
|
+
@see aria-colcount
|
|
75
|
+
@see aria-colspan.`,name:`aria-colindex`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-colindextext":{defaultValue:null,description:`Defines a human readable text alternative of aria-colindex.
|
|
76
|
+
@see aria-rowindextext.`,name:`aria-colindextext`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-colspan":{defaultValue:null,description:`Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
|
|
77
|
+
@see aria-colindex
|
|
78
|
+
@see aria-rowspan.`,name:`aria-colspan`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-controls":{defaultValue:null,description:`Identifies the element (or elements) whose contents or presence are controlled by the current element.
|
|
79
|
+
@see aria-owns.`,name:`aria-controls`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-current":{defaultValue:null,description:`Indicates the element that represents the current item within a container or set of related elements.`,name:`aria-current`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"time"`},{value:`"step"`},{value:`"false"`},{value:`"true"`},{value:`"page"`},{value:`"location"`},{value:`"date"`}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
|
|
80
|
+
@see aria-labelledby`,name:`aria-describedby`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-description":{defaultValue:null,description:`Defines a string value that describes or annotates the current element.
|
|
81
|
+
@see related aria-describedby.`,name:`aria-description`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-details":{defaultValue:null,description:`Identifies the element that provides a detailed, extended description for the object.
|
|
82
|
+
@see aria-describedby.`,name:`aria-details`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
|
|
83
|
+
@see aria-hidden
|
|
84
|
+
@see aria-readonly.`,name:`aria-disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-dropeffect":{defaultValue:null,description:`Indicates what functions can be performed when a dragged object is released on the drop target.
|
|
85
|
+
@deprecated in ARIA 1.1`,name:`aria-dropeffect`,required:!1,type:{name:`enum`,value:[{value:`"none"`},{value:`"link"`},{value:`"copy"`},{value:`"execute"`},{value:`"move"`},{value:`"popup"`}]}},"aria-errormessage":{defaultValue:null,description:`Identifies the element that provides an error message for the object.
|
|
86
|
+
@see aria-invalid
|
|
87
|
+
@see aria-describedby.`,name:`aria-errormessage`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-expanded":{defaultValue:null,description:`Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.`,name:`aria-expanded`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-flowto":{defaultValue:null,description:`Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
|
|
88
|
+
allows assistive technology to override the general default of reading in document source order.`,name:`aria-flowto`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-grabbed":{defaultValue:null,description:`Indicates an element's "grabbed" state in a drag-and-drop operation.
|
|
89
|
+
@deprecated in ARIA 1.1`,name:`aria-grabbed`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-haspopup":{defaultValue:null,description:`Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.`,name:`aria-haspopup`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"dialog"`},{value:`"menu"`},{value:`"false"`},{value:`"true"`},{value:`"grid"`},{value:`"listbox"`},{value:`"tree"`}]}},"aria-hidden":{defaultValue:null,description:`Indicates whether the element is exposed to an accessibility API.
|
|
90
|
+
@see aria-disabled.`,name:`aria-hidden`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
|
|
91
|
+
@see aria-errormessage.`,name:`aria-invalid`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`},{value:`"grammar"`},{value:`"spelling"`}]}},"aria-keyshortcuts":{defaultValue:null,description:`Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.`,name:`aria-keyshortcuts`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
|
|
92
|
+
@see aria-labelledby.`,name:`aria-label`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-labelledby":{defaultValue:null,description:`Identifies the element (or elements) that labels the current element.
|
|
93
|
+
@see aria-describedby.`,name:`aria-labelledby`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-level":{defaultValue:null,description:`Defines the hierarchical level of an element within a structure.`,name:`aria-level`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-live":{defaultValue:null,description:`Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.`,name:`aria-live`,required:!1,type:{name:`enum`,value:[{value:`"off"`},{value:`"assertive"`},{value:`"polite"`}]}},"aria-modal":{defaultValue:null,description:`Indicates whether an element is modal when displayed.`,name:`aria-modal`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-multiline":{defaultValue:null,description:`Indicates whether a text box accepts multiple lines of input or only a single line.`,name:`aria-multiline`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-multiselectable":{defaultValue:null,description:`Indicates that the user may select more than one item from the current selectable descendants.`,name:`aria-multiselectable`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-orientation":{defaultValue:null,description:`Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.`,name:`aria-orientation`,required:!1,type:{name:`enum`,value:[{value:`"horizontal"`},{value:`"vertical"`}]}},"aria-owns":{defaultValue:null,description:`Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
|
|
94
|
+
between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
|
|
95
|
+
@see aria-controls.`,name:`aria-owns`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-placeholder":{defaultValue:null,description:`Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
|
|
96
|
+
A hint could be a sample value or a brief description of the expected format.`,name:`aria-placeholder`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-posinset":{defaultValue:null,description:`Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
|
|
97
|
+
@see aria-setsize.`,name:`aria-posinset`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-pressed":{defaultValue:null,description:`Indicates the current "pressed" state of toggle buttons.
|
|
98
|
+
@see aria-checked
|
|
99
|
+
@see aria-selected.`,name:`aria-pressed`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`},{value:`"mixed"`}]}},"aria-readonly":{defaultValue:null,description:`Indicates that the element is not editable, but is otherwise operable.
|
|
100
|
+
@see aria-disabled.`,name:`aria-readonly`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-relevant":{defaultValue:null,description:`Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
|
|
101
|
+
@see aria-atomic.`,name:`aria-relevant`,required:!1,type:{name:`enum`,value:[{value:`"text"`},{value:`"additions"`},{value:`"additions removals"`},{value:`"additions text"`},{value:`"all"`},{value:`"removals"`},{value:`"removals additions"`},{value:`"removals text"`},{value:`"text additions"`},{value:`"text removals"`}]}},"aria-required":{defaultValue:null,description:`Indicates that user input is required on the element before a form may be submitted.`,name:`aria-required`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-roledescription":{defaultValue:null,description:`Defines a human-readable, author-localized description for the role of an element.`,name:`aria-roledescription`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-rowcount":{defaultValue:null,description:`Defines the total number of rows in a table, grid, or treegrid.
|
|
102
|
+
@see aria-rowindex.`,name:`aria-rowcount`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-rowindex":{defaultValue:null,description:`Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
|
|
103
|
+
@see aria-rowcount
|
|
104
|
+
@see aria-rowspan.`,name:`aria-rowindex`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-rowindextext":{defaultValue:null,description:`Defines a human readable text alternative of aria-rowindex.
|
|
105
|
+
@see aria-colindextext.`,name:`aria-rowindextext`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-rowspan":{defaultValue:null,description:`Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
|
|
106
|
+
@see aria-rowindex
|
|
107
|
+
@see aria-colspan.`,name:`aria-rowspan`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-selected":{defaultValue:null,description:`Indicates the current "selected" state of various widgets.
|
|
108
|
+
@see aria-checked
|
|
109
|
+
@see aria-pressed.`,name:`aria-selected`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-setsize":{defaultValue:null,description:`Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
|
|
110
|
+
@see aria-posinset.`,name:`aria-setsize`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-sort":{defaultValue:null,description:`Indicates if items in a table or grid are sorted in ascending or descending order.`,name:`aria-sort`,required:!1,type:{name:`enum`,value:[{value:`"none"`},{value:`"ascending"`},{value:`"descending"`},{value:`"other"`}]}},"aria-valuemax":{defaultValue:null,description:`Defines the maximum allowed value for a range widget.`,name:`aria-valuemax`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-valuemin":{defaultValue:null,description:`Defines the minimum allowed value for a range widget.`,name:`aria-valuemin`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-valuenow":{defaultValue:null,description:`Defines the current value for a range widget.
|
|
111
|
+
@see aria-valuetext.`,name:`aria-valuenow`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-valuetext":{defaultValue:null,description:`Defines the human readable text alternative of aria-valuenow for a range widget.`,name:`aria-valuetext`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},dangerouslySetInnerHTML:{defaultValue:null,description:``,name:`dangerouslySetInnerHTML`,required:!1,type:{name:`enum`,value:[{value:`{ __html: string | TrustedHTML; }`}]}},onCopy:{defaultValue:null,description:``,name:`onCopy`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onCopyCapture:{defaultValue:null,description:``,name:`onCopyCapture`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onCut:{defaultValue:null,description:``,name:`onCut`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onCutCapture:{defaultValue:null,description:``,name:`onCutCapture`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onPaste:{defaultValue:null,description:``,name:`onPaste`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onPasteCapture:{defaultValue:null,description:``,name:`onPasteCapture`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onCompositionEnd:{defaultValue:null,description:``,name:`onCompositionEnd`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onCompositionEndCapture:{defaultValue:null,description:``,name:`onCompositionEndCapture`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onCompositionStart:{defaultValue:null,description:``,name:`onCompositionStart`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onCompositionStartCapture:{defaultValue:null,description:``,name:`onCompositionStartCapture`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onCompositionUpdate:{defaultValue:null,description:``,name:`onCompositionUpdate`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onCompositionUpdateCapture:{defaultValue:null,description:``,name:`onCompositionUpdateCapture`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onFocus:{defaultValue:null,description:``,name:`onFocus`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLDivElement>`}]}},onFocusCapture:{defaultValue:null,description:``,name:`onFocusCapture`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLDivElement>`}]}},onBlur:{defaultValue:null,description:``,name:`onBlur`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLDivElement>`}]}},onBlurCapture:{defaultValue:null,description:``,name:`onBlurCapture`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLDivElement>`}]}},onChange:{defaultValue:null,description:``,name:`onChange`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onChangeCapture:{defaultValue:null,description:``,name:`onChangeCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onBeforeInput:{defaultValue:null,description:``,name:`onBeforeInput`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onBeforeInputCapture:{defaultValue:null,description:``,name:`onBeforeInputCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onInput:{defaultValue:null,description:``,name:`onInput`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onInputCapture:{defaultValue:null,description:``,name:`onInputCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onReset:{defaultValue:null,description:``,name:`onReset`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onResetCapture:{defaultValue:null,description:``,name:`onResetCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onSubmit:{defaultValue:null,description:``,name:`onSubmit`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onSubmitCapture:{defaultValue:null,description:``,name:`onSubmitCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onInvalid:{defaultValue:null,description:``,name:`onInvalid`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onInvalidCapture:{defaultValue:null,description:``,name:`onInvalidCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onLoad:{defaultValue:null,description:``,name:`onLoad`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadCapture:{defaultValue:null,description:``,name:`onLoadCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onError:{defaultValue:null,description:``,name:`onError`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onErrorCapture:{defaultValue:null,description:``,name:`onErrorCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onKeyDown:{defaultValue:null,description:``,name:`onKeyDown`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onKeyDownCapture:{defaultValue:null,description:``,name:`onKeyDownCapture`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onKeyPress:{defaultValue:null,description:"@deprecated Use `onKeyUp` or `onKeyDown` instead",name:`onKeyPress`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onKeyPressCapture:{defaultValue:null,description:"@deprecated Use `onKeyUpCapture` or `onKeyDownCapture` instead",name:`onKeyPressCapture`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onKeyUp:{defaultValue:null,description:``,name:`onKeyUp`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onKeyUpCapture:{defaultValue:null,description:``,name:`onKeyUpCapture`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onAbort:{defaultValue:null,description:``,name:`onAbort`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onAbortCapture:{defaultValue:null,description:``,name:`onAbortCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onCanPlay:{defaultValue:null,description:``,name:`onCanPlay`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onCanPlayCapture:{defaultValue:null,description:``,name:`onCanPlayCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onCanPlayThrough:{defaultValue:null,description:``,name:`onCanPlayThrough`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onCanPlayThroughCapture:{defaultValue:null,description:``,name:`onCanPlayThroughCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onDurationChange:{defaultValue:null,description:``,name:`onDurationChange`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onDurationChangeCapture:{defaultValue:null,description:``,name:`onDurationChangeCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEmptied:{defaultValue:null,description:``,name:`onEmptied`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEmptiedCapture:{defaultValue:null,description:``,name:`onEmptiedCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEncrypted:{defaultValue:null,description:``,name:`onEncrypted`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEncryptedCapture:{defaultValue:null,description:``,name:`onEncryptedCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEnded:{defaultValue:null,description:``,name:`onEnded`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEndedCapture:{defaultValue:null,description:``,name:`onEndedCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadedData:{defaultValue:null,description:``,name:`onLoadedData`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadedDataCapture:{defaultValue:null,description:``,name:`onLoadedDataCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadedMetadata:{defaultValue:null,description:``,name:`onLoadedMetadata`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadedMetadataCapture:{defaultValue:null,description:``,name:`onLoadedMetadataCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadStart:{defaultValue:null,description:``,name:`onLoadStart`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadStartCapture:{defaultValue:null,description:``,name:`onLoadStartCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPause:{defaultValue:null,description:``,name:`onPause`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPauseCapture:{defaultValue:null,description:``,name:`onPauseCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPlay:{defaultValue:null,description:``,name:`onPlay`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPlayCapture:{defaultValue:null,description:``,name:`onPlayCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPlaying:{defaultValue:null,description:``,name:`onPlaying`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPlayingCapture:{defaultValue:null,description:``,name:`onPlayingCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onProgress:{defaultValue:null,description:``,name:`onProgress`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onProgressCapture:{defaultValue:null,description:``,name:`onProgressCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onRateChange:{defaultValue:null,description:``,name:`onRateChange`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onRateChangeCapture:{defaultValue:null,description:``,name:`onRateChangeCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onResize:{defaultValue:null,description:``,name:`onResize`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onResizeCapture:{defaultValue:null,description:``,name:`onResizeCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSeeked:{defaultValue:null,description:``,name:`onSeeked`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSeekedCapture:{defaultValue:null,description:``,name:`onSeekedCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSeeking:{defaultValue:null,description:``,name:`onSeeking`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSeekingCapture:{defaultValue:null,description:``,name:`onSeekingCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onStalled:{defaultValue:null,description:``,name:`onStalled`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onStalledCapture:{defaultValue:null,description:``,name:`onStalledCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSuspend:{defaultValue:null,description:``,name:`onSuspend`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSuspendCapture:{defaultValue:null,description:``,name:`onSuspendCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onTimeUpdate:{defaultValue:null,description:``,name:`onTimeUpdate`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onTimeUpdateCapture:{defaultValue:null,description:``,name:`onTimeUpdateCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onVolumeChange:{defaultValue:null,description:``,name:`onVolumeChange`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onVolumeChangeCapture:{defaultValue:null,description:``,name:`onVolumeChangeCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onWaiting:{defaultValue:null,description:``,name:`onWaiting`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onWaitingCapture:{defaultValue:null,description:``,name:`onWaitingCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onAuxClick:{defaultValue:null,description:``,name:`onAuxClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onAuxClickCapture:{defaultValue:null,description:``,name:`onAuxClickCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onClick:{defaultValue:null,description:``,name:`onClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onClickCapture:{defaultValue:null,description:``,name:`onClickCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onContextMenu:{defaultValue:null,description:``,name:`onContextMenu`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onContextMenuCapture:{defaultValue:null,description:``,name:`onContextMenuCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onDoubleClick:{defaultValue:null,description:``,name:`onDoubleClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onDoubleClickCapture:{defaultValue:null,description:``,name:`onDoubleClickCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onDrag:{defaultValue:null,description:``,name:`onDrag`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragCapture:{defaultValue:null,description:``,name:`onDragCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragEnd:{defaultValue:null,description:``,name:`onDragEnd`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragEndCapture:{defaultValue:null,description:``,name:`onDragEndCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragEnter:{defaultValue:null,description:``,name:`onDragEnter`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragEnterCapture:{defaultValue:null,description:``,name:`onDragEnterCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragExit:{defaultValue:null,description:``,name:`onDragExit`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragExitCapture:{defaultValue:null,description:``,name:`onDragExitCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragLeave:{defaultValue:null,description:``,name:`onDragLeave`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragLeaveCapture:{defaultValue:null,description:``,name:`onDragLeaveCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragOver:{defaultValue:null,description:``,name:`onDragOver`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragOverCapture:{defaultValue:null,description:``,name:`onDragOverCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragStart:{defaultValue:null,description:``,name:`onDragStart`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragStartCapture:{defaultValue:null,description:``,name:`onDragStartCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDrop:{defaultValue:null,description:``,name:`onDrop`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDropCapture:{defaultValue:null,description:``,name:`onDropCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onMouseDown:{defaultValue:null,description:``,name:`onMouseDown`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseDownCapture:{defaultValue:null,description:``,name:`onMouseDownCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseEnter:{defaultValue:null,description:``,name:`onMouseEnter`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseLeave:{defaultValue:null,description:``,name:`onMouseLeave`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseMove:{defaultValue:null,description:``,name:`onMouseMove`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseMoveCapture:{defaultValue:null,description:``,name:`onMouseMoveCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseOut:{defaultValue:null,description:``,name:`onMouseOut`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseOutCapture:{defaultValue:null,description:``,name:`onMouseOutCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseOver:{defaultValue:null,description:``,name:`onMouseOver`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseOverCapture:{defaultValue:null,description:``,name:`onMouseOverCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseUp:{defaultValue:null,description:``,name:`onMouseUp`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseUpCapture:{defaultValue:null,description:``,name:`onMouseUpCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onSelect:{defaultValue:null,description:``,name:`onSelect`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSelectCapture:{defaultValue:null,description:``,name:`onSelectCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onTouchCancel:{defaultValue:null,description:``,name:`onTouchCancel`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchCancelCapture:{defaultValue:null,description:``,name:`onTouchCancelCapture`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchEnd:{defaultValue:null,description:``,name:`onTouchEnd`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchEndCapture:{defaultValue:null,description:``,name:`onTouchEndCapture`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchMove:{defaultValue:null,description:``,name:`onTouchMove`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchMoveCapture:{defaultValue:null,description:``,name:`onTouchMoveCapture`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchStart:{defaultValue:null,description:``,name:`onTouchStart`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchStartCapture:{defaultValue:null,description:``,name:`onTouchStartCapture`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onPointerDown:{defaultValue:null,description:``,name:`onPointerDown`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerDownCapture:{defaultValue:null,description:``,name:`onPointerDownCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerMove:{defaultValue:null,description:``,name:`onPointerMove`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerMoveCapture:{defaultValue:null,description:``,name:`onPointerMoveCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerUp:{defaultValue:null,description:``,name:`onPointerUp`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerUpCapture:{defaultValue:null,description:``,name:`onPointerUpCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerCancel:{defaultValue:null,description:``,name:`onPointerCancel`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerCancelCapture:{defaultValue:null,description:``,name:`onPointerCancelCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerEnter:{defaultValue:null,description:``,name:`onPointerEnter`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerLeave:{defaultValue:null,description:``,name:`onPointerLeave`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerOver:{defaultValue:null,description:``,name:`onPointerOver`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerOverCapture:{defaultValue:null,description:``,name:`onPointerOverCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerOut:{defaultValue:null,description:``,name:`onPointerOut`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerOutCapture:{defaultValue:null,description:``,name:`onPointerOutCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onGotPointerCapture:{defaultValue:null,description:``,name:`onGotPointerCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onGotPointerCaptureCapture:{defaultValue:null,description:``,name:`onGotPointerCaptureCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onLostPointerCapture:{defaultValue:null,description:``,name:`onLostPointerCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onLostPointerCaptureCapture:{defaultValue:null,description:``,name:`onLostPointerCaptureCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onScroll:{defaultValue:null,description:``,name:`onScroll`,required:!1,type:{name:`enum`,value:[{value:`UIEventHandler<HTMLDivElement>`}]}},onScrollCapture:{defaultValue:null,description:``,name:`onScrollCapture`,required:!1,type:{name:`enum`,value:[{value:`UIEventHandler<HTMLDivElement>`}]}},onWheel:{defaultValue:null,description:``,name:`onWheel`,required:!1,type:{name:`enum`,value:[{value:`WheelEventHandler<HTMLDivElement>`}]}},onWheelCapture:{defaultValue:null,description:``,name:`onWheelCapture`,required:!1,type:{name:`enum`,value:[{value:`WheelEventHandler<HTMLDivElement>`}]}},onAnimationStart:{defaultValue:null,description:``,name:`onAnimationStart`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onAnimationStartCapture:{defaultValue:null,description:``,name:`onAnimationStartCapture`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onAnimationEnd:{defaultValue:null,description:``,name:`onAnimationEnd`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onAnimationEndCapture:{defaultValue:null,description:``,name:`onAnimationEndCapture`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onAnimationIteration:{defaultValue:null,description:``,name:`onAnimationIteration`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onAnimationIterationCapture:{defaultValue:null,description:``,name:`onAnimationIterationCapture`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onTransitionEnd:{defaultValue:null,description:``,name:`onTransitionEnd`,required:!1,type:{name:`enum`,value:[{value:`TransitionEventHandler<HTMLDivElement>`}]}},onTransitionEndCapture:{defaultValue:null,description:``,name:`onTransitionEndCapture`,required:!1,type:{name:`enum`,value:[{value:`TransitionEventHandler<HTMLDivElement>`}]}},variant:{defaultValue:null,description:``,name:`variant`,required:!0,type:{name:`enum`,value:[{value:`"positive"`},{value:`"warning"`},{value:`"critical"`}]}},dataset:{defaultValue:null,description:"@deprecated Pass data attributes as regular props instead (`data-testid` for instance)",name:`dataset`,required:!1,type:{name:`undefined`}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLDivElement | null) => void`},{value:`RefObject<HTMLDivElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}})),N,P,Ue,We,Ge,F,I,Ke=t((()=>{N=e(n(),1),le(),de(),fe(),u(),x(),M(),P=s(),Ue=()=>(0,P.jsx)(d,{svg:ue,size:`24`}),We=()=>(0,P.jsx)(d,{svg:me,size:`24`}),Ge=()=>(0,P.jsx)(d,{svg:pe,size:`24`}),F={positive:Ue,warning:We,critical:Ge},I=(0,N.forwardRef)(function({svg:e,children:t,className:n=``},r){let{variant:i}=(0,N.useContext)(A),a=[b.icon,n].join(` `),o=null;return t?o=t:e?o=(0,P.jsx)(d,{svg:e,size:`24`}):i&&i in F&&(o=F[i]()),o?(0,P.jsx)(`div`,{ref:r,className:a,children:o}):null});try{I.displayName=`AlertBannerIcon`,I.__docgenInfo={description:"An icon for the alert banner.\n\nThis component will render the appropriate icon based on the parent\n`AlertBannerRoot` component's `variant` prop — these semantic icons are also\nexported for the following variants:\n- `positive` -> `<AlertBannerPositiveIcon />`\n- `warning` -> `<AlertBannerWarningIcon />`\n- `critical` -> `<AlertBannerCriticalIcon />`\n\nThe icon can be overridden by passing a custom SVG icon via the `svg` prop.\n\nIf you want to place any leading element inside of the `AlertBanner`,\nwith the same spacing as the icon, you can pass it as a child element.\n\nNote: The root of this component is a `div` element. You can use the\n`className` prop to override the default styles for the **container**.",displayName:`AlertBannerIcon`,props:{svg:{defaultValue:null,description:``,name:`svg`,required:!1,type:{name:`enum`,value:[{value:`ComponentClass<SVGAttributes<SVGElement>, any>`},{value:`FunctionComponent<SVGAttributes<SVGElement>>`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},className:{defaultValue:{value:``},description:``,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLDivElement | null) => void`},{value:`RefObject<HTMLDivElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}})),L,R,qe,z,Je=t((()=>{L=e(n(),1),se(),X(),he(),x(),M(),R=s(),qe={critical:(0,R.jsx)(f,{id:`preply-ds.alert-banner.critical-prefix`,defaultMessage:`Alert:`,description:`Prefix every alert banner shown to the user. It's announced by screen readers as 'Alert: 'the alert message (for instance: 'Alert: We can't renew your subscription.').`}),warning:(0,R.jsx)(f,{id:`preply-ds.alert-banner.warning-prefix`,defaultMessage:`Warning:`,description:`Prefix every warning banner shown to the user. It's announced by screen readers as 'Warning: 'the alert message (for instance: 'Warning: Your credit card is about to expire.').`}),positive:(0,R.jsx)(f,{id:`preply-ds.alert-banner.positive-prefix`,defaultMessage:`Update:`,description:`Prefix every positive banner shown to the user. It's announced by screen readers as 'Warning: 'the alert message (for instance: 'Warning: Your subscription has been renewed successfully.').`})},z=(0,L.forwardRef)(function({className:e,children:t,...n},r){let{variant:i}=(0,L.useContext)(A);return(0,R.jsxs)(te,{ref:r,variant:`default-regular`,accent:`primary`,className:[b.description,e].filter(Boolean).join(` `),...n,children:[(0,R.jsx)(ge,{children:qe[i]}),` `,t]})});try{z.displayName=`AlertBannerText`,z.__docgenInfo={description:"The AlertBannerText is a container which defaults to displaying a `Text` child with a\n`default-regular` variant, which can be overridden with the `children` prop. The passed text is\nalso prefixed with a visually hidden text to allow screen reader user to remind of the existence\nof the region rendered by `AlertBannerProvider`.",displayName:`AlertBannerText`,props:{variant:{defaultValue:null,description:``,name:`variant`,required:!1,type:{name:`enum`,value:[{value:`"caption-regular"`},{value:`"caption-semibold"`},{value:`"small-regular"`},{value:`"small-regular-italic"`},{value:`"small-semibold"`},{value:`"small-semibold-italic"`},{value:`"default-regular"`},{value:`"default-regular-italic"`},{value:`"default-semibold"`},{value:`"default-semibold-italic"`},{value:`"large-regular"`},{value:`"large-regular-italic"`},{value:`"large-semibold"`},{value:`"large-semibold-italic"`},{value:`ResponsiveProp<TextVariant>`}]}},accent:{defaultValue:null,description:``,name:`accent`,required:!1,type:{name:`enum`,value:[{value:`"placeholder"`},{value:`"primary"`},{value:`"secondary"`},{value:`"tertiary"`},{value:`"accentDark"`},{value:`"inverted"`},{value:`"positive"`},{value:`"info"`},{value:`"warning"`},{value:`"critical"`}]}},strong:{defaultValue:null,description:``,name:`strong`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},centered:{defaultValue:null,description:``,name:`centered`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},tag:{defaultValue:null,description:``,name:`tag`,required:!1,type:{name:`enum`,value:[{value:`"div"`},{value:`"p"`},{value:`"span"`}]}},dataset:{defaultValue:null,description:"@deprecated Pass data attributes as regular props instead (`data-testid` for instance)",name:`dataset`,required:!1,type:{name:`undefined`}},className:{defaultValue:null,description:``,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLParagraphElement | null) => void`},{value:`RefObject<HTMLParagraphElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}})),B,V,Ye=t((()=>{e(n(),1),i(),l(),M(),Ke(),Je(),$(),B=s(),V=e=>{let{variant:t,description:n,action:i,dataset:a}=e;return(0,B.jsxs)(j,{variant:t,...r(a,{preplyDsComponent:c.AlertBanner}),children:[(0,B.jsx)(I,{}),(0,B.jsx)(z,{children:n}),(0,B.jsx)(Q,{children:i})]})};try{V.displayName=`AlertBanner`,V.__docgenInfo={description:`The Alert Banner communicates important and time-sensitive messages that require user attention.
|
|
112
|
+
|
|
113
|
+
From an accessibility perspective, the description is prefixed to announce the importance of the
|
|
114
|
+
banner.`,displayName:`AlertBanner`,props:{variant:{defaultValue:null,description:"Impact the visualized icon, the background color, and how the banner is announced by screen\nreaders.\n\nSemantic icons are also exported for the following variants:\n- `warning` -> `<AlertBannerWarningIcon />`\n- `critical` -> `<AlertBannerCriticalIcon />`\n- `positive` -> `<AlertBannerPositiveIcon />`",name:`variant`,required:!0,type:{name:`enum`,value:[{value:`"positive"`},{value:`"warning"`},{value:`"critical"`}]}},description:{defaultValue:null,description:`The banner's message content.`,name:`description`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},action:{defaultValue:null,description:`The banner' action.
|
|
115
|
+
|
|
116
|
+
To build a DS compliant banner, use:
|
|
117
|
+
- \`CalloutBannerIcon\` to add an icon to the banner
|
|
118
|
+
- \`CalloutBannerText\` to add a text to the banner
|
|
119
|
+
- \`CalloutBannerDismissButton\` to add a dismiss button to the banner
|
|
120
|
+
|
|
121
|
+
Alternatively, to diverge from the DS, you're able to:
|
|
122
|
+
- Add your own custom content to break away from the inner content
|
|
123
|
+
styling and structure.
|
|
124
|
+
- Use the \`CalloutBannerRoot\` primitive to customize the banner
|
|
125
|
+
container (e.g. colour).`,name:`action`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}}}}}catch{}}));function H({primaryButton:e,nextButton:t=(0,U.jsx)(K,{}),previousButton:n=(0,U.jsx)(q,{})}){let{currentStep:r,totalSteps:i}=Oe(),a=r===1,o=r===i;return(0,U.jsx)(Te,{children:(0,U.jsxs)(`div`,{className:p.stepControls,"data-preply-ds-component":c.DialogSteps,children:[!a&&(0,U.jsx)(`div`,{className:p.previous,"data-preply-ds-component":c.DialogStepsPreviousContainer,children:n}),(0,U.jsx)(`div`,{className:p.next,"data-preply-ds-component":c.DialogStepsNextContainer,children:o?e:t})]})})}var U,W,G,K,q,Xe=t((()=>{e(n(),1),De(),Ce(),Ee(),l(),U=s(),W=m,G=m.Step,K=m.Next,q=m.Previous;try{H.displayName=`DialogStepsActions`,H.__docgenInfo={description:`Wrapper around the Steps actions for usage in Dialog.`,displayName:`DialogStepsActions`,props:{primaryButton:{defaultValue:null,description:`Primary action button.
|
|
126
|
+
|
|
127
|
+
This button will be displayed on the last step.
|
|
128
|
+
@example <DialogStepsActions
|
|
129
|
+
primaryButton={<Button size="medium" variant="primary" onClick={() => {}}>Finish</Button>}
|
|
130
|
+
/>`,name:`primaryButton`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},nextButton:{defaultValue:{value:`<DialogStepsNext />`},description:`Next step button.
|
|
131
|
+
|
|
132
|
+
This button will be used on all steps except the last one. When not provided, a default button will be used.
|
|
133
|
+
@example <DialogStepsActions
|
|
134
|
+
nextButton={<DialogStepsNext onClick={() => {}}>Next</DialogStepsNext>}
|
|
135
|
+
/>`,name:`nextButton`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},previousButton:{defaultValue:{value:`<DialogStepsPrevious />`},description:`Previous step button.
|
|
136
|
+
|
|
137
|
+
This button will be used on all steps except the first one. When not provided, a default button will be used.
|
|
138
|
+
@example <DialogStepsActions
|
|
139
|
+
previousButton={<DialogStepsPrevious onClick={() => {}}>Previous</DialogStepsPrevious>}
|
|
140
|
+
/>`,name:`previousButton`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}}}}}catch{}try{W.displayName=`DialogSteps`,W.__docgenInfo={description:``,displayName:`DialogSteps`,props:{"aria-label":{defaultValue:null,description:`A description of the step flow and its content for screen readers.
|
|
141
|
+
@example 'Onboarding Steps', 'Checkout Steps', 'Survey Steps', etc.`,name:`aria-label`,required:!0,type:{name:`string`}},initialStep:{defaultValue:{value:`1`},description:"The initial step to start at (from `1` to `children.length`).",name:`initialStep`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},onStepChange:{defaultValue:null,description:`Optional callback to control navigation between steps.
|
|
142
|
+
|
|
143
|
+
This is triggered either by using the \`Steps.Previous\` and \`Steps.Next\`
|
|
144
|
+
components, or by calling \`goToPreviousStep\`, \`goToNextStep\`, or
|
|
145
|
+
\`goToStep\` from the \`StepsContext\`.
|
|
146
|
+
|
|
147
|
+
Can be used to:
|
|
148
|
+
- Skip/redirect steps conditionally
|
|
149
|
+
- Perform async process (e.g. validation) on step changes, marking the
|
|
150
|
+
element as busy/loading
|
|
151
|
+
@param currentStep The current step (1-based)
|
|
152
|
+
@param nextStep The next, incoming step
|
|
153
|
+
@returns Promise that resolves to:
|
|
154
|
+
- \`undefined\`: proceed with default navigation
|
|
155
|
+
- \`number\`: override the destination step
|
|
156
|
+
@example Add async validation
|
|
157
|
+
const handleStepChange = async (current, next) => {
|
|
158
|
+
await validateStep(current);
|
|
159
|
+
return next;
|
|
160
|
+
};
|
|
161
|
+
@example Skip a step
|
|
162
|
+
const handleStepChange = async (current, next) => {
|
|
163
|
+
if (next === 2) return 3; // Skip step 2
|
|
164
|
+
return next;
|
|
165
|
+
};`,name:`onStepChange`,required:!1,type:{name:`enum`,value:[{value:`(currentStep: number, nextStep: number) => number | Promise<number | undefined> | undefined`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}}}}}catch{}try{G.displayName=`DialogStep`,G.__docgenInfo={description:``,displayName:`DialogStep`,props:{title:{defaultValue:null,description:`Main heading for the step.`,name:`title`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},description:{defaultValue:null,description:`Optional description text displayed below the title.`,name:`description`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},hideHeader:{defaultValue:null,description:`If true, hides the step title and description.`,name:`hideHeader`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},children:{defaultValue:null,description:`Step content.`,name:`children`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}}}}}catch{}try{K.displayName=`DialogStepsNext`,K.__docgenInfo={description:``,displayName:`DialogStepsNext`,props:{id:{defaultValue:null,description:``,name:`id`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},onKeyDown:{defaultValue:null,description:``,name:`onKeyDown`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler`}]}},onKeyUp:{defaultValue:null,description:``,name:`onKeyUp`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler`}]}},onClick:{defaultValue:null,description:``,name:`onClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseDown:{defaultValue:null,description:``,name:`onMouseDown`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseEnter:{defaultValue:null,description:``,name:`onMouseEnter`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseMove:{defaultValue:null,description:``,name:`onMouseMove`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseUp:{defaultValue:null,description:``,name:`onMouseUp`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onPointerDown:{defaultValue:null,description:``,name:`onPointerDown`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onPointerEnter:{defaultValue:null,description:``,name:`onPointerEnter`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},as:{defaultValue:null,description:`Custom element to render the button.
|
|
166
|
+
|
|
167
|
+
Allows rendering the button using a different React element or component.
|
|
168
|
+
This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
|
|
169
|
+
@example // Render as a react router link component
|
|
170
|
+
import { Link } from 'react-router-dom';
|
|
171
|
+
|
|
172
|
+
<ButtonBase as={<Link to="/home" />} />`,name:`as`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},download:{defaultValue:null,description:``,name:`download`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},href:{defaultValue:null,description:``,name:`href`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},disabled:{defaultValue:null,description:``,name:`disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},size:{defaultValue:null,description:``,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"small"`},{value:`"medium"`},{value:`"large"`},{value:`ResponsiveProp<ButtonSize>`}]}},selected:{defaultValue:null,description:`Used only for classroom and ghost variants`,name:`selected`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},wrap:{defaultValue:null,description:``,name:`wrap`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},variant:{defaultValue:null,description:``,name:`variant`,required:!1,type:{name:`enum`,value:[{value:`"primary"`},{value:`"secondary"`},{value:`"tertiary"`},{value:`"inverted"`},{value:`"critical"`},{value:`"ai"`},{value:`"quaternary"`},{value:`"ghost"`},{value:`"onColor"`},{value:`"classroom"`},{value:`"primaryB2b"`},{value:`"primaryTutor"`},{value:`"newFeature"`}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:`url`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},fullWidth:{defaultValue:null,description:``,name:`fullWidth`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},opensInNewTab:{defaultValue:null,description:``,name:`opensInNewTab`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},nofollow:{defaultValue:null,description:``,name:`nofollow`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},submitsForm:{defaultValue:null,description:``,name:`submitsForm`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},assistiveText:{defaultValue:null,description:``,name:`assistiveText`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},busy:{defaultValue:null,description:`Replaces the content with a loading indicator.`,name:`busy`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:`a11yLabel`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
|
|
173
|
+
@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
|
|
174
|
+
|
|
175
|
+
<Button leadingSvgIcon={TokyoUITag}>Button</Button>
|
|
176
|
+
or
|
|
177
|
+
<Button leadingSvgIcon={<TokyoUITag />}>Button</Button>`,name:`leadingSvgIcon`,required:!1,type:{name:`enum`,value:[{value:`ComponentClass<SVGAttributes<SVGElement>, any>`},{value:`FunctionComponent<SVGAttributes<SVGElement>>`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},trailingSvgIcon:{defaultValue:null,description:`The trailing SVG icon.
|
|
178
|
+
@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
|
|
179
|
+
|
|
180
|
+
<Button trailingSvgIcon={TokyoUITag}>Button</Button>
|
|
181
|
+
or
|
|
182
|
+
<Button trailingSvgIcon={<TokyoUITag />}>Button</Button>`,name:`trailingSvgIcon`,required:!1,type:{name:`enum`,value:[{value:`ComponentClass<SVGAttributes<SVGElement>, any>`},{value:`FunctionComponent<SVGAttributes<SVGElement>>`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLAnchorElement | HTMLButtonElement | null) => void`},{value:`RefObject<HTMLAnchorElement | HTMLButtonElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}try{q.displayName=`DialogStepsPrevious`,q.__docgenInfo={description:``,displayName:`DialogStepsPrevious`,props:{id:{defaultValue:null,description:``,name:`id`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},onKeyDown:{defaultValue:null,description:``,name:`onKeyDown`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler`}]}},onKeyUp:{defaultValue:null,description:``,name:`onKeyUp`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler`}]}},onClick:{defaultValue:null,description:``,name:`onClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseDown:{defaultValue:null,description:``,name:`onMouseDown`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseEnter:{defaultValue:null,description:``,name:`onMouseEnter`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseMove:{defaultValue:null,description:``,name:`onMouseMove`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseUp:{defaultValue:null,description:``,name:`onMouseUp`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onPointerDown:{defaultValue:null,description:``,name:`onPointerDown`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onPointerEnter:{defaultValue:null,description:``,name:`onPointerEnter`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},as:{defaultValue:null,description:`Custom element to render the button.
|
|
183
|
+
|
|
184
|
+
Allows rendering the button using a different React element or component.
|
|
185
|
+
This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
|
|
186
|
+
@example // Render as a react router link component
|
|
187
|
+
import { Link } from 'react-router-dom';
|
|
188
|
+
|
|
189
|
+
<ButtonBase as={<Link to="/home" />} />`,name:`as`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},download:{defaultValue:null,description:``,name:`download`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},href:{defaultValue:null,description:``,name:`href`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},disabled:{defaultValue:null,description:``,name:`disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},size:{defaultValue:null,description:``,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"small"`},{value:`"medium"`},{value:`"large"`},{value:`ResponsiveProp<ButtonSize>`}]}},selected:{defaultValue:null,description:`Used only for classroom and ghost variants`,name:`selected`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},wrap:{defaultValue:null,description:``,name:`wrap`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},variant:{defaultValue:null,description:``,name:`variant`,required:!1,type:{name:`enum`,value:[{value:`"primary"`},{value:`"secondary"`},{value:`"tertiary"`},{value:`"inverted"`},{value:`"critical"`},{value:`"ai"`},{value:`"quaternary"`},{value:`"ghost"`},{value:`"onColor"`},{value:`"classroom"`},{value:`"primaryB2b"`},{value:`"primaryTutor"`},{value:`"newFeature"`}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:`url`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},fullWidth:{defaultValue:null,description:``,name:`fullWidth`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},opensInNewTab:{defaultValue:null,description:``,name:`opensInNewTab`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},nofollow:{defaultValue:null,description:``,name:`nofollow`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},submitsForm:{defaultValue:null,description:``,name:`submitsForm`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},assistiveText:{defaultValue:null,description:``,name:`assistiveText`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},busy:{defaultValue:null,description:`Replaces the content with a loading indicator.`,name:`busy`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:`a11yLabel`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
|
|
190
|
+
@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
|
|
191
|
+
|
|
192
|
+
<Button leadingSvgIcon={TokyoUITag}>Button</Button>
|
|
193
|
+
or
|
|
194
|
+
<Button leadingSvgIcon={<TokyoUITag />}>Button</Button>`,name:`leadingSvgIcon`,required:!1,type:{name:`enum`,value:[{value:`ComponentClass<SVGAttributes<SVGElement>, any>`},{value:`FunctionComponent<SVGAttributes<SVGElement>>`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},trailingSvgIcon:{defaultValue:null,description:`The trailing SVG icon.
|
|
195
|
+
@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
|
|
196
|
+
|
|
197
|
+
<Button trailingSvgIcon={TokyoUITag}>Button</Button>
|
|
198
|
+
or
|
|
199
|
+
<Button trailingSvgIcon={<TokyoUITag />}>Button</Button>`,name:`trailingSvgIcon`,required:!1,type:{name:`enum`,value:[{value:`ComponentClass<SVGAttributes<SVGElement>, any>`},{value:`FunctionComponent<SVGAttributes<SVGElement>>`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLAnchorElement | HTMLButtonElement | null) => void`},{value:`RefObject<HTMLAnchorElement | HTMLButtonElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}})),Ze,Qe,$e=t((()=>{Ze=`IconTile__XlzW3`,Qe={IconTile:Ze,"IconTile--size-small":`IconTile--size-small__brJck`,"IconTile--size-base":`IconTile--size-base__gPIDE`,"IconTile--size-medium":`IconTile--size-medium__gAwOs`,"IconTile--size-large":`IconTile--size-large__M35fc`,"IconTile--tone-neutral":`IconTile--tone-neutral__IVJ2Y`,"IconTile--tone-info":`IconTile--tone-info__o2x-M`,"IconTile--tone-ai":`IconTile--tone-ai__dJp9n`,"IconTile--tone-positive":`IconTile--tone-positive__yJsa9`,"IconTile--tone-warning":`IconTile--tone-warning__q8yaj`,"IconTile--tone-critical":`IconTile--tone-critical__iAjl0`}}));function et(e){switch(e){case`small`:return`16`;case`medium`:return`32`;case`large`:return`48`}return`24`}var tt,J,Y,nt=t((()=>{i(),tt=e(n(),1),$e(),l(),X(),J=s(),Y=(0,tt.forwardRef)(function({size:e=`base`,tone:t=`neutral`,dataset:n,...i},o){return(0,J.jsx)(`span`,{className:a(Qe,c.IconTile,[`size-${e}`,`tone-${t}`]).join(` `),...r(n,{preplyDsComponent:c.IconTile}),children:(0,J.jsx)(d,{...i,accent:`primary`,size:et(e),ref:o})})});try{Y.displayName=`IconTile`,Y.__docgenInfo={description:``,displayName:`IconTile`,props:{label:{defaultValue:null,description:"If using the icon without any adjacent descriptive text, use this prop to\nprovide an `aria-label` for assistive technologies.",name:`label`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},svg:{defaultValue:null,description:``,name:`svg`,required:!0,type:{name:`enum`,value:[{value:`ComponentClass<SVGAttributes<SVGElement>, any>`},{value:`FunctionComponent<SVGAttributes<SVGElement>>`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},size:{defaultValue:{value:`base`},description:``,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"base"`},{value:`"small"`},{value:`"medium"`},{value:`"large"`}]}},tone:{defaultValue:{value:`neutral`},description:``,name:`tone`,required:!1,type:{name:`enum`,value:[{value:`"positive"`},{value:`"info"`},{value:`"warning"`},{value:`"critical"`},{value:`"neutral"`},{value:`"ai"`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLSpanElement | null) => void`},{value:`RefObject<HTMLSpanElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}})),X=t((()=>{ce(),D(),re(),ye(),be(),xe(),Se(),we(),ke(),Ae(),ne(),u(),nt(),_e(),je(),Me(),ae(),Ne(),Pe(),Fe(),Ie(),Le(),ee(),Re(),ze(),Be()}));function rt(e){return(0,Z.isValidElement)(e)?e.type===ie||e.type===ve:!1}var Z,it,at,Q,$=t((()=>{Z=e(n(),1),X(),x(),l(),it=s(),at={variant:`secondary`,size:`small`,wrap:!0,fullWidth:{_:!0,"medium-l":!1}},Q=(0,Z.forwardRef)(function({className:e,children:t,...n},r){let i=[b.action,e].filter(Boolean).join(` `),a=Z.Children.map(t,e=>rt(e)?(0,Z.cloneElement)(e,{...at,...e.props,ref:r,...n}):e);return(0,it.jsx)(`div`,{className:i,"data-preply-ds-component":c.AlertBannerAction,children:a})});try{Q.displayName=`AlertBannerAction`,Q.__docgenInfo={description:`The AlertBannerAction is a container that sets defaults when Button or IconButton are passed.`,displayName:`AlertBannerAction`,props:{key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}},className:{defaultValue:null,description:``,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},id:{defaultValue:null,description:``,name:`id`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},onKeyDown:{defaultValue:null,description:``,name:`onKeyDown`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler`}]}},onKeyUp:{defaultValue:null,description:``,name:`onKeyUp`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler`}]}},onClick:{defaultValue:null,description:``,name:`onClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseDown:{defaultValue:null,description:``,name:`onMouseDown`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseEnter:{defaultValue:null,description:``,name:`onMouseEnter`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseMove:{defaultValue:null,description:``,name:`onMouseMove`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseUp:{defaultValue:null,description:``,name:`onMouseUp`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onPointerDown:{defaultValue:null,description:``,name:`onPointerDown`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onPointerEnter:{defaultValue:null,description:``,name:`onPointerEnter`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},as:{defaultValue:null,description:`Custom element to render the button.
|
|
200
|
+
|
|
201
|
+
Allows rendering the button using a different React element or component.
|
|
202
|
+
This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
|
|
203
|
+
@example // Render as a react router link component
|
|
204
|
+
import { Link } from 'react-router-dom';
|
|
205
|
+
|
|
206
|
+
<ButtonBase as={<Link to="/home" />} />`,name:`as`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},download:{defaultValue:null,description:``,name:`download`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},href:{defaultValue:null,description:``,name:`href`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},disabled:{defaultValue:null,description:``,name:`disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},size:{defaultValue:null,description:``,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"small"`},{value:`"medium"`},{value:`"large"`},{value:`ResponsiveProp<ButtonSize>`}]}},selected:{defaultValue:null,description:`Used only for classroom and ghost variants`,name:`selected`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},wrap:{defaultValue:null,description:``,name:`wrap`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},variant:{defaultValue:null,description:``,name:`variant`,required:!1,type:{name:`enum`,value:[{value:`"primary"`},{value:`"secondary"`},{value:`"tertiary"`},{value:`"inverted"`},{value:`"critical"`},{value:`"ai"`},{value:`"quaternary"`},{value:`"ghost"`},{value:`"onColor"`},{value:`"classroom"`},{value:`"primaryB2b"`},{value:`"primaryTutor"`},{value:`"newFeature"`}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:`url`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},fullWidth:{defaultValue:null,description:``,name:`fullWidth`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},opensInNewTab:{defaultValue:null,description:``,name:`opensInNewTab`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},nofollow:{defaultValue:null,description:``,name:`nofollow`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},submitsForm:{defaultValue:null,description:``,name:`submitsForm`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},assistiveText:{defaultValue:null,description:``,name:`assistiveText`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},busy:{defaultValue:null,description:`Replaces the content with a loading indicator.`,name:`busy`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:`a11yLabel`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
|
|
207
|
+
@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
|
|
208
|
+
|
|
209
|
+
<Button leadingSvgIcon={TokyoUITag}>Button</Button>
|
|
210
|
+
or
|
|
211
|
+
<Button leadingSvgIcon={<TokyoUITag />}>Button</Button>`,name:`leadingSvgIcon`,required:!1,type:{name:`enum`,value:[{value:`ComponentClass<SVGAttributes<SVGElement>, any>`},{value:`FunctionComponent<SVGAttributes<SVGElement>>`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},trailingSvgIcon:{defaultValue:null,description:`The trailing SVG icon.
|
|
212
|
+
@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
|
|
213
|
+
|
|
214
|
+
<Button trailingSvgIcon={TokyoUITag}>Button</Button>
|
|
215
|
+
or
|
|
216
|
+
<Button trailingSvgIcon={<TokyoUITag />}>Button</Button>`,name:`trailingSvgIcon`,required:!1,type:{name:`enum`,value:[{value:`ComponentClass<SVGAttributes<SVGElement>, any>`},{value:`FunctionComponent<SVGAttributes<SVGElement>>`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLButtonElement | null) => void`},{value:`RefObject<HTMLButtonElement>`}]}}}}}catch{}}));export{M as _,nt as a,H as c,Ye as d,z as f,j as g,Ke as h,Y as i,Xe as l,I as m,$ as n,G as o,Je as p,X as r,W as s,Q as t,V as u,C as v,D as y};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.alertBannerHost__NKFyB{gap:var(--05dd73);flex-direction:column;display:flex}.alertBanner__Dje2u{box-sizing:border-box;padding:var(--558c4c);gap:var(--66b80b);grid-template-columns:auto 1fr;grid-template-areas:"icon description""action action";display:grid}@media (width>=880px){.alertBanner__Dje2u{grid-template-columns:auto 1fr auto;grid-template-areas:"icon description action"}}.alertBanner__Dje2u[data-variant=critical]{background-color:var(--df0244)}.alertBanner__Dje2u[data-variant=warning]{background-color:var(--6b244f)}.alertBanner__Dje2u[data-variant=positive]{background-color:var(--dc59fd)}.icon__xEAyT{grid-area:icon}.description__4PDHP{grid-area:description}.action__0gYZG{margin-top:var(--alertbanner-action-vertical-margin,var(--590b8d));margin-bottom:var(--alertbanner-action-vertical-margin,var(--590b8d));grid-area:action}@media (width>=880px){.action__0gYZG{margin-top:var(--alertbanner-desktop-action-vertical-margin,calc(var(--66b80b) * -1));margin-bottom:var(--alertbanner-desktop-action-vertical-margin,calc(var(--66b80b) * -1))}}.IconTile__XlzW3{border-radius:var(--5e8be4);display:inline-flex}.IconTile--size-small__brJck{padding:var(--590b8d);min-width:calc(var(--656bbc) + var(--590b8d) * 2);max-width:calc(var(--656bbc) + var(--590b8d) * 2)}.IconTile--size-base__gPIDE{padding:var(--590b8d);min-width:calc(var(--81dc82) + var(--590b8d) * 2);max-width:calc(var(--81dc82) + var(--590b8d) * 2)}.IconTile--size-medium__gAwOs{padding:var(--66b80b);min-width:calc(var(--2a6452) + var(--66b80b) * 2);max-width:calc(var(--2a6452) + var(--66b80b) * 2)}.IconTile--size-large__M35fc{padding:var(--66b80b);min-width:calc(var(--03d2e4) + var(--66b80b) * 2);max-width:calc(var(--03d2e4) + var(--66b80b) * 2)}.IconTile--tone-neutral__IVJ2Y{background-color:var(--a5c761)}.IconTile--tone-info__o2x-M{background-color:var(--94a45e)}.IconTile--tone-ai__dJp9n{background:var(--decc79)}.IconTile--tone-positive__yJsa9{background-color:var(--1836a4)}.IconTile--tone-warning__q8yaj{background-color:var(--b503b8)}.IconTile--tone-critical__iAjl0{background-color:var(--f15644)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@keyframes overlayShow__TBIKv{0%{opacity:0}to{opacity:1}}@keyframes contentShow__wWPJX{0%{opacity:0;transform:translateY(var(--590b8d))}to{opacity:1;transform:translateY(0)}}.overlay__vG-Gu{background-color:var(--02a0d5);z-index:var(--ds-dialog-overlay-z-index-override,auto);position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.overlay__vG-Gu[data-state=open]{animation:.15s cubic-bezier(.4,0,.2,1) overlayShow__TBIKv}}.content__Nk-Ib{background-color:var(--3546c3);box-sizing:border-box;padding:var(--1e685c);border-radius:var(--fa4b1a);width:90%;max-width:440px;height:fit-content;box-shadow:var(--df7dbb);gap:var(--590b8d);z-index:var(--ds-dialog-content-z-index-override,auto);flex-direction:column;margin:auto;display:flex;position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.content__Nk-Ib[data-state=open]{animation:.15s cubic-bezier(.4,0,.2,1) contentShow__wWPJX}}.description__1dRpy{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);margin:0}.actions__FsX-e{margin-top:var(--813599);gap:var(--813599);flex-direction:column;display:flex}@media (width>=400px){.actions__FsX-e{flex-direction:row;justify-content:flex-end}}
|
|
@@ -0,0 +1,6 @@
|
|
|
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"./jsx-runtime-C2wGStra.js";import{g as o,m as s}from"./iframe-f34VuKy-.js";import{n as c,t as l}from"./dist-Cc1j9Pjk.js";import{n as u,t as d}from"./Heading-CEZfMm-F.js";import{n as f,t as p}from"./Button-DnVrHohm.js";import{A as m,D as h,E as g,M as _,N as v,O as y,j as b,k as x,t as S}from"./esm-CS074ZRu.js";var C,w,T,E,D,O,k,A=t((()=>{C=`overlay__vG-Gu`,w=`overlayShow__TBIKv`,T=`content__Nk-Ib`,E=`contentShow__wWPJX`,D=`description__1dRpy`,O=`actions__FsX-e`,k={overlay:C,overlayShow:w,content:T,contentShow:E,description:D,actions:O}})),j,M,N,P,F,I,L,R=t((()=>{j=e(n(),1),S(),s(),A(),u(),i(),l(),f(),M=a(),N=(0,j.forwardRef)(function(e,t){let n=j.Children.only(e.children);return(0,j.isValidElement)(n)?(0,M.jsx)(g,{render:e=>(0,j.cloneElement)(n,{...e,ref:t})}):null}),P=(0,j.forwardRef)(function(e,t){return(0,M.jsx)(_,{ref:t,render:(0,M.jsx)(p,{}),...e})}),F=(0,j.forwardRef)(function(e,t){return(0,M.jsx)(_,{ref:t,render:(0,M.jsx)(p,{}),...e})}),I=({open:e,title:t,description:n,dataset:i,children:a})=>{let s=o(),l=r(i,{preplyDsComponent:c.AlertDialog}),u,f=[];return j.Children.forEach(a,e=>{(0,j.isValidElement)(e)&&(e.type===N?u=e:f.push(e))}),(0,M.jsxs)(y,{open:e,children:[u,(0,M.jsxs)(x,{container:s,children:[(0,M.jsx)(v,{className:k.overlay}),(0,M.jsxs)(m,{...l,className:k.content,children:[(0,M.jsx)(h,{render:(0,M.jsx)(d,{tag:`h3`,variant:`medium`,children:t})}),(0,M.jsx)(b,{className:k.description,children:n}),(0,M.jsx)(`div`,{className:k.actions,children:f})]})]})]})},L=Object.assign(I,{Trigger:N,Action:P,Cancel:F});try{L.displayName=`AlertDialog`,L.__docgenInfo={description:`A modal alertdialog that interrupts the user with important content and expects a response.
|
|
2
|
+
|
|
3
|
+
Unlike a \`Dialog\`, it cannot be dismissed by clicking outside or pressing escape.`,displayName:`AlertDialog`,props:{title:{defaultValue:null,description:`The alert's title, describing what the user needs to confirm`,name:`title`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},description:{defaultValue:null,description:`Details about the action and its consequences`,name:`description`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},children:{defaultValue:null,description:"The AlertDialog actions.\n@see `AlertDialog.Actions` for a common actions convenience wrapper.",name:`children`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},open:{defaultValue:null,description:`Controls the visibility of the alert.
|
|
4
|
+
|
|
5
|
+
Alternatively, you can use the \`AlertDialog.Trigger\` subcomponent for
|
|
6
|
+
an uncontrolled instance.`,name:`open`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}}}}}catch{}}));export{R as n,L as t};
|