@olddevs/ui 4.2.1 → 4.3.0

package/dist/components/navigation/useMenuAim.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuAim.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/useMenuAim.ts"],"names":[],"mappings":"AAEA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAyBvE,mFAAmF;AACnF,eAAO,MAAM,aAAa,MAAM,CAAC;AAkBjC,UAAU,KAAK;IACb,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,WAkB3F;AAID,UAAU,cAAc;IACtB,sEAAsE;IACtE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,wDAAwD;IACxD,WAAW,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC3C,wDAAwD;IACxD,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACvC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,cAAc;oBA0E9D,MAAM,GAAG,IAAI;;EA0BvB"}
+{"version":3,"file":"useMenuAim.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/useMenuAim.ts"],"names":[],"mappings":"AAEA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAyBvE,mFAAmF;AACnF,eAAO,MAAM,aAAa,MAAM,CAAC;AAkBjC,UAAU,KAAK;IACb,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,WAkB3F;AAID,UAAU,cAAc;IACtB,oEAAoE;IACpE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,sDAAsD;IACtD,WAAW,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC3C,sDAAsD;IACtD,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACvC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,cAAc;oBA0E9D,MAAM,GAAG,IAAI;;EA0BvB"}

package/dist/components/overlays/Menu.d.ts

@@ -40,9 +40,11 @@ export interface MenuProps<T extends object = object> extends AriaMenuProps<T> {
      * Сторона, с которой панель раскрывается. Корневое меню по умолчанию — под
      * кнопкой слева (`bottom start`); вложенное, внутри `SubmenuTrigger`, —
      * сбоку от своего пункта, а на узком экране под ним. Явное значение
-     * побеждает оба умолчания.
+     * побеждает оба умолчания. `end top` и `start top` — сбоку по концу или
+     * началу строки: при письме справа налево они меняются местами, а
+     * `right top` и `left top` — нет.
      */
-    placement?: "bottom start" | "bottom end" | "top start" | "top end" | "right top" | "left top";
+    placement?: "bottom start" | "bottom end" | "top start" | "top end" | "end top" | "start top" | "right top" | "left top";
 }
 export interface MenuItemProps extends Omit<AriaMenuItemProps, "children" | "className"> {
     /** Подпись пункта. Длинная обрезается многоточием. */

package/dist/components/overlays/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/Menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EASL,KAAK,aAAa,IAAI,iBAAiB,EACvC,KAAK,SAAS,IAAI,aAAa,EAC/B,KAAK,gBAAgB,IAAI,oBAAoB,EAC9C,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAe5E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAGlD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEpE,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,oDAAoD;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU,+GAerB,CAAC;AAEH,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IAC5E,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CAChG;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,WAAW,CAAC;IACtF,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qEAAqE;IACrE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,IAAI,8GAyCf,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,0GA2CnB,CAAC;AAEH,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CACvE,oBAAoB,CAAC,CAAC,CAAC,EACvB,WAAW,GAAG,UAAU,CACzB;IACC,oEAAoE;IACpE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qEAAqE;AACrE,eAAO,MAAM,WAAW,kHAUtB,CAAC;AAEH,0CAA0C;AAC1C,wBAAgB,aAAa,CAAC,EAC5B,SAAS,GACV,EAAE;IACD,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAEA"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/Menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EASL,KAAK,aAAa,IAAI,iBAAiB,EACvC,KAAK,SAAS,IAAI,aAAa,EAC/B,KAAK,gBAAgB,IAAI,oBAAoB,EAC9C,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAe5E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAGlD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEpE,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,oDAAoD;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU,+GAerB,CAAC;AAEH,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IAC5E,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;OAOG;IACH,SAAS,CAAC,EACN,cAAc,GACd,YAAY,GACZ,WAAW,GACX,SAAS,GACT,SAAS,GACT,WAAW,GACX,WAAW,GACX,UAAU,CAAC;CAChB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,WAAW,CAAC;IACtF,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qEAAqE;IACrE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,IAAI,8GAyCf,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,0GA2CnB,CAAC;AAEH,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CACvE,oBAAoB,CAAC,CAAC,CAAC,EACvB,WAAW,GAAG,UAAU,CACzB;IACC,oEAAoE;IACpE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qEAAqE;AACrE,eAAO,MAAM,WAAW,kHAUtB,CAAC;AAEH,0CAA0C;AAC1C,wBAAgB,aAAa,CAAC,EAC5B,SAAS,GACV,EAAE;IACD,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAEA"}

package/dist/components/overlays/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/overlays/Menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/overlays/Menu.tsx"],"names":[],"mappings":"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"}

package/docs/components/index.en.md

@@ -1,5 +1,5 @@
 ---
-sourceHash: 26e978c5dd30
+sourceHash: 8b34aab7b3be
 ---
 
 # Component catalog
@@ -122,7 +122,7 @@ Components built from primitives: the page frame, its navigation and header.
 - [Breadcrumbs](navigation/breadcrumbs.md): `Breadcrumbs` — a chain of links "Section / Subsection / Page" that shows where the user is and lets them go back up a level
 - [Pagination](navigation/pagination.md): `Pagination`, `pageRange` — a page switcher for long results: numbers, adjacent pages, jumping to the first and last; `pageRange` calculates which numbers to show
 - [Stepper](navigation/stepper.md): `Stepper` — a step indicator for a wizard, an import or a checkout: shows the current step and lets you go back to a completed one
-- [MegaMenu](navigation/mega-menu.md): `MegaMenu`, `MegaMenuCategory`, `MegaMenuGroup`, `MegaMenuLink`, `MegaMenuTrigger`, `MegaMenuButton` — an Amazon-style store catalog: a column of categories with a showcase of link columns next to the hovered one; the pointer can cut diagonally across to the showcase without a neighboring category taking over; the same markup also opens as a dropdown overlay from a "Catalog" button
+- [MegaMenu](navigation/mega-menu.md): `MegaMenu`, `MegaMenuCategory`, `MegaMenuGroup`, `MegaMenuLink`, `MegaMenuTrigger`, `MegaMenuButton` — an Amazon-style store catalog: a column of categories with a flyout of link columns next to the hovered one; the pointer can cut diagonally across to the flyout without a neighboring category taking over; the same markup also opens as a dropdown overlay from a "Catalog" button
 - [TreeView](navigation/tree-view.md): `TreeView` — a tree with expandable branches for categories, folders and sections; nodes can be selected, including with checkboxes
 - [Selection bar](navigation/selection-bar.md): `SelectionBar`, `useStickyOffset` — a bar above a list or a grid where several objects are selected: shows "12 selected", bulk action buttons and a clear-selection button
 - [Contextual save bar](navigation/contextual-save-bar.md): `ContextualSaveBar` — a bar at the bottom of the viewport that appears after the first edit of a form and offers to save or discard unsaved changes

package/docs/components/index.md

@@ -118,7 +118,7 @@
 - [Breadcrumbs](navigation/breadcrumbs.md): `Breadcrumbs` — цепочка ссылок «Раздел / Подраздел / Страница», по которой видно, где пользователь, и можно вернуться на уровень выше
 - [Pagination](navigation/pagination.md): `Pagination`, `pageRange` — переключатель страниц для длинной выдачи: номера, соседние страницы, переход к первой и последней; `pageRange` считает, какие номера показать
 - [Stepper](navigation/stepper.md): `Stepper` — индикатор шагов мастера, импорта или оформления заказа: показывает текущий шаг и позволяет вернуться к уже пройденному
-- [MegaMenu](navigation/mega-menu.md): `MegaMenu`, `MegaMenuCategory`, `MegaMenuGroup`, `MegaMenuLink`, `MegaMenuTrigger`, `MegaMenuButton` — каталог магазина в духе Amazon: столбец категорий, а справа от наведённой — Витрина с колонками ссылок; курсор можно вести к Витрине наискосок, категория под ним не перехватит наведение; та же разметка открывается выпадающим оверлеем от кнопки «Каталог»
+- [MegaMenu](navigation/mega-menu.md): `MegaMenu`, `MegaMenuCategory`, `MegaMenuGroup`, `MegaMenuLink`, `MegaMenuTrigger`, `MegaMenuButton` — каталог магазина в духе Amazon: столбец категорий, а справа от наведённой — Полка с колонками ссылок; курсор можно вести к Полке наискосок, категория под ним не перехватит наведение; та же разметка открывается выпадающим оверлеем от кнопки «Каталог»
 - [TreeView](navigation/tree-view.md): `TreeView` — дерево с раскрываемыми ветками для категорий, папок и разделов; узлы можно выбирать, в том числе флажками
 - [Selection bar](navigation/selection-bar.md): `SelectionBar`, `useStickyOffset` — полоса над списком или сеткой, где выбрано несколько объектов: показывает «Выбрано 12», кнопки массовых действий и сброс выделения
 - [Contextual save bar](navigation/contextual-save-bar.md): `ContextualSaveBar` — полоса внизу окна, которая появляется после первой правки формы и предлагает сохранить или отменить несохранённые изменения

package/docs/components/navigation/mega-menu.en.md

@@ -5,7 +5,7 @@ category: navigation
 status: stable
 source: src/components/navigation/MegaMenu.tsx
 story: src/components/navigation/MegaMenu.stories.tsx
-sourceHash: 731dae1c43c3
+sourceHash: 42179963266b
 ---
 
 # MegaMenu
@@ -13,10 +13,11 @@ sourceHash: 731dae1c43c3
 ## Summary for AI
 
 `MegaMenu` is an Amazon-style store catalog: a category column on the left and, next to the hovered
-category, its showcase with columns of links and any content of your own. It is link navigation, not a command
+category, its flyout with columns of links and any content of your own. It is link navigation, not a command
 menu: the markup follows the WAI-ARIA Disclosure Navigation pattern (`nav`, buttons with `aria-expanded`, real
-`a` elements). Categories are `MegaMenuCategory` as direct children, columns are `MegaMenuGroup`, links are
-`MegaMenuLink`. The same catalog opens as a dropdown overlay from a button: `MegaMenuTrigger` with
+`a` elements). Categories are `MegaMenuCategory` (directly or inside your own components, server components
+included), columns are `MegaMenuGroup`, links are `MegaMenuLink`. The current section and the current page are
+marked with the `active` prop, as on `NavItem`. The same catalog opens as a dropdown overlay from a button: `MegaMenuTrigger` with
 `MegaMenuButton` and an unchanged `MegaMenu`.
 
 ## When to use
@@ -24,7 +25,7 @@ menu: the markup follows the WAI-ARIA Disclosure Navigation pattern (`nav`, butt
 - A catalog with ten or more sections, each with subsections in columns: a store, a marketplace, a help portal.
 - The sections should be visible at once and the subsections should appear on hover, without taking the user
   off the page.
-- The showcase needs content of its own next to the links: a promo card, an image, a selection.
+- The flyout needs content of its own next to the links: a promo card, an image, a selection.
 
 ## When not to use
 
@@ -39,10 +40,10 @@ menu: the markup follows the WAI-ARIA Disclosure Navigation pattern (`nav`, butt
 import { MegaMenu, MegaMenuCategory, MegaMenuGroup, MegaMenuLink } from "@olddevs/ui";
 
 <MegaMenu aria-label="Catalog">
-  <MegaMenuCategory id="computers" label="Computers" href="/computers">
+  <MegaMenuCategory id="computers" label="Computers" href="/computers" active>
     <MegaMenuGroup title="Laptops" href="/computers/laptops">
       <MegaMenuLink href="/computers/laptops/gaming">Gaming</MegaMenuLink>
-      <MegaMenuLink href="/computers/laptops/ultrabooks" current>
+      <MegaMenuLink href="/computers/laptops/ultrabooks" active>
         Ultrabooks
       </MegaMenuLink>
     </MegaMenuGroup>
@@ -59,67 +60,80 @@ import { MegaMenu, MegaMenuCategory, MegaMenuGroup, MegaMenuLink } from "@olddev
 | ------------------------------------------ | --------- | ----------------------------------------------------------------------------------------------------------------- |
 | `aria-label`                               | —         | The accessible name of the navigation. Required: on a page with several `nav` elements, the name tells them apart |
 | `value` / `defaultValue` / `onValueChange` | `null`    | The open category (its `id`) or `null`, controlled or uncontrolled                                                |
-| `showcaseWidth`                            | `"40rem"` | The width of the showcase, shared by all categories so that the catalog does not jump between them                |
+| `showcaseWidth`                            | `"40rem"` | The width of the flyout, shared by all categories so that the catalog does not jump between them                  |
 | `className`                                | —         | Classes for the `nav`; the default width of the category column is `w-64`                                         |
 
 `MegaMenuCategory`: `id` is the key for `value`; `label` is the text in the category column and the name of the
-showcase; `icon`; `href` or `link` is the address of the whole section; `disabled`; the children are the content of
-the showcase. For a category with a showcase, the address becomes a title link at the top of the showcase; for a
+flyout; `icon`; `href` or `link` is the address of the whole section; `disabled`; `active` means the current page is in
+this section; the children are the content of the flyout. For a category with a flyout, the address becomes a title link at the top of the flyout; for a
 category without children, the row in the category column is itself the link. `link` is a router link passed as an
 empty element (`link={<Link href="/x" />}`), and the label moves inside it. It is a separate prop rather than
-`asChild` because the children of a category are its showcase.
+`asChild` because the children of a category are its flyout.
 
-`MegaMenuGroup`: `title` is the title of the column and the name of its list; `href` turns the title into a link;
-the children are `MegaMenuLink` elements, and each one is placed in its own list item.
+`active` on a category sets `aria-current="true"` and gives the label the accent color, the same one a current
+link gets. The mark stays whether or not the flyout is open: the route decides the current section, not hover. The
+open category is still marked with a background, so one row can carry both. While no flyout is open, Tab enters the
+category column on the current section. Your code decides which section is current, as with `active` on `NavItem`.
 
-`MegaMenuLink`: the usual `a` props, `icon`, `current` and `asChild`. `current` sets `aria-current="page"` and the
+Categories don't have to be direct children of `MegaMenu`: you can split them across your own components and render
+them from a Next.js server component. Each category reports itself to the column, and the column doesn't inspect its
+children by type, because a server component's element arrives on the client with a different type. Before
+hydration, while the categories haven't reported themselves yet, every available category is a Tab stop; after
+hydration the column is a single stop again.
+
+`MegaMenuGroup`: `title` is the title of the column and the name of its list; `href` or `link` turns the title into
+a link (`link` is a router link passed as an empty element, as on a category); the children are `MegaMenuLink`
+elements, and each one is placed in its own list item, including those passed in a fragment.
+
+`MegaMenuLink`: the usual `a` props, `icon`, `active` and `asChild`. `active` sets `aria-current="page"` and the
 look of the current link. The kit does not work out the current page itself, because every router compares
 addresses by its own rules. `asChild` renders the link as a router element:
-`<MegaMenuLink asChild><Link href="/x">Label</Link></MegaMenuLink>`.
+`<MegaMenuLink asChild><Link href="/x">Label</Link></MegaMenuLink>`. The old name, `current`, works until 5.0 and is
+marked `@deprecated`: the kit calls the current navigation item `active`.
 
-## Hover and the showcase
+## Hover and the flyout
 
-Hovering a category with the mouse opens its showcase at once, with no delay. Exactly one category is highlighted,
-the one whose showcase is open: the highlight follows `aria-expanded`, not `:hover`. Hovering a category without a
-showcase closes the open one, with the same caveat about aim as below.
+Hovering a category with the mouse opens its flyout at once, with no delay. Exactly one category is highlighted,
+the one whose flyout is open: the highlight follows `aria-expanded`, not `:hover`. Hovering a category without a
+flyout closes the open one, with the same caveat about aim as below.
 
-The showcase closes 150 ms after the pointer has left both the category column and the showcase, so a brief
+The flyout closes 150 ms after the pointer has left both the category column and the flyout, so a brief
 excursion past the edge does not reset the catalog. It also closes on a pointer press outside the catalog and when
 focus leaves the catalog.
 
-The content of a showcase is mounted only for the open category, so a catalog of a hundred links and images does
+The content of a flyout is mounted only for the open category, so a catalog of a hundred links and images does
 not load everything at once. The region itself is always there, hidden: the button's `aria-controls` points to it.
 
-The showcase is a DOM descendant of its category, not a portal. That is why the Tab order runs "category, its
-links, then on down the page", and why the showcase sits flush against the category column without any position
+The flyout is a DOM descendant of its category, not a portal. That is why the Tab order runs "category, its
+links, then on down the page", and why the flyout sits flush against the category column without any position
 calculation. An ancestor with `overflow: hidden` clips it, so put the catalog where there is room beside it.
 
-The showcase sits on the end side of the line: on the right, or on the left in right-to-left writing. If there is
+The flyout sits on the end side of the line: on the right, or on the left in right-to-left writing. If there is
 not enough room there and there is enough on the other side, it moves to the other side. The kit measures the side
-ahead of time and again when the window is resized, so the arrow key that points "toward the showcase" already
-points to where the showcase will appear.
+ahead of time and again when the window is resized, so the arrow key that points "toward the flyout" already
+points to where the flyout will appear.
 
 ## Touch and narrow screens
 
 Touch has no hover, so the touch itself (`click`) opens a category, without aim. A pointer whose `pointerType` is
-"touch" or "pen" neither opens a category on hover nor closes the showcase when it leaves: a pen behaves like a
-finger. Touching an open category again neither closes it nor goes anywhere. The showcase closes on a touch outside
+"touch" or "pen" neither opens a category on hover nor closes the flyout when it leaves: a pen behaves like a
+finger. Touching an open category again neither closes it nor goes anywhere. The flyout closes on a touch outside
 the catalog or on Escape.
 
 The mouse behaves as before: hover, aim and closing after 150 ms all remain while the screen is wide.
 
 On a narrow screen, under 640px (the same breakpoint as `Menu` submenus and Editor submenus), there is no room beside
-the category column for the showcase: the edge of the window would cut it off on the right. So the catalog works as a
+the category column for the flyout: the edge of the window would cut it off on the right. So the catalog works as a
 drill-down:
 
 - The category column takes the full width, and category labels wrap instead of being truncated.
-- An open category (by touch, click, Enter or Space) replaces the category column with its showcase. The showcase
+- An open category (by touch, click, Enter or Space) replaces the category column with its flyout. The flyout
   starts with a "Back" row that shows the category name. If the category has a link of its own, the link shows the
   name, on the row below, instead of the "Back" row. Below that, the columns of links follow, one under another.
-- "Back" returns the category column and puts focus on the category the person came from. Escape inside the showcase
+- "Back" returns the category column and puts focus on the category the person came from. Escape inside the flyout
   works like "Back".
 - When you drill down, focus moves to "Back": the category button is hidden along with the category column, and focus
-  left on it would be lost. In the showcase on a narrow screen, the arrow key toward the category column does
+  left on it would be lost. In the flyout on a narrow screen, the arrow key toward the category column does
   nothing, because the column is not beside it.
 - There is no aim on a narrow screen: hovering with the mouse does not open a category, and moving the mouse away does
   not cancel the drill-down. Replacing the column under the cursor would pull it out from under the person's hand.
@@ -133,25 +147,25 @@ catalog supplies "Назад".
 The kit reads the width through `matchMedia`, not through CSS, because the width determines the contents of the
 markup (the category column is hidden), not just the look. Before hydration and on the server, the hook reports a wide
 screen (ADR-0018): the server does not know the width, and the markup it produces is always the regular one. On a phone,
-after hydration, a showcase opened by `defaultValue` is re-rendered once as a drill-down. On a phone the `nav` takes
+after hydration, a flyout opened by `defaultValue` is re-rendered once as a drill-down. On a phone the `nav` takes
 the full width through the `max-sm:w-full` class; a `w-*` class from `className` applies on a wide screen.
 
 ## Aim
 
-On its way from a category to its showcase, the pointer cuts diagonally and brushes against the neighboring
-categories. If hover opened them at once, the showcase would change under the person's hand, and the links would be
-out of reach. Aim watches where the pointer is heading: while it moves toward the open showcase, a neighboring
+On its way from a category to its flyout, the pointer cuts diagonally and brushes against the neighboring
+categories. If hover opened them at once, the flyout would change under the person's hand, and the links would be
+out of reach. Aim watches where the pointer is heading: while it moves toward the open flyout, a neighboring
 category does not take over the hover.
 
 - The direction of the pointer's last step is compared with the wedge from its previous position to the two corners
-  of the showcase's near edge: Kamens's triangle from "Where it comes from". A step into the wedge means the pointer
+  of the flyout's near edge: Kamens's triangle from "Where it comes from". A step into the wedge means the pointer
   is aiming.
 - One movement off course is forgiven; two in a row are not, and then the category under the pointer opens.
 - If the pointer stops for 300 ms, the category under it opens even if it was aiming. The menu does not get stuck.
-- When the pointer reaches the showcase, the deferred switch is canceled.
+- When the pointer reaches the flyout, the deferred switch is canceled.
 - Clicking a category opens it at once, bypassing aim. The keyboard knows nothing about aim.
 - Mouse only, and only on a wide screen: touch and pen open a category at once, and a narrow screen has no aim at all.
-- The first hover, while there is no showcase yet, opens the category with no delay at all: there is nothing to aim at.
+- The first hover, while there is no flyout yet, opens the category with no delay at all: there is nothing to aim at.
 
 The model is the same as for react-aria submenus (`Menu` with `SubmenuTrigger`), so that the two menus of the kit
 behave alike. There are two differences. The category switch is deferred, not suppressed with `pointer-events: none`
@@ -177,6 +191,11 @@ triangle with corners at the pointer itself and at the top and bottom corners of
 inside the triangle, the user is heading for the submenu, and items brushed on the way don't take it over. Once the
 pointer leaves the triangle, the submenu switches immediately. Kamens published his analysis on 6 March 2013.
 
+![Amazon's menu: the triangle from the pointer to the top and bottom corners of the submenu](https://ui.olddevs.ru/images/mega-menu/amazon-triangle.gif)
+
+_Animation from [Ben Kamens's post](https://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown), as
+reproduced in the Habr retelling._
+
 **The plugin and the math.** Kamens turned the idea into a jQuery plugin, `jQuery-menu-aim`, and used it in Khan
 Academy's new "Learn" menu. Whether a point lies inside a triangle can be checked with cross products, and Sophie
 Alpert helped him with that bit of linear algebra, but in the plugin Kamens went with something simpler: comparing
@@ -203,16 +222,21 @@ Primary sources:
 ## Keyboard and names
 
 - The category column is a single Tab stop. The Up and Down arrows, Home and End move through the categories;
-  disabled ones are skipped. When the user comes back with Tab, they land on the category they were on.
-- Enter, Space and the arrow toward the showcase open it and put focus on the first link. On a category that is a
+  disabled ones are skipped. When the user comes back with Tab, they land on the category they were on; the first
+  time, on the open one, otherwise on the current section (`active`), otherwise on the first one.
+- Typing a letter on a category moves focus to the next category whose label starts with it, wrapping around; the
+  same letter again moves to the one after. Letters typed in quick succession match the start of a label, and a
+  half-second pause clears them. A Space in the middle of typing is part of the label ("Home and garden"), not a
+  key that opens the category. A letter with Ctrl, Cmd or Alt is a keyboard shortcut, and the catalog leaves it alone.
+- Enter, Space and the arrow toward the flyout open it and put focus on the first link. On a category that is a
   link, Enter follows it.
-- Inside the showcase, plain Tab works. The arrow toward the category column returns focus to the category, and so
-  does Escape, which also closes the showcase. Tab past the last link moves on down the page and closes the showcase.
-- While the showcase is open, it follows the arrow-key focus the way it follows hover.
-- The arrow "toward the showcase" is the one that points to where the showcase sits: in right-to-left writing and at
+- Inside the flyout, plain Tab works. The arrow toward the category column returns focus to the category, and so
+  does Escape, which also closes the flyout. Tab past the last link moves on down the page and closes the flyout.
+- While the flyout is open, it follows focus moved by arrows and letters the way it follows hover.
+- The arrow "toward the flyout" is the one that points to where the flyout sits: in right-to-left writing and at
   the edge of the screen, the arrows swap places.
 - A screen reader hears a navigation with the name from `aria-label`, the categories as expand/collapse buttons, the
-  showcase as a region named after the category, and a column as a list named after its title.
+  flyout as a region named after the category, and a column as a list named after its title.
 
 ## Dropdown mode
 
@@ -252,11 +276,11 @@ into one. `MegaMenuButton` accepts the kit's button look (`variant`, `tone`, `si
 - **Opening.** Click, Enter, Space and the Down arrow on the button. Hover does not open the catalog: it should not
   jump out at a stray mouse movement.
 - **Focus.** On opening, focus goes to the first available category (or, if one is already open through `value` or
-  `defaultValue`, to that one), and the showcase stays closed until a category is chosen. After that the category column
-  and the showcase work as in the embedded mode.
+  `defaultValue`, to that one), and the flyout stays closed until a category is chosen. After that the category column
+  and the flyout work as in the embedded mode.
 - **Closing.** Escape on a category, a press outside the catalog, a second click on the button, following any link (a
   category, a column title, a `MegaMenuLink`, router links included) and Tab past the last element.
-  The first Escape inside a showcase closes only the showcase and returns focus to its category; the next one closes
+  The first Escape inside a flyout closes only the flyout and returns focus to its category; the next one closes
   the overlay.
 - **Returning focus.** Focus returns to the button on Escape and on a second click. After Tab past the last element,
   focus moves on down the page, past the button; Shift+Tab before the first element returns it to the button. After a
@@ -265,10 +289,14 @@ into one. `MegaMenuButton` accepts the kit's button look (`variant`, `tone`, `si
   overlay is neither a menu nor a dialog, but the same navigation with links. The overlay has no `dialog` role.
 - **Layers.** The overlay sits on the `popover` layer: above the scrim of an open `Dialog`, below the confirmation.
   Inside a dialog, the first Escape closes the catalog and the next one closes the dialog. If focus is in an open
-  showcase, the very first Escape closes only the showcase and returns focus to its category.
+  flyout, the very first Escape closes only the flyout and returns focus to its category.
+- **Narrow screens.** Under 640px the overlay spans the window, minus 8px at each edge, instead of shrinking to the
+  longest label: labels wrap, a long one can't push the catalog off screen, and the width stays put when you drill
+  into a category. The drill-down, "Back" and Escape work inside the overlay just as in the embedded mode: the first
+  Escape in a flyout brings the column back, the next one closes the catalog.
 - **Height.** The overlay is no taller than the visible area from the button to the edge of the window. The category
-  column and the showcase each scroll within themselves (`overscroll-contain`), not the overlay as a whole: otherwise the
-  overlay's frame would clip the showcase, which stands beside the category column. On iOS the height is capped at
+  column and the flyout each scroll within themselves (`overscroll-contain`), not the overlay as a whole: otherwise the
+  overlay's frame would clip the flyout, which stands beside the category column. On iOS the height is capped at
   `min(24rem, 60dvh)`, like the `Menu` panel.
 - **Appearance.** Smooth, on the kit's motion scale; with `prefers-reduced-motion`, no animation.
 - **Server.** The server renders a closed button; the overlay is mounted in a portal after opening.
@@ -277,15 +305,17 @@ into one. `MegaMenuButton` accepts the kit's button look (`variant`, `tone`, `si
 
 - Implementation: `src/components/navigation/MegaMenu.tsx`; aim is in `src/components/navigation/useMenuAim.ts`.
 - Tests: `tests/mega-menu.test.tsx` covers roles and `aria-controls`, hover and mounting only the open
-  showcase, closing with a delay, roving tabindex, Enter, Escape and the arrows, Tab past the last link,
-  a category that is a link, a disabled category, `current`, `asChild` and `link`, the controlled value, a press
-  outside the catalog and server rendering; `tests/mega-menu-aim.test.tsx` covers aim on mocked geometry and fake
+  flyout, closing with a delay, roving tabindex, Enter, Escape and the arrows, Tab past the last link,
+  a category that is a link, a disabled category, `active` and the `current` alias, `asChild` and `link` (on a
+  category and on a column), fragments in a column, the current section and the Tab stop, typeahead, categories
+  inside your own components, the controlled value, a press outside the catalog and server rendering; `tests/mega-menu-aim.test.tsx` covers aim on mocked geometry and fake
   time, and the flip at the edge; `tests/mega-menu-touch.test.tsx` covers touch and pen, a mocked `matchMedia`,
-  the drill-down in place of the category column, "Back" and focus, Escape, labels from the message catalog and server
-  rendering; the browser test `tests-visual/mega-menu.spec.ts` uses a real mouse moving diagonally and down
-  the category column.
+  the drill-down in place of the category column, "Back" and focus, Escape, labels from the message catalog, the
+  drill-down with categories inside your own components and server rendering; the browser test
+  `tests-visual/mega-menu.spec.ts` uses a real mouse moving diagonally and down the category column, and checks the
+  width of the dropdown on a phone.
 - Dropdown mode: `tests/mega-menu-dropdown.test.tsx` covers opening by click and keys with focus on the first
-  category, every way of closing and returning focus, Escape in the showcase, `open` / `defaultOpen` / `onOpenChange`, the
-  `popover` layer, the order of Escape inside a `Dialog` and server rendering.
+  category, every way of closing and returning focus, Escape in the flyout, `open` / `defaultOpen` / `onOpenChange`, the
+  `popover` layer, the order of Escape inside a `Dialog`, the drill-down on a narrow screen and server rendering.
 - Story: `src/components/navigation/MegaMenu.stories.tsx`, including `DropdownInTopBar`, a mega menu in a top bar; at phone
-  width, `PhoneColumn` and `PhoneDrillDown`.
+  width, `PhoneColumn`, `PhoneDrillDown`, `PhoneDropdown` and `PhoneDropdownDrillDown`.