@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
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
import{r as n,j as a,q}from"./iframe-B_74HtSc.js";import{F as C}from"./TokyoUICheck-DQLX_x10.js";import{F as D,a as M}from"./TokyoUIErrorWarning-GuwQvo24.js";import{I as m}from"./Icon-CC0yjdx9.js";import{u as b}from"./index-DIqvfT2b.js";import{V as T}from"./VisuallyHidden-fvo3PSUE.js";import{T as L}from"./Text-DvShrljd.js";import{M as v}from"./message-DJT5rp5J.js";import{w}from"./componentNames-hc9KR2nX.js";import{B as x}from"./Button-C0Um_QuO.js";import{I as P}from"./IconButton-BpjNyYgD.js";const R="alertBannerHost__NKFyB",I="alertBanner__Dje2u",S="icon__xEAyT",A="description__4PDHP",k="action__0gYZG",s={alertBannerHost:R,alertBanner:I,icon:S,description:A,action:k},V=n.createContext({hostEl:null});function p(){const e=n.useContext(V);if(!e)throw new Error("useAlertBannerHost must be used within AlertBannerHostContext");return e.hostEl}function f({children:e,...t}){const[l,u]=n.useState(null),{formatMessage:i}=b();return a.jsxs(V.Provider,{value:{hostEl:l},children:[a.jsx("div",{className:s.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:u,...t}),e]})}try{p.displayName="useAlertBannerHost",p.__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{f.displayName="AlertBannerProvider",f.__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:'"off"'},{value:'"none"'},{value:'"on"'},{value:'"sentences"'},{value:'"words"'},{value:'"characters"'},{value:"string & {}"}]}},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:'"true"'},{value:'"false"'},{value:'"inherit"'},{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:'"true"'},{value:'"false"'}]}},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:'"true"'},{value:'"false"'}]}},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:'"main"'},{value:'"article"'},{value:'"table"'},{value:'"figure"'},{value:'"row"'},{value:'"button"'},{value:'"dialog"'},{value:'"form"'},{value:'"img"'},{value:'"link"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"option"'},{value:'"search"'},{value:'"none"'},{value:"string & {}"},{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:'"list"'},{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:'"switch"'},{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:'"url"'},{value:'"search"'},{value:'"none"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{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:'"true"'},{value:'"false"'}]}},"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:'"inline"'},{value:'"none"'},{value:'"list"'},{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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'},{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:'"true"'},{value:'"false"'},{value:'"page"'},{value:'"step"'},{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:'"true"'},{value:'"false"'}]}},"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:'"link"'},{value:'"none"'},{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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'},{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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'},{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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'},{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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'}]}},"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{}const c=n.createContext({variant:"positive"}),y=n.forwardRef(function(t,l){const u=p();return u?q.createPortal(a.jsx(B,{ref:l,...t}),u):null}),B=n.forwardRef(function({className:t,variant:l,...u},i){const o=[s.alertBanner,t].filter(Boolean).join(" ");return a.jsx(c.Provider,{value:{variant:l},children:a.jsx("div",{ref:i,className:o,"data-preply-ds-component":"AlertBannerRoot","data-variant":l,...u})})});try{y.displayName="AlertBannerRoot",y.__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:'"off"'},{value:'"none"'},{value:'"on"'},{value:'"sentences"'},{value:'"words"'},{value:'"characters"'},{value:"string & {}"}]}},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:'"true"'},{value:'"false"'},{value:'"inherit"'},{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:'"true"'},{value:'"false"'}]}},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:'"true"'},{value:'"false"'}]}},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:'"main"'},{value:'"article"'},{value:'"table"'},{value:'"figure"'},{value:'"row"'},{value:'"button"'},{value:'"dialog"'},{value:'"form"'},{value:'"img"'},{value:'"link"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"option"'},{value:'"search"'},{value:'"none"'},{value:"string & {}"},{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:'"list"'},{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:'"switch"'},{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:'"url"'},{value:'"search"'},{value:'"none"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{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:'"true"'},{value:'"false"'}]}},"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:'"inline"'},{value:'"none"'},{value:'"list"'},{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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'},{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:'"true"'},{value:'"false"'},{value:'"page"'},{value:'"step"'},{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:'"true"'},{value:'"false"'}]}},"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:'"link"'},{value:'"none"'},{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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'},{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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'},{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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'},{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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'}]}},"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{}const U=()=>a.jsx(m,{svg:C,size:"24"}),_=()=>a.jsx(m,{svg:M,size:"24"}),F=()=>a.jsx(m,{svg:D,size:"24"}),E={positive:U,warning:_,critical:F},h=n.forwardRef(function({svg:t,children:l,className:u=""},i){const{variant:o}=n.useContext(c),d=[s.icon,u].join(" ");let r=null;return l?r=l:t?r=a.jsx(m,{svg:t,size:"24"}):o&&o in E&&(r=E[o]()),r?a.jsx("div",{ref:i,className:d,children:r}):null});try{h.displayName="AlertBannerIcon",h.__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{}const K={critical:a.jsx(v,{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:a.jsx(v,{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:a.jsx(v,{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.')."})},H=n.forwardRef(function({className:t,children:l,...u},i){const{variant:o}=n.useContext(c),d=[s.description,t].filter(Boolean).join(" ");return a.jsxs(L,{ref:i,variant:"default-regular",accent:"primary",className:d,...u,children:[a.jsx(T,{children:K[o]})," ",l]})});try{H.displayName="AlertBannerText",H.__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:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"accentDark"'},{value:'"placeholder"'},{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:'"p"'},{value:'"div"'},{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{}const O={variant:"secondary",size:"small",wrap:!0,fullWidth:{_:!0,"medium-l":!1}},g=n.forwardRef(function({className:t,children:l,...u},i){const o=[s.action,t].filter(Boolean).join(" "),d=n.Children.map(l,r=>N(r)?n.cloneElement(r,{...O,...r.props,ref:i,...u}):r);return a.jsx("div",{className:o,"data-preply-ds-component":w.AlertBannerAction,children:d})});function N(e){return n.isValidElement(e)?e.type===x||e.type===P:!1}try{g.displayName="AlertBannerAction",g.__docgenInfo={description:"The AlertBannerAction is a container that sets defaults when Button or IconButton are passed.",displayName:"AlertBannerAction",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'},{value:'"ai"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},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"}]}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",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"}]}},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"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
|
|
112
|
-
|
|
113
|
-
Allows rendering the button using a different React element or component.
|
|
114
|
-
This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
|
|
115
|
-
@example // Render as a react router link component
|
|
116
|
-
import { Link } from 'react-router-dom';
|
|
117
|
-
|
|
118
|
-
<ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},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.
|
|
119
|
-
@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
|
|
120
|
-
|
|
121
|
-
<Button leadingSvgIcon={TokyoUITag}>Button</Button>
|
|
122
|
-
or
|
|
123
|
-
<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.
|
|
124
|
-
@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
|
|
125
|
-
|
|
126
|
-
<Button trailingSvgIcon={TokyoUITag}>Button</Button>
|
|
127
|
-
or
|
|
128
|
-
<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{H as A,g as a,y as b,h as c,f as d};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.alertBannerHost__NKFyB{display:flex;flex-direction:column;gap:var(--05dd73)}.alertBanner__Dje2u{box-sizing:border-box;padding:var(--558c4c);display:grid;gap:var(--66b80b);grid-template-areas:"icon description" "action action";grid-template-columns:auto 1fr}@media (min-width: 880px){.alertBanner__Dje2u{grid-template-areas:"icon description action";grid-template-columns:auto 1fr auto}}.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{grid-area:action;margin-top:var(--alertbanner-action-vertical-margin, var(--590b8d));margin-bottom:var(--alertbanner-action-vertical-margin, var(--590b8d))}@media (min-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))}}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{r as a,j as l,I as q,g as J}from"./iframe-B_74HtSc.js";import{H as U}from"./Heading-Cj8Si45g.js";import{B as P}from"./Button-C0Um_QuO.js";import{w as W}from"./componentNames-hc9KR2nX.js";import{u as C,p as j,t as _,a as N,C as S,b as X,c as G,d as H,I as K,i as Y,F as $,e as L,f as z,g as Q,E as A,h as Z,j as ee}from"./useOpenInteractionType-D3sASQWj.js";import{u as f,a as te,D as ne,b as oe,c as se}from"./store-B0wM9Zg8.js";const ae={...j,..._},re=a.forwardRef(function(n,o){const{render:d,className:p,forceRender:s=!1,...i}=n,{store:r}=f(),e=r.useState("open"),u=r.useState("nested"),c=r.useState("mounted"),g=r.useState("transitionStatus"),m=a.useMemo(()=>({open:e,transitionStatus:g}),[e,g]);return C("div",n,{state:m,ref:[r.context.backdropRef,o],props:[{role:"presentation",hidden:!c,style:{userSelect:"none",WebkitUserSelect:"none"}},i],stateAttributesMapping:ae,enabled:s||!u})}),O=a.forwardRef(function(n,o){const{render:d,className:p,disabled:s=!1,nativeButton:i=!0,...r}=n,{store:e}=f(),u=e.useState("open"),{getRootProps:c,ref:g}=te({disabled:s,open:u,setOpen:e.setOpen,nativeButton:i}),m=a.useMemo(()=>({disabled:s}),[s]);return C("button",n,{state:m,ref:[o,g],props:[r,c]})}),le=a.forwardRef(function(n,o){const{render:d,className:p,id:s,...i}=n,{store:r}=f(),e=N(s);return r.useSyncedValueWithCleanup("descriptionElementId",e),C("p",n,{ref:o,props:[{id:e},i]})});let ie=(function(t){return t.nestedDialogs="--nested-dialogs",t})({}),ue=(function(t){return t[t.open=S.open]="open",t[t.closed=S.closed]="closed",t[t.startingStyle=S.startingStyle]="startingStyle",t[t.endingStyle=S.endingStyle]="endingStyle",t.nested="data-nested",t.nestedDialogOpen="data-nested-dialog-open",t})({});const w=a.createContext(void 0);function ce(){const t=a.useContext(w);if(t===void 0)throw new Error("Base UI: <AlertDialog.Portal> is missing.");return t}const de={...j,..._,nestedDialogOpen(t){return t?{[ue.nestedDialogOpen]:""}:null}},pe=a.forwardRef(function(n,o){const{className:d,render:p,initialFocus:s,finalFocus:i,...r}=n,{store:e}=f(),u=e.useState("descriptionElementId"),c=e.useState("floatingRootContext"),g=e.useState("popupProps"),m=e.useState("mounted"),x=e.useState("nested"),R=e.useState("nestedOpenDialogCount"),h=e.useState("open"),T=e.useState("titleElementId"),D=e.useState("transitionStatus");ce(),X({open:h,ref:e.context.popupRef,onComplete(){var v,b;h&&((b=(v=e.context).openChangeComplete)==null||b.call(v,!0))}});const k=G(v=>v==="touch"?e.context.popupRef.current:!0),B=s===void 0?k:s,E=R>0,F=a.useMemo(()=>({open:h,nested:x,transitionStatus:D,nestedDialogOpen:E}),[h,x,D,E]),V=C("div",n,{state:F,props:[g,{"aria-labelledby":T??void 0,"aria-describedby":u??void 0,role:"alertdialog",tabIndex:-1,hidden:!m,onKeyDown(v){H.has(v.key)&&v.stopPropagation()},style:{[ie.nestedDialogs]:R}},r],ref:[o,e.context.popupRef,e.getElementSetter("popupElement")],stateAttributesMapping:de});return l.jsxs(a.Fragment,{children:[m&&l.jsx(K,{ref:e.context.internalBackdropRef,inert:Y(!h)}),l.jsx($,{context:c,disabled:!m,initialFocus:B,returnFocus:i,children:V})]})});function ge(t){const{children:n,keepMounted:o=!1,container:d}=t,{store:p}=f();return p.useState("mounted")||o?l.jsx(w.Provider,{value:o,children:l.jsx(L,{root:d,children:n})}):null}const me={open:!1,dismissible:!1,nested:!1,popupElement:null,triggerElement:null,modal:!0,descriptionElementId:void 0,titleElementId:void 0,openMethod:null,mounted:!1,transitionStatus:"idle",nestedOpenDialogCount:0,triggerProps:A,popupProps:A,floatingRootContext:Q()},fe=function(n){const{children:o,defaultOpen:d=!1,onOpenChange:p,onOpenChangeComplete:s,open:i,actionsRef:r}=n,e=f(),u=!!e,c=z(ne.create,me).current;c.useControlledProp("open",i,d),c.useSyncedValue("nested",u),c.useContextCallback("openChange",p),c.useContextCallback("openChangeComplete",s),oe({store:c,actionsRef:r,parentContext:e==null?void 0:e.store.context});const g=a.useMemo(()=>({store:c}),[c]);return l.jsx(se.Provider,{value:g,children:o})},ve=a.forwardRef(function(n,o){const{render:d,className:p,id:s,...i}=n,{store:r}=f(),e=N(s);return r.useSyncedValueWithCleanup("titleElementId",e),C("h2",n,{ref:o,props:[{id:e},i]})}),Ce=a.forwardRef(function(n,o){const{render:d,className:p,disabled:s=!1,nativeButton:i=!0,...r}=n,{store:e}=f(),u=e.useState("open"),c=e.useState("triggerProps"),g=a.useMemo(()=>({disabled:s,open:u}),[s,u]),{getButtonProps:m,buttonRef:x}=Z({disabled:s,native:i});return C("button",n,{state:g,ref:[o,x,e.getElementSetter("triggerElement")],stateAttributesMapping:ee,props:[c,r,m]})}),he="overlay__vG-Gu",xe="content__Nk-Ib",Se="description__1dRpy",ye="actions__FsX-e",y={overlay:he,content:xe,description:Se,actions:ye},M=a.forwardRef(function(n,o){const d=a.Children.only(n.children);return a.isValidElement(d)?l.jsx(Ce,{render:p=>{const s={...p,ref:o};return a.cloneElement(d,s)}}):null}),Re=a.forwardRef(function(n,o){return l.jsx(O,{ref:o,render:l.jsx(P,{}),...n})}),De=a.forwardRef(function(n,o){return l.jsx(O,{ref:o,render:l.jsx(P,{}),...n})}),Ee=({open:t,title:n,description:o,dataset:d,children:p})=>{const s=q(),i=J(d,{preplyDsComponent:W.AlertDialog});let r;const e=[];return a.Children.forEach(p,u=>{a.isValidElement(u)&&(u.type===M?r=u:e.push(u))}),l.jsxs(fe,{open:t,children:[r,l.jsxs(ge,{container:s,children:[l.jsx(re,{className:y.overlay}),l.jsxs(pe,{...i,className:y.content,children:[l.jsx(ve,{render:l.jsx(U,{tag:"h3",variant:"medium",children:n})}),l.jsx(le,{className:y.description,children:o}),l.jsx("div",{className:y.actions,children:e})]})]})]})},I=Object.assign(Ee,{Trigger:M,Action:Re,Cancel:De});try{I.displayName="AlertDialog",I.__docgenInfo={description:"A modal alertdialog that interrupts the user with important content and expects a response.\n\nUnlike 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.
|
|
2
|
-
|
|
3
|
-
Alternatively, you can use the \`AlertDialog.Trigger\` subcomponent for
|
|
4
|
-
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{I as A};
|
|
@@ -1 +0,0 @@
|
|
|
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);position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ds-dialog-overlay-z-index-override, auto)}@media (prefers-reduced-motion: no-preference){.overlay__vG-Gu[data-state=open]{animation:overlayShow__TBIKv .15s cubic-bezier(.4,0,.2,1)}}.content__Nk-Ib{background-color:var(--3546c3);box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;padding:var(--1e685c);border-radius:var(--fa4b1a);width:90%;max-width:440px;height:fit-content;box-shadow:var(--df7dbb);display:flex;flex-direction:column;gap:var(--590b8d);z-index:var(--ds-dialog-content-z-index-override, auto)}@media (prefers-reduced-motion: no-preference){.content__Nk-Ib[data-state=open]{animation:contentShow__wWPJX .15s cubic-bezier(.4,0,.2,1)}}.description__1dRpy{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);margin:0}.actions__FsX-e{margin-top:var(--813599);display:flex;flex-direction:column;gap:var(--813599)}@media (min-width: 400px){.actions__FsX-e{flex-direction:row;justify-content:flex-end}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.Avatar__K41Tw{display:inline-block}.Avatar__K41Tw img{vertical-align:bottom;object-fit:cover;border-radius:var(--dad9ec)}.Avatar--size-24__hDb5G img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--size-32__0goVI img{width:var(--32bbec);height:var(--32bbec)}.Avatar--size-48__uGMSJ img{width:var(--950ab5);height:var(--950ab5)}.Avatar--size-64__WD77O img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--size-96__OxIe2 img{width:var(--796da2);height:var(--796da2)}.Avatar--size-160__8tEPo img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){.Avatar--narrow-l--size-24__L-54O img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--narrow-l--size-32__Mdeh3 img{width:var(--32bbec);height:var(--32bbec)}.Avatar--narrow-l--size-48__1xNsg img{width:var(--950ab5);height:var(--950ab5)}.Avatar--narrow-l--size-64__ZQ5C- img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--narrow-l--size-96__DuZVB img{width:var(--796da2);height:var(--796da2)}.Avatar--narrow-l--size-160__PN1pX img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){.Avatar--medium-s--size-24__6--6m img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--medium-s--size-32__7rlpv img{width:var(--32bbec);height:var(--32bbec)}.Avatar--medium-s--size-48__R893D img{width:var(--950ab5);height:var(--950ab5)}.Avatar--medium-s--size-64__x4N0d img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--medium-s--size-96__1qdaO img{width:var(--796da2);height:var(--796da2)}.Avatar--medium-s--size-160__z7IAl img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){.Avatar--medium-l--size-24__Ndkzw img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--medium-l--size-32__3miIB img{width:var(--32bbec);height:var(--32bbec)}.Avatar--medium-l--size-48__arPBB img{width:var(--950ab5);height:var(--950ab5)}.Avatar--medium-l--size-64__aFQa7 img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--medium-l--size-96__eg03F img{width:var(--796da2);height:var(--796da2)}.Avatar--medium-l--size-160__fGJ7K img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){.Avatar--wide-s--size-24__Ue7o0 img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--wide-s--size-32__hYoGY img{width:var(--32bbec);height:var(--32bbec)}.Avatar--wide-s--size-48__Q9kzJ img{width:var(--950ab5);height:var(--950ab5)}.Avatar--wide-s--size-64__vvQME img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--wide-s--size-96__tVnz3 img{width:var(--796da2);height:var(--796da2)}.Avatar--wide-s--size-160__brJ59 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){.Avatar--wide-l--size-24__EMfbp img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--wide-l--size-32__7bYZs img{width:var(--32bbec);height:var(--32bbec)}.Avatar--wide-l--size-48__548Bt img{width:var(--950ab5);height:var(--950ab5)}.Avatar--wide-l--size-64__5Ce08 img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--wide-l--size-96__-6w7Y img{width:var(--796da2);height:var(--796da2)}.Avatar--wide-l--size-160__5ft-T img{width:var(--329ba7);height:var(--329ba7)}}.Avatar--round__ZDtGc img{border-radius:var(--8517a6)}.Avatar__K41Tw img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import{r as z,u as p,v as c,w,g as f,j as a,A as g}from"./iframe-B_74HtSc.js";import{f as y}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as e}from"./componentNames-hc9KR2nX.js";import{A as h}from"./constants-5om8Ptru.js";const x="Avatar__K41Tw",N={Avatar:x,"Avatar--size-24":"Avatar--size-24__hDb5G","Avatar--size-32":"Avatar--size-32__0goVI","Avatar--size-48":"Avatar--size-48__uGMSJ","Avatar--size-64":"Avatar--size-64__WD77O","Avatar--size-96":"Avatar--size-96__OxIe2","Avatar--size-160":"Avatar--size-160__8tEPo","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__L-54O","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__Mdeh3","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__1xNsg","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__ZQ5C-","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__DuZVB","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__PN1pX","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__6--6m","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__7rlpv","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__R893D","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__x4N0d","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__1qdaO","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__z7IAl","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__Ndkzw","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__3miIB","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__arPBB","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__aFQa7","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__eg03F","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fGJ7K","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__Ue7o0","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__hYoGY","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__Q9kzJ","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__vvQME","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__tVnz3","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__brJ59","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__EMfbp","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__7bYZs","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__548Bt","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__5Ce08","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__-6w7Y","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__5ft-T","Avatar--round":"Avatar--round__ZDtGc"},s=z.forwardRef(function({size:i=g,round:t,src:l,alt:v="",dataset:d,crossOrigin:u,...m},A){const n=t??!0,o=p(N,e.Avatar,[c("size",i),w("round",void 0,n)]),_={...y(m),ref:A,className:o.join(" "),...f(d,{preplyDsComponent:e.Avatar})};return a.jsx("picture",{..._,children:a.jsx("img",{src:l||h,alt:v,crossOrigin:u})})});try{s.displayName="Avatar",s.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"32"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:"ResponsiveProp<AvatarSize>"}]}},round:{defaultValue:null,description:"@deprecated this prop is deprecated and has no effect",name:"round",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},src:{defaultValue:null,description:`The avatar image URL.
|
|
2
|
-
If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"enum",value:[{value:"string"}]}},alt:{defaultValue:{value:""},description:`A description of the image.
|
|
3
|
-
This is recommended for accessibility purposes, specifically for users
|
|
4
|
-
of screen readers.
|
|
5
|
-
@example <Avatar src={...} alt="Foobar's profile" />`,name:"alt",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
|
|
6
|
-
@example <Avatar dataset={{ 'qa-id': 'user-avatar' }} /> // will add data-qa-id="user-avatar" to the HTML element`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},crossOrigin:{defaultValue:null,description:"CORS policy for the image.",name:"crossOrigin",required:!1,type:{name:"enum",value:[{value:'""'},{value:'"anonymous"'},{value:'"use-credentials"'}]}}}}}catch{}export{s as A};
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import{j as a}from"./iframe-B_74HtSc.js";import{A as s}from"./Avatar-Die_4zu0.js";import{S as d}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";import"./constants-5om8Ptru.js";const S={title:"components/Avatar",component:s,argTypes:{size:{description:d}}},t=()=>a.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"end"},children:[a.jsx(s,{size:"160"}),a.jsx(s,{src:"./assets/avatar-1.png",size:"96"}),a.jsx(s,{src:"./assets/avatar-2.png",size:"64"}),a.jsx(s,{src:"./assets/avatar-3.png",size:"48"}),a.jsx(s,{src:"./assets/avatar-4.png",size:"32"}),a.jsx(s,{src:"./assets/avatar-5.png",size:"24"})]}),r={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"32",src:"./assets/avatar-1.png",dataset:{qaid:"avatar"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},round:{table:{disable:!0}}}};var e,n,o;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`() => <div style={{
|
|
2
|
-
display: 'flex',
|
|
3
|
-
gap: '8px',
|
|
4
|
-
alignItems: 'end'
|
|
5
|
-
}}>
|
|
6
|
-
<Avatar size="160" />
|
|
7
|
-
<Avatar src="./assets/avatar-1.png" size="96" />
|
|
8
|
-
<Avatar src="./assets/avatar-2.png" size="64" />
|
|
9
|
-
<Avatar src="./assets/avatar-3.png" size="48" />
|
|
10
|
-
<Avatar src="./assets/avatar-4.png" size="32" />
|
|
11
|
-
<Avatar src="./assets/avatar-5.png" size="24" />
|
|
12
|
-
</div>`,...(o=(n=t.parameters)==null?void 0:n.docs)==null?void 0:o.source}}};var i,p,c;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
13
|
-
parameters: {
|
|
14
|
-
chromatic: {
|
|
15
|
-
disableSnapshot: true
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
args: {
|
|
19
|
-
size: '32',
|
|
20
|
-
src: './assets/avatar-1.png',
|
|
21
|
-
dataset: {
|
|
22
|
-
qaid: 'avatar'
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
argTypes: {
|
|
26
|
-
src: {
|
|
27
|
-
control: 'text'
|
|
28
|
-
},
|
|
29
|
-
dataset: {
|
|
30
|
-
control: 'object'
|
|
31
|
-
},
|
|
32
|
-
alt: {
|
|
33
|
-
control: 'text'
|
|
34
|
-
},
|
|
35
|
-
// Disable deprecated props
|
|
36
|
-
round: {
|
|
37
|
-
table: {
|
|
38
|
-
disable: true
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}`,...(c=(p=r.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};const j=["Sizes","Playground"];export{r as Playground,t as Sizes,j as __namedExportsOrder,S as default};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import{r as T,u as b,w as q,v as C,G as N,g as R,j as a,a4 as w,A as V}from"./iframe-B_74HtSc.js";import{f as D}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{A as E}from"./Avatar-Die_4zu0.js";import{w as r}from"./componentNames-hc9KR2nX.js";import"./preload-helper-Dp1pzeXC.js";import"./constants-5om8Ptru.js";const I="AvatarWithStatus__z8Zik",i={AvatarWithStatus:I,"AvatarWithStatus--indicator":"AvatarWithStatus--indicator__dsdXa","AvatarWithStatus--online":"AvatarWithStatus--online__pGAFw","AvatarWithStatus--size-64":"AvatarWithStatus--size-64__vG-kB","AvatarWithStatus--size-96":"AvatarWithStatus--size-96__Dgqc1","AvatarWithStatus--size-160":"AvatarWithStatus--size-160__7gCR7"},e=T.forwardRef(function({online:A=!1,size:n=w,dataset:f,alt:S,crossOrigin:g,src:_,...y},W){const x=b(i,r.AvatarWithStatus,[q("online",void 0,A),C("size",n)]),z=[...N(i,r.AvatarWithStatus,["indicator"])],j={...D(y),ref:W,className:x.join(" "),...R(f,{preplyDsComponent:r.AvatarWithStatus})};return a.jsxs("div",{...j,children:[a.jsx("span",{className:z.join(" ")}),a.jsx("div",{children:a.jsx(E,{alt:S,crossOrigin:g,src:_,size:n??V})})]})});try{e.displayName="AvatarWithStatus",e.__docgenInfo={description:"",displayName:"AvatarWithStatus",props:{dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
|
|
2
|
-
@example <Avatar dataset={{ 'qa-id': 'user-avatar' }} /> // will add data-qa-id="user-avatar" to the HTML element`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},src:{defaultValue:null,description:`The avatar image URL.
|
|
3
|
-
If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"enum",value:[{value:"string"}]}},alt:{defaultValue:null,description:`A description of the image.
|
|
4
|
-
This is recommended for accessibility purposes, specifically for users
|
|
5
|
-
of screen readers.
|
|
6
|
-
@example <Avatar src={...} alt="Foobar's profile" />`,name:"alt",required:!1,type:{name:"enum",value:[{value:"string"}]}},crossOrigin:{defaultValue:null,description:"CORS policy for the image.",name:"crossOrigin",required:!1,type:{name:"enum",value:[{value:'""'},{value:'"anonymous"'},{value:'"use-credentials"'}]}},online:{defaultValue:{value:"false"},description:"Controls the status of the visual indicator.",name:"online",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},size:{defaultValue:{value:"64"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:"ResponsiveProp<AvatarWithStatusSize>"}]}}}}}catch{}const Z={title:"components/AvatarWithStatus",component:e},t=()=>a.jsxs("div",{style:{display:"flex",gap:"8px"},children:[a.jsx(e,{size:"64",online:!0}),a.jsx(e,{size:"64",online:!1})]}),s={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"64",src:"./assets/avatar-1.png",online:!1,dataset:{qaid:"avatar-with-status"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},online:{control:"boolean"}}};var o,l,u,c,d;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.docs,source:{originalSource:`() => <div style={{
|
|
7
|
-
display: 'flex',
|
|
8
|
-
gap: '8px'
|
|
9
|
-
}}>
|
|
10
|
-
<AvatarWithStatus size="64" online />
|
|
11
|
-
<AvatarWithStatus size="64" online={false} />
|
|
12
|
-
</div>`,...(u=(l=t.parameters)==null?void 0:l.docs)==null?void 0:u.source},description:{story:`This component augments [Avatar](/docs/components-avatar--docs) to add a
|
|
13
|
-
connection status indicator.`,...(d=(c=t.parameters)==null?void 0:c.docs)==null?void 0:d.description}}};var p,m,v;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
14
|
-
parameters: {
|
|
15
|
-
chromatic: {
|
|
16
|
-
disableSnapshot: true
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
args: {
|
|
20
|
-
size: '64',
|
|
21
|
-
src: './assets/avatar-1.png',
|
|
22
|
-
online: false,
|
|
23
|
-
dataset: {
|
|
24
|
-
qaid: 'avatar-with-status'
|
|
25
|
-
}
|
|
26
|
-
},
|
|
27
|
-
argTypes: {
|
|
28
|
-
src: {
|
|
29
|
-
control: 'text'
|
|
30
|
-
},
|
|
31
|
-
dataset: {
|
|
32
|
-
control: 'object'
|
|
33
|
-
},
|
|
34
|
-
alt: {
|
|
35
|
-
control: 'text'
|
|
36
|
-
},
|
|
37
|
-
online: {
|
|
38
|
-
control: 'boolean'
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}`,...(v=(m=s.parameters)==null?void 0:m.docs)==null?void 0:v.source}}};const k=["Statuses","Playground"];export{s as Playground,t as Statuses,k as __namedExportsOrder,Z as default};
|