@codecademy/gamut 72.2.2-alpha.ca06a3.0 → 72.2.2-alpha.d894be.0

package/dist/Markdown/index.d.ts

@@ -29,4 +29,4 @@ export type MarkdownProps = {
 export declare class Markdown extends PureComponent<MarkdownProps> {
     render(): import("react/jsx-runtime").JSX.Element | null;
 }
-export type { MarkdownOverrideSetting, MarkdownOverrideSettings, } from './libs/overrides';
+export type { HTMLToReactNode, MarkdownOverrideSetting, MarkdownOverrideSettings, } from './libs/overrides';

package/dist/Markdown/index.js

@@ -31,7 +31,7 @@ const MarkdownWrapper = /*#__PURE__*/_styled("div", {
 }) => {
   const spacingStyleFunction = markdownStyles[spacing];
   return spacingStyleFunction ? spacingStyleFunction(theme) : '';
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9NYXJrZG93bi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0MyRSIsImZpbGUiOiIuLi8uLi9zcmMvTWFya2Rvd24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IGN4IGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IEh0bWxUb1JlYWN0IGZyb20gJ2h0bWwtdG8tcmVhY3QnO1xuaW1wb3J0IHsgbWFya2VkIH0gZnJvbSAnbWFya2VkJztcbmltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc2FuaXRpemVNYXJrZG93biBmcm9tICdzYW5pdGl6ZS1tYXJrZG93bic7XG5cbmltcG9ydCB7IG9taXRQcm9wcyB9IGZyb20gJy4uL3V0aWxzL29taXRQcm9wcyc7XG5pbXBvcnQge1xuICBjcmVhdGVDb2RlQmxvY2tPdmVycmlkZSxcbiAgY3JlYXRlSW5wdXRPdmVycmlkZSxcbiAgY3JlYXRlVGFnT3ZlcnJpZGUsXG4gIGNyZWF0ZVZpZGVvT3ZlcnJpZGUsXG4gIE1hcmtkb3duT3ZlcnJpZGVTZXR0aW5ncyxcbiAgc3RhbmRhcmRPdmVycmlkZXMsXG59IGZyb20gJy4vbGlicy9vdmVycmlkZXMnO1xuaW1wb3J0IHsgTWFya2Rvd25DaGVja2JveCB9IGZyb20gJy4vbGlicy9vdmVycmlkZXMvQ2hlY2tib3gnO1xuaW1wb3J0IHsgRGV0YWlscyB9IGZyb20gJy4vbGlicy9vdmVycmlkZXMvRGV0YWlscyc7XG5pbXBvcnQgeyBJZnJhbWUgfSBmcm9tICcuL2xpYnMvb3ZlcnJpZGVzL0lmcmFtZSc7XG5pbXBvcnQge1xuICBNYXJrZG93bkFuY2hvcixcbiAgTWFya2Rvd25BbmNob3JQcm9wcyxcbn0gZnJvbSAnLi9saWJzL292ZXJyaWRlcy9NYXJrZG93bkFuY2hvcic7XG5pbXBvcnQgeyBUYWJsZSB9IGZyb20gJy4vbGlicy9vdmVycmlkZXMvVGFibGUnO1xuaW1wb3J0IHsgTWFya2Rvd25WaWRlbyB9IGZyb20gJy4vbGlicy9vdmVycmlkZXMvVmlkZW8nO1xuaW1wb3J0IHsgY3JlYXRlUHJlcHJvY2Vzc2luZ0luc3RydWN0aW9ucyB9IGZyb20gJy4vbGlicy9wcmVwcm9jZXNzaW5nJztcbmltcG9ydCB7IGRlZmF1bHRTYW5pdGl6YXRpb25Db25maWcgfSBmcm9tICcuL2xpYnMvc2FuaXRpemF0aW9uQ29uZmlnJztcbmltcG9ydCB7IG1hcmtkb3duU3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5jb25zdCBodG1sVG9SZWFjdFBhcnNlciA9IEh0bWxUb1JlYWN0LlBhcnNlcih7XG4gIHhtbE1vZGU6IHRydWUsXG59KTtcblxuY29uc3QgcHJlcHJvY2Vzc2luZ0luc3RydWN0aW9ucyA9IGNyZWF0ZVByZXByb2Nlc3NpbmdJbnN0cnVjdGlvbnMoKTtcblxuY29uc3QgaXNWYWxpZE5vZGUgPSAoKSA9PiB0cnVlO1xuXG5jb25zdCBNYXJrZG93bldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgc3BhY2luZzogJ2xvb3NlJyB8ICd0aWdodCcgfCAnbm9uZScgfT5gXG4gICR7KHsgdGhlbWUsIHNwYWNpbmcgfSkgPT4ge1xuICAgIGNvbnN0IHNwYWNpbmdTdHlsZUZ1bmN0aW9uID0gbWFya2Rvd25TdHlsZXNbc3BhY2luZ107XG4gICAgcmV0dXJuIHNwYWNpbmdTdHlsZUZ1bmN0aW9uID8gc3BhY2luZ1N0eWxlRnVuY3Rpb24odGhlbWUpIDogJyc7XG4gIH19XG5gO1xuXG5leHBvcnQgdHlwZSBTa2lwRGVmYXVsdE92ZXJyaWRlc1NldHRpbmdzID0ge1xuICBhPzogYm9vbGVhbjtcbiAgY2hlY2tib3g/OiBib29sZWFuO1xuICBkZXRhaWxzPzogYm9vbGVhbjtcbiAgaWZyYW1lPzogYm9vbGVhbjtcbiAgdGFibGU/OiBib29sZWFuO1xuICB2aWRlbz86IGJvb2xlYW47XG59O1xuXG5leHBvcnQgdHlwZSBNYXJrZG93blByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGlubGluZT86IGJvb2xlYW47XG4gIG92ZXJyaWRlcz86IE1hcmtkb3duT3ZlcnJpZGVTZXR0aW5ncztcbiAgc2tpcERlZmF1bHRPdmVycmlkZXM/OiBTa2lwRGVmYXVsdE92ZXJyaWRlc1NldHRpbmdzO1xuICAvKipcbiAgICogRW5hYmxlcyBnZW5lcmF0ZWQgaGVhZGVyIGlkcyBmb3IgSDEtNiB0YWdzXG4gICAqIENhbiBnZW5lcmF0ZSBkdXBsaWNhdGUgSURzIGlmIHVzZWQgb24gc2VwYXJhdGUgbWFya2Rvd24gY29tcG9uZW50cyBvbiB0aGUgc2FtZSBwYWdlXG4gICAqL1xuICBoZWFkZXJJZHM/OiBib29sZWFuO1xuICBzcGFjaW5nPzogJ2xvb3NlJyB8ICd0aWdodCcgfCAnbm9uZSc7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIGEgbWFya2Rvd24gYW5jaG9yIHRhZyBpcyBjbGlja2VkXG4gICAqL1xuICBvbkFuY2hvckNsaWNrPzogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxBbmNob3JFbGVtZW50PikgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjbGFzcyBNYXJrZG93biBleHRlbmRzIFB1cmVDb21wb25lbnQ8TWFya2Rvd25Qcm9wcz4ge1xuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge1xuICAgICAgc3BhY2luZyA9ICd0aWdodCcsXG4gICAgICB0ZXh0ID0gJycsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBvdmVycmlkZXM6IHVzZXJPdmVycmlkZXMgPSB7fSxcbiAgICAgIHNraXBEZWZhdWx0T3ZlcnJpZGVzID0ge30sXG4gICAgICBpbmxpbmUgPSBmYWxzZSxcbiAgICAgIGhlYWRlcklkcyA9IHRydWUsXG4gICAgICBvbkFuY2hvckNsaWNrLFxuICAgIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgaWYgKCF0ZXh0KSByZXR1cm4gbnVsbDtcblxuICAgIGNvbnN0IG92ZXJyaWRlcyA9IE9iamVjdC5rZXlzKHVzZXJPdmVycmlkZXMpLm1hcCgodGFnTmFtZSkgPT4ge1xuICAgICAgaWYgKHRhZ05hbWUgPT09ICdDb2RlQmxvY2snKSB7XG4gICAgICAgIHJldHVybiBjcmVhdGVDb2RlQmxvY2tPdmVycmlkZSh0YWdOYW1lLCB1c2VyT3ZlcnJpZGVzW3RhZ05hbWVdKTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBjcmVhdGVUYWdPdmVycmlkZSh0YWdOYW1lLCB1c2VyT3ZlcnJpZGVzW3RhZ05hbWVdKTtcbiAgICB9KTtcblxuICAgIGNvbnN0IHByb2Nlc3NpbmdJbnN0cnVjdGlvbnMgPSBbXG4gICAgICAuLi5vdmVycmlkZXMsXG4gICAgICAhc2tpcERlZmF1bHRPdmVycmlkZXMuaWZyYW1lICYmXG4gICAgICAgIGNyZWF0ZVRhZ092ZXJyaWRlKCdpZnJhbWUnLCB7XG4gICAgICAgICAgY29tcG9uZW50OiBJZnJhbWUsXG4gICAgICAgIH0pLFxuICAgICAgIXNraXBEZWZhdWx0T3ZlcnJpZGVzLmEgJiZcbiAgICAgICAgY3JlYXRlVGFnT3ZlcnJpZGUoJ2EnLCB7XG4gICAgICAgICAgY29tcG9uZW50OiBNYXJrZG93bkFuY2hvcixcbiAgICAgICAgICBwcm9jZXNzTm9kZTogKG5vZGUsIHByb3BzKSA9PiB7XG4gICAgICAgICAgICAvLyBOb3RlOiB0aGlzIHByb2Nlc3NOb2RlIG92ZXJyaWRlIGlzIG5lY2Vzc2FyeSBiZWNhdXNlIHdyYXBwaW5nIHRoaXMgY29tcG9uZW50XG4gICAgICAgICAgICAvLyBpbiBhbiBhbm9ueW1vdXMgZnVuY3Rpb25hbCBjb21wb25lbnQgYXMgd2l0aCB0aGUgVGFibGUgYmVsb3cgY2F1c2VzIHJlYWN0IHJlbmRlcmluZ1xuICAgICAgICAgICAgLy8gdG8gY3Jhc2ggd2l0aCBzb21lIGNocm9tZSB0cmFuc2xhdGlvbiBmZWF0dXJlcy5cbiAgICAgICAgICAgIC8vIFNlZSBodHRwczovL2NvZGVjYWRlbXkuYXRsYXNzaWFuLm5ldC9icm93c2UvV0VCLTEyMTRcbiAgICAgICAgICAgIGNvbnN0IHsga2V5OiBlbGVtZW50S2V5LCAuLi5yZXN0IH0gPVxuICAgICAgICAgICAgICBwcm9wcyBhcyBNYXJrZG93bkFuY2hvclByb3BzICYgeyBrZXk/OiBSZWFjdC5LZXkgfTtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxNYXJrZG93bkFuY2hvclxuICAgICAgICAgICAgICAgIGtleT17ZWxlbWVudEtleX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkFuY2hvckNsaWNrfVxuICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9LFxuICAgICAgICB9KSxcbiAgICAgICFza2lwRGVmYXVsdE92ZXJyaWRlcy50YWJsZSAmJlxuICAgICAgICBjcmVhdGVUYWdPdmVycmlkZSgndGFibGUnLCB7XG4gICAgICAgICAgY29tcG9uZW50OiBUYWJsZSxcbiAgICAgICAgICBhbGxvd2VkQXR0cmlidXRlczogWydzdHlsZSddLFxuICAgICAgICB9KSxcbiAgICAgICFza2lwRGVmYXVsdE92ZXJyaWRlcy52aWRlbyAmJlxuICAgICAgICBjcmVhdGVWaWRlb092ZXJyaWRlKCd2aWRlbycsIHtcbiAgICAgICAgICBjb21wb25lbnQ6IE1hcmtkb3duVmlkZW8sXG4gICAgICAgIH0pLFxuICAgICAgIXNraXBEZWZhdWx0T3ZlcnJpZGVzLmRldGFpbHMgJiZcbiAgICAgICAgY3JlYXRlVGFnT3ZlcnJpZGUoJ2RldGFpbHMnLCB7XG4gICAgICAgICAgY29tcG9uZW50OiBEZXRhaWxzLFxuICAgICAgICAgIGFsbG93ZWRBdHRyaWJ1dGVzOiBbJ3N0eWxlJywgJ29wZW4nXSxcbiAgICAgICAgfSksXG4gICAgICAhc2tpcERlZmF1bHRPdmVycmlkZXMuY2hlY2tib3ggJiZcbiAgICAgICAgY3JlYXRlSW5wdXRPdmVycmlkZSgnY2hlY2tib3gnLCB7XG4gICAgICAgICAgY29tcG9uZW50OiBNYXJrZG93bkNoZWNrYm94LFxuICAgICAgICB9KSxcbiAgICAgIC4uLnN0YW5kYXJkT3ZlcnJpZGVzLFxuICAgIF0uZmlsdGVyKEJvb2xlYW4pO1xuXG4gICAgY29uc3QgbWFya2VkT3B0aW9ucyA9IHtcbiAgICAgIHNtYXJ0eXBhbnRzOiB0cnVlLFxuICAgICAgaGVhZGVySWRzLFxuICAgICAgaGVhZGVyUHJlZml4OiAnaGVhZGluZy0nLFxuICAgICAgbWFuZ2xlOiBmYWxzZSxcbiAgICB9O1xuXG4gICAgLy8gUmVuZGVyIG1hcmtkb3duIHRvIGh0bWxcbiAgICBjb25zdCByYXdIdG1sID0gaW5saW5lXG4gICAgICA/IG1hcmtlZC5wYXJzZUlubGluZSh0ZXh0LCBtYXJrZWRPcHRpb25zKVxuICAgICAgOiBtYXJrZWQodGV4dCwgbWFya2VkT3B0aW9ucyk7XG5cbiAgICBjb25zdCBzYW5pdGl6YXRpb25Db25maWcgPSB7XG4gICAgICAuLi5kZWZhdWx0U2FuaXRpemF0aW9uQ29uZmlnLFxuICAgICAgYWxsb3dlZFRhZ3M6IFtcbiAgICAgICAgLi4uZGVmYXVsdFNhbml0aXphdGlvbkNvbmZpZy5hbGxvd2VkVGFncyxcbiAgICAgICAgLi4uT2JqZWN0LmtleXModXNlck92ZXJyaWRlcykubWFwKCh0YWdOYW1lKSA9PiB0YWdOYW1lLnRvTG93ZXJDYXNlKCkpLFxuICAgICAgXSxcbiAgICAgIGFsbG93ZWRBdHRyaWJ1dGVzOiB7XG4gICAgICAgIC4uLmRlZmF1bHRTYW5pdGl6YXRpb25Db25maWcuYWxsb3dlZEF0dHJpYnV0ZXMsXG4gICAgICAgIC4uLk9iamVjdC5rZXlzKHVzZXJPdmVycmlkZXMpLnJlZHVjZSgoYWNjLCB0YWdOYW1lKSA9PiB7XG4gICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLmFjYyxcbiAgICAgICAgICAgIFt0YWdOYW1lLnRvTG93ZXJDYXNlKCldOiAoXG4gICAgICAgICAgICAgIHVzZXJPdmVycmlkZXNbdGFnTmFtZV0uYWxsb3dlZEF0dHJpYnV0ZXMgfHwgW11cbiAgICAgICAgICAgICkubWFwKChhdHRyKSA9PiBhdHRyLnRvTG93ZXJDYXNlKCkpLFxuICAgICAgICAgIH07XG4gICAgICAgIH0sIHt9KSxcbiAgICAgIH0sXG4gICAgfTtcblxuICAgIGNvbnN0IGh0bWwgPSBzYW5pdGl6ZU1hcmtkb3duKHJhd0h0bWwsIHNhbml0aXphdGlvbkNvbmZpZyk7XG5cbiAgICAvLyBSZW5kZXIgaHRtbCB0byBhIHJlYWN0IHRyZWVcbiAgICBjb25zdCByZWFjdCA9IGh0bWxUb1JlYWN0UGFyc2VyLnBhcnNlV2l0aEluc3RydWN0aW9ucyhcbiAgICAgIGh0bWwsXG4gICAgICBpc1ZhbGlkTm9kZSxcbiAgICAgIHByb2Nlc3NpbmdJbnN0cnVjdGlvbnMsXG4gICAgICBwcmVwcm9jZXNzaW5nSW5zdHJ1Y3Rpb25zXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8TWFya2Rvd25XcmFwcGVyXG4gICAgICAgIGFzPXtpbmxpbmUgPyAnc3BhbicgOiAnZGl2J31cbiAgICAgICAgey4uLm9taXRQcm9wcyhPYmplY3Qua2V5cyh0aGlzLnByb3BzKSwgdGhpcy5wcm9wcyl9XG4gICAgICAgIGNsYXNzTmFtZT17Y3goY2xhc3NOYW1lKX1cbiAgICAgICAgc3BhY2luZz17c3BhY2luZ31cbiAgICAgID5cbiAgICAgICAge3JlYWN0fVxuICAgICAgPC9NYXJrZG93bldyYXBwZXI+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgdHlwZSB7XG4gIE1hcmtkb3duT3ZlcnJpZGVTZXR0aW5nLFxuICBNYXJrZG93bk92ZXJyaWRlU2V0dGluZ3MsXG59IGZyb20gJy4vbGlicy9vdmVycmlkZXMnO1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9NYXJrZG93bi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0MyRSIsImZpbGUiOiIuLi8uLi9zcmMvTWFya2Rvd24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IGN4IGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IEh0bWxUb1JlYWN0IGZyb20gJ2h0bWwtdG8tcmVhY3QnO1xuaW1wb3J0IHsgbWFya2VkIH0gZnJvbSAnbWFya2VkJztcbmltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc2FuaXRpemVNYXJrZG93biBmcm9tICdzYW5pdGl6ZS1tYXJrZG93bic7XG5cbmltcG9ydCB7IG9taXRQcm9wcyB9IGZyb20gJy4uL3V0aWxzL29taXRQcm9wcyc7XG5pbXBvcnQge1xuICBjcmVhdGVDb2RlQmxvY2tPdmVycmlkZSxcbiAgY3JlYXRlSW5wdXRPdmVycmlkZSxcbiAgY3JlYXRlVGFnT3ZlcnJpZGUsXG4gIGNyZWF0ZVZpZGVvT3ZlcnJpZGUsXG4gIE1hcmtkb3duT3ZlcnJpZGVTZXR0aW5ncyxcbiAgc3RhbmRhcmRPdmVycmlkZXMsXG59IGZyb20gJy4vbGlicy9vdmVycmlkZXMnO1xuaW1wb3J0IHsgTWFya2Rvd25DaGVja2JveCB9IGZyb20gJy4vbGlicy9vdmVycmlkZXMvQ2hlY2tib3gnO1xuaW1wb3J0IHsgRGV0YWlscyB9IGZyb20gJy4vbGlicy9vdmVycmlkZXMvRGV0YWlscyc7XG5pbXBvcnQgeyBJZnJhbWUgfSBmcm9tICcuL2xpYnMvb3ZlcnJpZGVzL0lmcmFtZSc7XG5pbXBvcnQge1xuICBNYXJrZG93bkFuY2hvcixcbiAgTWFya2Rvd25BbmNob3JQcm9wcyxcbn0gZnJvbSAnLi9saWJzL292ZXJyaWRlcy9NYXJrZG93bkFuY2hvcic7XG5pbXBvcnQgeyBUYWJsZSB9IGZyb20gJy4vbGlicy9vdmVycmlkZXMvVGFibGUnO1xuaW1wb3J0IHsgTWFya2Rvd25WaWRlbyB9IGZyb20gJy4vbGlicy9vdmVycmlkZXMvVmlkZW8nO1xuaW1wb3J0IHsgY3JlYXRlUHJlcHJvY2Vzc2luZ0luc3RydWN0aW9ucyB9IGZyb20gJy4vbGlicy9wcmVwcm9jZXNzaW5nJztcbmltcG9ydCB7IGRlZmF1bHRTYW5pdGl6YXRpb25Db25maWcgfSBmcm9tICcuL2xpYnMvc2FuaXRpemF0aW9uQ29uZmlnJztcbmltcG9ydCB7IG1hcmtkb3duU3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5jb25zdCBodG1sVG9SZWFjdFBhcnNlciA9IEh0bWxUb1JlYWN0LlBhcnNlcih7XG4gIHhtbE1vZGU6IHRydWUsXG59KTtcblxuY29uc3QgcHJlcHJvY2Vzc2luZ0luc3RydWN0aW9ucyA9IGNyZWF0ZVByZXByb2Nlc3NpbmdJbnN0cnVjdGlvbnMoKTtcblxuY29uc3QgaXNWYWxpZE5vZGUgPSAoKSA9PiB0cnVlO1xuXG5jb25zdCBNYXJrZG93bldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgc3BhY2luZzogJ2xvb3NlJyB8ICd0aWdodCcgfCAnbm9uZScgfT5gXG4gICR7KHsgdGhlbWUsIHNwYWNpbmcgfSkgPT4ge1xuICAgIGNvbnN0IHNwYWNpbmdTdHlsZUZ1bmN0aW9uID0gbWFya2Rvd25TdHlsZXNbc3BhY2luZ107XG4gICAgcmV0dXJuIHNwYWNpbmdTdHlsZUZ1bmN0aW9uID8gc3BhY2luZ1N0eWxlRnVuY3Rpb24odGhlbWUpIDogJyc7XG4gIH19XG5gO1xuXG5leHBvcnQgdHlwZSBTa2lwRGVmYXVsdE92ZXJyaWRlc1NldHRpbmdzID0ge1xuICBhPzogYm9vbGVhbjtcbiAgY2hlY2tib3g/OiBib29sZWFuO1xuICBkZXRhaWxzPzogYm9vbGVhbjtcbiAgaWZyYW1lPzogYm9vbGVhbjtcbiAgdGFibGU/OiBib29sZWFuO1xuICB2aWRlbz86IGJvb2xlYW47XG59O1xuXG5leHBvcnQgdHlwZSBNYXJrZG93blByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGlubGluZT86IGJvb2xlYW47XG4gIG92ZXJyaWRlcz86IE1hcmtkb3duT3ZlcnJpZGVTZXR0aW5ncztcbiAgc2tpcERlZmF1bHRPdmVycmlkZXM/OiBTa2lwRGVmYXVsdE92ZXJyaWRlc1NldHRpbmdzO1xuICAvKipcbiAgICogRW5hYmxlcyBnZW5lcmF0ZWQgaGVhZGVyIGlkcyBmb3IgSDEtNiB0YWdzXG4gICAqIENhbiBnZW5lcmF0ZSBkdXBsaWNhdGUgSURzIGlmIHVzZWQgb24gc2VwYXJhdGUgbWFya2Rvd24gY29tcG9uZW50cyBvbiB0aGUgc2FtZSBwYWdlXG4gICAqL1xuICBoZWFkZXJJZHM/OiBib29sZWFuO1xuICBzcGFjaW5nPzogJ2xvb3NlJyB8ICd0aWdodCcgfCAnbm9uZSc7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIGEgbWFya2Rvd24gYW5jaG9yIHRhZyBpcyBjbGlja2VkXG4gICAqL1xuICBvbkFuY2hvckNsaWNrPzogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxBbmNob3JFbGVtZW50PikgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjbGFzcyBNYXJrZG93biBleHRlbmRzIFB1cmVDb21wb25lbnQ8TWFya2Rvd25Qcm9wcz4ge1xuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge1xuICAgICAgc3BhY2luZyA9ICd0aWdodCcsXG4gICAgICB0ZXh0ID0gJycsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBvdmVycmlkZXM6IHVzZXJPdmVycmlkZXMgPSB7fSxcbiAgICAgIHNraXBEZWZhdWx0T3ZlcnJpZGVzID0ge30sXG4gICAgICBpbmxpbmUgPSBmYWxzZSxcbiAgICAgIGhlYWRlcklkcyA9IHRydWUsXG4gICAgICBvbkFuY2hvckNsaWNrLFxuICAgIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgaWYgKCF0ZXh0KSByZXR1cm4gbnVsbDtcblxuICAgIGNvbnN0IG92ZXJyaWRlcyA9IE9iamVjdC5rZXlzKHVzZXJPdmVycmlkZXMpLm1hcCgodGFnTmFtZSkgPT4ge1xuICAgICAgaWYgKHRhZ05hbWUgPT09ICdDb2RlQmxvY2snKSB7XG4gICAgICAgIHJldHVybiBjcmVhdGVDb2RlQmxvY2tPdmVycmlkZSh0YWdOYW1lLCB1c2VyT3ZlcnJpZGVzW3RhZ05hbWVdKTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBjcmVhdGVUYWdPdmVycmlkZSh0YWdOYW1lLCB1c2VyT3ZlcnJpZGVzW3RhZ05hbWVdKTtcbiAgICB9KTtcblxuICAgIGNvbnN0IHByb2Nlc3NpbmdJbnN0cnVjdGlvbnMgPSBbXG4gICAgICAuLi5vdmVycmlkZXMsXG4gICAgICAhc2tpcERlZmF1bHRPdmVycmlkZXMuaWZyYW1lICYmXG4gICAgICAgIGNyZWF0ZVRhZ092ZXJyaWRlKCdpZnJhbWUnLCB7XG4gICAgICAgICAgY29tcG9uZW50OiBJZnJhbWUsXG4gICAgICAgIH0pLFxuICAgICAgIXNraXBEZWZhdWx0T3ZlcnJpZGVzLmEgJiZcbiAgICAgICAgY3JlYXRlVGFnT3ZlcnJpZGUoJ2EnLCB7XG4gICAgICAgICAgY29tcG9uZW50OiBNYXJrZG93bkFuY2hvcixcbiAgICAgICAgICBwcm9jZXNzTm9kZTogKG5vZGUsIHByb3BzKSA9PiB7XG4gICAgICAgICAgICAvLyBOb3RlOiB0aGlzIHByb2Nlc3NOb2RlIG92ZXJyaWRlIGlzIG5lY2Vzc2FyeSBiZWNhdXNlIHdyYXBwaW5nIHRoaXMgY29tcG9uZW50XG4gICAgICAgICAgICAvLyBpbiBhbiBhbm9ueW1vdXMgZnVuY3Rpb25hbCBjb21wb25lbnQgYXMgd2l0aCB0aGUgVGFibGUgYmVsb3cgY2F1c2VzIHJlYWN0IHJlbmRlcmluZ1xuICAgICAgICAgICAgLy8gdG8gY3Jhc2ggd2l0aCBzb21lIGNocm9tZSB0cmFuc2xhdGlvbiBmZWF0dXJlcy5cbiAgICAgICAgICAgIC8vIFNlZSBodHRwczovL2NvZGVjYWRlbXkuYXRsYXNzaWFuLm5ldC9icm93c2UvV0VCLTEyMTRcbiAgICAgICAgICAgIGNvbnN0IHsga2V5OiBlbGVtZW50S2V5LCAuLi5yZXN0IH0gPVxuICAgICAgICAgICAgICBwcm9wcyBhcyBNYXJrZG93bkFuY2hvclByb3BzICYgeyBrZXk/OiBSZWFjdC5LZXkgfTtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxNYXJrZG93bkFuY2hvclxuICAgICAgICAgICAgICAgIGtleT17ZWxlbWVudEtleX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkFuY2hvckNsaWNrfVxuICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9LFxuICAgICAgICB9KSxcbiAgICAgICFza2lwRGVmYXVsdE92ZXJyaWRlcy50YWJsZSAmJlxuICAgICAgICBjcmVhdGVUYWdPdmVycmlkZSgndGFibGUnLCB7XG4gICAgICAgICAgY29tcG9uZW50OiBUYWJsZSxcbiAgICAgICAgICBhbGxvd2VkQXR0cmlidXRlczogWydzdHlsZSddLFxuICAgICAgICB9KSxcbiAgICAgICFza2lwRGVmYXVsdE92ZXJyaWRlcy52aWRlbyAmJlxuICAgICAgICBjcmVhdGVWaWRlb092ZXJyaWRlKCd2aWRlbycsIHtcbiAgICAgICAgICBjb21wb25lbnQ6IE1hcmtkb3duVmlkZW8sXG4gICAgICAgIH0pLFxuICAgICAgIXNraXBEZWZhdWx0T3ZlcnJpZGVzLmRldGFpbHMgJiZcbiAgICAgICAgY3JlYXRlVGFnT3ZlcnJpZGUoJ2RldGFpbHMnLCB7XG4gICAgICAgICAgY29tcG9uZW50OiBEZXRhaWxzLFxuICAgICAgICAgIGFsbG93ZWRBdHRyaWJ1dGVzOiBbJ3N0eWxlJywgJ29wZW4nXSxcbiAgICAgICAgfSksXG4gICAgICAhc2tpcERlZmF1bHRPdmVycmlkZXMuY2hlY2tib3ggJiZcbiAgICAgICAgY3JlYXRlSW5wdXRPdmVycmlkZSgnY2hlY2tib3gnLCB7XG4gICAgICAgICAgY29tcG9uZW50OiBNYXJrZG93bkNoZWNrYm94LFxuICAgICAgICB9KSxcbiAgICAgIC4uLnN0YW5kYXJkT3ZlcnJpZGVzLFxuICAgIF0uZmlsdGVyKEJvb2xlYW4pO1xuXG4gICAgY29uc3QgbWFya2VkT3B0aW9ucyA9IHtcbiAgICAgIHNtYXJ0eXBhbnRzOiB0cnVlLFxuICAgICAgaGVhZGVySWRzLFxuICAgICAgaGVhZGVyUHJlZml4OiAnaGVhZGluZy0nLFxuICAgICAgbWFuZ2xlOiBmYWxzZSxcbiAgICB9O1xuXG4gICAgLy8gUmVuZGVyIG1hcmtkb3duIHRvIGh0bWxcbiAgICBjb25zdCByYXdIdG1sID0gaW5saW5lXG4gICAgICA/IG1hcmtlZC5wYXJzZUlubGluZSh0ZXh0LCBtYXJrZWRPcHRpb25zKVxuICAgICAgOiBtYXJrZWQodGV4dCwgbWFya2VkT3B0aW9ucyk7XG5cbiAgICBjb25zdCBzYW5pdGl6YXRpb25Db25maWcgPSB7XG4gICAgICAuLi5kZWZhdWx0U2FuaXRpemF0aW9uQ29uZmlnLFxuICAgICAgYWxsb3dlZFRhZ3M6IFtcbiAgICAgICAgLi4uZGVmYXVsdFNhbml0aXphdGlvbkNvbmZpZy5hbGxvd2VkVGFncyxcbiAgICAgICAgLi4uT2JqZWN0LmtleXModXNlck92ZXJyaWRlcykubWFwKCh0YWdOYW1lKSA9PiB0YWdOYW1lLnRvTG93ZXJDYXNlKCkpLFxuICAgICAgXSxcbiAgICAgIGFsbG93ZWRBdHRyaWJ1dGVzOiB7XG4gICAgICAgIC4uLmRlZmF1bHRTYW5pdGl6YXRpb25Db25maWcuYWxsb3dlZEF0dHJpYnV0ZXMsXG4gICAgICAgIC4uLk9iamVjdC5rZXlzKHVzZXJPdmVycmlkZXMpLnJlZHVjZSgoYWNjLCB0YWdOYW1lKSA9PiB7XG4gICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLmFjYyxcbiAgICAgICAgICAgIFt0YWdOYW1lLnRvTG93ZXJDYXNlKCldOiAoXG4gICAgICAgICAgICAgIHVzZXJPdmVycmlkZXNbdGFnTmFtZV0uYWxsb3dlZEF0dHJpYnV0ZXMgfHwgW11cbiAgICAgICAgICAgICkubWFwKChhdHRyKSA9PiBhdHRyLnRvTG93ZXJDYXNlKCkpLFxuICAgICAgICAgIH07XG4gICAgICAgIH0sIHt9KSxcbiAgICAgIH0sXG4gICAgfTtcblxuICAgIGNvbnN0IGh0bWwgPSBzYW5pdGl6ZU1hcmtkb3duKHJhd0h0bWwsIHNhbml0aXphdGlvbkNvbmZpZyk7XG5cbiAgICAvLyBSZW5kZXIgaHRtbCB0byBhIHJlYWN0IHRyZWVcbiAgICBjb25zdCByZWFjdCA9IGh0bWxUb1JlYWN0UGFyc2VyLnBhcnNlV2l0aEluc3RydWN0aW9ucyhcbiAgICAgIGh0bWwsXG4gICAgICBpc1ZhbGlkTm9kZSxcbiAgICAgIHByb2Nlc3NpbmdJbnN0cnVjdGlvbnMsXG4gICAgICBwcmVwcm9jZXNzaW5nSW5zdHJ1Y3Rpb25zXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8TWFya2Rvd25XcmFwcGVyXG4gICAgICAgIGFzPXtpbmxpbmUgPyAnc3BhbicgOiAnZGl2J31cbiAgICAgICAgey4uLm9taXRQcm9wcyhPYmplY3Qua2V5cyh0aGlzLnByb3BzKSwgdGhpcy5wcm9wcyl9XG4gICAgICAgIGNsYXNzTmFtZT17Y3goY2xhc3NOYW1lKX1cbiAgICAgICAgc3BhY2luZz17c3BhY2luZ31cbiAgICAgID5cbiAgICAgICAge3JlYWN0fVxuICAgICAgPC9NYXJrZG93bldyYXBwZXI+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgdHlwZSB7XG4gIEhUTUxUb1JlYWN0Tm9kZSxcbiAgTWFya2Rvd25PdmVycmlkZVNldHRpbmcsXG4gIE1hcmtkb3duT3ZlcnJpZGVTZXR0aW5ncyxcbn0gZnJvbSAnLi9saWJzL292ZXJyaWRlcyc7XG4iXX0= */"));
 export class Markdown extends PureComponent {
   render() {
     const {

package/dist/Menu/MenuItem.js

@@ -15,6 +15,13 @@ const currentItemText = {
   button: 'current action',
   item: 'current item'
 };
+/**
+ * Narrows the forwarded ref union to a specific element type for the current render branch.
+ * MenuItem renders exactly one of li, a, or button per call, so the ref is forwarded to that element.
+ */
+function narrowMenuItemRef(ref) {
+  return ref;
+}
 export const MenuItem = /*#__PURE__*/forwardRef(({
   active,
   children,
@@ -25,7 +32,6 @@ export const MenuItem = /*#__PURE__*/forwardRef(({
   label,
   target,
   width = 1,
-  'aria-label': explicitAriaLabel,
   ...props
 }, ref) => {
   const {
@@ -52,7 +58,7 @@ export const MenuItem = /*#__PURE__*/forwardRef(({
     variant: 'link',
     role: role === 'menu' ? 'menuitem' : undefined,
     [activeProp]: active,
-    'aria-label': isIconOnly ? ariaLabel ?? explicitAriaLabel : undefined,
+    'aria-label': isIconOnly ? ariaLabel : undefined,
     'aria-describedby': !isIconOnly && ariaLabel ? tipId : undefined,
     'aria-disabled': disabled,
     isDisabled: disabled
@@ -71,7 +77,6 @@ export const MenuItem = /*#__PURE__*/forwardRef(({
     }), children]
   });
   if (listItemType === 'link' && !disabled) {
-    const linkRef = ref;
     return /*#__PURE__*/_jsx(ListItem, {
       ...listItemProps,
       children: /*#__PURE__*/_jsx(MenuToolTipWrapper, {
@@ -80,7 +85,7 @@ export const MenuItem = /*#__PURE__*/forwardRef(({
         children: /*#__PURE__*/_jsx(ListLink, {
           ...computed,
           href: href,
-          ref: linkRef,
+          ref: narrowMenuItemRef(ref),
           target: target,
           children: content
         })
@@ -88,7 +93,6 @@ export const MenuItem = /*#__PURE__*/forwardRef(({
     });
   }
   if (listItemType === 'button' || listItemType === 'link' && disabled) {
-    const buttonRef = ref;
     const handleClick = disabled ? () => null : props.onClick;
     return /*#__PURE__*/_jsx(ListItem, {
       ...listItemProps,
@@ -97,20 +101,19 @@ export const MenuItem = /*#__PURE__*/forwardRef(({
         tipId: tipId,
         children: /*#__PURE__*/_jsx(ListButton, {
           ...computed,
-          ref: buttonRef,
+          ref: narrowMenuItemRef(ref),
           onClick: handleClick,
           children: content
         })
       })
     });
   }
-  const liRef = ref;
   return (
     /*#__PURE__*/
     // These are non-interactive and will never have tooltips (nor should they).
     _jsx(ListItem, {
       ...computed,
-      ref: liRef,
+      ref: narrowMenuItemRef(ref),
       children: content
     })
   );

package/dist/Menu/MenuSeparator.js

@@ -7,14 +7,14 @@ export const MenuSeparator = props => {
     center: true,
     fit: true,
     height: 8,
+    role: "separator",
     ...props,
     children: /*#__PURE__*/_jsx(Box, {
       bg: "text-disabled",
       borderRadius: "sm",
       fit: true,
       height: "1px",
-      mx: 16,
-      role: "separator"
+      mx: 16
     })
   });
 };

package/dist/Menu/elements.d.ts

@@ -639,11 +639,11 @@ export interface ListLinkProps extends ListItemProps {
 export declare const ListLink: import("react").ForwardRefExoticComponent<Omit<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & ListLinkProps & Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "media" | "target" | "type" | "href" | keyof import("react").ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy">, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+} & ListLinkProps & Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "type" | keyof import("react").ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "media" | "ping" | "target" | "referrerPolicy">, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
 export declare const ListButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & ListLinkProps, Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "name" | "form" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "type" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value">, {}>;
+} & ListLinkProps, Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "name" | "form" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "value">, {}>;
 export declare const MenuToolTipWrapper: React.FC<Pick<ComponentProps<typeof MenuItem>, 'children' | 'label'> & {
     tipId: string;
 }>;

package/dist/Menu/index.d.ts

@@ -1,3 +1,4 @@
 export * from './Menu';
 export * from './MenuItem';
 export * from './MenuSeparator';
+export { ListItem } from './elements';

package/dist/Menu/index.js

@@ -1,3 +1,4 @@
 export * from './Menu';
 export * from './MenuItem';
-export * from './MenuSeparator';
+export * from './MenuSeparator';
+export { ListItem } from './elements';

package/dist/Modals/Dialog.js

@@ -1,9 +1,11 @@
 import { MiniDeleteIcon } from '@codecademy/gamut-icons';
+import { useId } from 'react';
 import * as React from 'react';
 import { Box } from '../Box';
 import { FillButton, IconButton, TextButton } from '../Button';
 import { Overlay } from '../Overlay';
 import { Text } from '../Typography';
+import { isNullish } from '../utils/nullish';
 import { ModalContainer } from './elements';
 import { ImageContainer } from './ImageContainer';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -26,6 +28,7 @@ export const Dialog = ({
   size = 'small',
   ...rest
 }) => {
+  const titleId = useId();
   const onConfirm = e => {
     onRequestClose();
     confirmCta.onClick?.(e);
@@ -40,8 +43,8 @@ export const Dialog = ({
     ...rest,
     children: /*#__PURE__*/_jsxs(ModalContainer, {
       "aria-hidden": "false",
-      "aria-label": "dialog",
-      "aria-labelledby": String(title),
+      "aria-label": isNullish(title) ? 'dialog' : undefined,
+      "aria-labelledby": !isNullish(title) ? titleId : undefined,
       "aria-modal": "true",
       "data-autofocus": true,
       layout: "dialog",
@@ -53,6 +56,7 @@ export const Dialog = ({
         as: "h2",
         fontSize: 20,
         gridArea: "title",
+        id: !isNullish(title) ? titleId : undefined,
         lineHeight: "base",
         children: title
       }), !hideCloseButton && /*#__PURE__*/_jsx(Box, {

package/dist/Modals/Modal.js

@@ -1,5 +1,5 @@
 import { MiniDeleteIcon } from '@codecademy/gamut-icons';
-import { useState } from 'react';
+import { useId, useState } from 'react';
 import * as React from 'react';
 import { Box } from '../Box';
 import { FillButton, IconButton, TextButton } from '../Button';
@@ -28,10 +28,12 @@ export const Modal = ({
   views,
   ...rest
 }) => {
+  const titleId = useId();
   const [currentView, setCurrentView] = useState(0);
   const view = views?.[currentView];
   const image = (view?.image || rest?.image) ?? null;
   const titleText = title || views?.[currentView].title;
+  const needsLabelledBy = titleText && !ariaLabel;
   return /*#__PURE__*/_jsx(Overlay, {
     "data-testid": "modal",
     shroud: true,
@@ -40,7 +42,7 @@ export const Modal = ({
     children: /*#__PURE__*/_jsxs(ModalContainer, {
       "aria-hidden": "false",
       "aria-label": ariaLabel,
-      "aria-labelledby": titleText ? String(titleText) : undefined,
+      "aria-labelledby": needsLabelledBy ? titleId : undefined,
       "aria-modal": "true",
       className: className,
       "data-autofocus": true,
@@ -53,6 +55,7 @@ export const Modal = ({
         as: headingLevel,
         fontSize: 20,
         gridArea: "title",
+        id: titleId,
         lineHeight: "base",
         children: titleText
       }), !hideCloseButton && /*#__PURE__*/_jsx(Box, {

package/dist/Modals/elements.d.ts

@@ -1,5 +1,5 @@
 import { StyleProps } from '@codecademy/variance';
-declare const sizeVariant: (props: import("@codecademy/variance/dist/types/config").VariantProps<"size", false | "small" | "large" | "medium" | "fluid"> & {
+declare const sizeVariant: (props: import("@codecademy/variance/dist/types/config").VariantProps<"size", false | "small" | "medium" | "large" | "fluid"> & {
     theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
 declare const layoutVariant: (props: import("@codecademy/variance/dist/types/config").VariantProps<"layout", false | "dialog" | "standard"> & {
@@ -11,11 +11,11 @@ export declare const ModalContainer: import("@emotion/styled").StyledComponent<O
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
-    p?: import("@codecademy/variance/dist/types/config").Scale<{
+    p?: import("@codecademy/variance").Scale<{
         readonly property: "padding";
         readonly scale: "spacing";
     }>;
-    height?: import("@codecademy/variance/dist/types/config").Scale<{
+    height?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "height";
             readonly logical: "blockSize";
@@ -23,7 +23,7 @@ export declare const ModalContainer: import("@emotion/styled").StyledComponent<O
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    width?: import("@codecademy/variance/dist/types/config").Scale<{
+    width?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "width";
             readonly logical: "inlineSize";
@@ -31,43 +31,43 @@ export declare const ModalContainer: import("@emotion/styled").StyledComponent<O
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    alignSelf?: import("@codecademy/variance/dist/types/config").Scale<{
+    alignSelf?: import("@codecademy/variance").Scale<{
         readonly property: "alignSelf";
     }>;
-    containerType?: import("@codecademy/variance/dist/types/config").Scale<{
+    containerType?: import("@codecademy/variance").Scale<{
         readonly property: "containerType";
     }>;
-    direction?: import("@codecademy/variance/dist/types/config").Scale<{
+    direction?: import("@codecademy/variance").Scale<{
         readonly property: "direction";
     }>;
-    display?: import("@codecademy/variance/dist/types/config").Scale<{
+    display?: import("@codecademy/variance").Scale<{
         readonly property: "display";
     }>;
-    flexBasis?: import("@codecademy/variance/dist/types/config").Scale<{
+    flexBasis?: import("@codecademy/variance").Scale<{
         readonly property: "flexBasis";
     }>;
-    flexGrow?: import("@codecademy/variance/dist/types/config").Scale<{
+    flexGrow?: import("@codecademy/variance").Scale<{
         readonly property: "flexGrow";
     }>;
-    flexShrink?: import("@codecademy/variance/dist/types/config").Scale<{
+    flexShrink?: import("@codecademy/variance").Scale<{
         readonly property: "flexShrink";
     }>;
-    gridColumnEnd?: import("@codecademy/variance/dist/types/config").Scale<{
+    gridColumnEnd?: import("@codecademy/variance").Scale<{
         readonly property: "gridColumnEnd";
     }>;
-    gridColumnStart?: import("@codecademy/variance/dist/types/config").Scale<{
+    gridColumnStart?: import("@codecademy/variance").Scale<{
         readonly property: "gridColumnStart";
     }>;
-    gridRowEnd?: import("@codecademy/variance/dist/types/config").Scale<{
+    gridRowEnd?: import("@codecademy/variance").Scale<{
         readonly property: "gridRowEnd";
     }>;
-    gridRowStart?: import("@codecademy/variance/dist/types/config").Scale<{
+    gridRowStart?: import("@codecademy/variance").Scale<{
         readonly property: "gridRowStart";
     }>;
-    justifySelf?: import("@codecademy/variance/dist/types/config").Scale<{
+    justifySelf?: import("@codecademy/variance").Scale<{
         readonly property: "justifySelf";
     }>;
-    maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
+    maxHeight?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "maxHeight";
             readonly logical: "maxBlockSize";
@@ -75,7 +75,7 @@ export declare const ModalContainer: import("@emotion/styled").StyledComponent<O
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
+    maxWidth?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "maxWidth";
             readonly logical: "maxInlineSize";
@@ -83,7 +83,7 @@ export declare const ModalContainer: import("@emotion/styled").StyledComponent<O
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
+    minHeight?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "minHeight";
             readonly logical: "minBlockSize";
@@ -91,7 +91,7 @@ export declare const ModalContainer: import("@emotion/styled").StyledComponent<O
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
+    minWidth?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "minWidth";
             readonly logical: "minInlineSize";
@@ -99,39 +99,39 @@ export declare const ModalContainer: import("@emotion/styled").StyledComponent<O
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    order?: import("@codecademy/variance/dist/types/config").Scale<{
+    order?: import("@codecademy/variance").Scale<{
         readonly property: "order";
     }>;
-    overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
+    overflowX?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "overflowX";
             readonly logical: "overflowInline";
         };
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
+    overflowY?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "overflowY";
             readonly logical: "overflowBlock";
         };
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
+    verticalAlign?: import("@codecademy/variance").Scale<{
         readonly property: "verticalAlign";
     }>;
-    gridArea?: import("@codecademy/variance/dist/types/config").Scale<{
+    gridArea?: import("@codecademy/variance").Scale<{
         readonly property: "gridArea";
     }>;
-    gridColumn?: import("@codecademy/variance/dist/types/config").Scale<{
+    gridColumn?: import("@codecademy/variance").Scale<{
         readonly property: "gridColumn";
     }>;
-    gridRow?: import("@codecademy/variance/dist/types/config").Scale<{
+    gridRow?: import("@codecademy/variance").Scale<{
         readonly property: "gridRow";
     }>;
-    overflow?: import("@codecademy/variance/dist/types/config").Scale<{
+    overflow?: import("@codecademy/variance").Scale<{
         readonly property: "overflow";
     }>;
-    px?: import("@codecademy/variance/dist/types/config").Scale<{
+    px?: import("@codecademy/variance").Scale<{
         readonly property: "padding";
         readonly properties: {
             readonly physical: readonly ["paddingLeft", "paddingRight"];
@@ -140,7 +140,7 @@ export declare const ModalContainer: import("@emotion/styled").StyledComponent<O
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    py?: import("@codecademy/variance/dist/types/config").Scale<{
+    py?: import("@codecademy/variance").Scale<{
         readonly property: "padding";
         readonly properties: {
             readonly physical: readonly ["paddingTop", "paddingBottom"];
@@ -149,7 +149,7 @@ export declare const ModalContainer: import("@emotion/styled").StyledComponent<O
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    pt?: import("@codecademy/variance/dist/types/config").Scale<{
+    pt?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "paddingTop";
             readonly logical: "paddingBlockStart";
@@ -157,7 +157,7 @@ export declare const ModalContainer: import("@emotion/styled").StyledComponent<O
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    pb?: import("@codecademy/variance/dist/types/config").Scale<{
+    pb?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "paddingBottom";
             readonly logical: "paddingBlockEnd";
@@ -165,7 +165,7 @@ export declare const ModalContainer: import("@emotion/styled").StyledComponent<O
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    pr?: import("@codecademy/variance/dist/types/config").Scale<{
+    pr?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "paddingRight";
             readonly logical: "paddingInlineEnd";
@@ -173,7 +173,7 @@ export declare const ModalContainer: import("@emotion/styled").StyledComponent<O
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    pl?: import("@codecademy/variance/dist/types/config").Scale<{
+    pl?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "paddingLeft";
             readonly logical: "paddingInlineStart";
@@ -181,7 +181,7 @@ export declare const ModalContainer: import("@emotion/styled").StyledComponent<O
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
+    dimensions?: import("@codecademy/variance").Scale<{
         readonly property: "width";
         readonly properties: {
             readonly physical: readonly ["width", "height"];