@fairgarden/design 0.1.0-alpha.1 → 0.1.0-alpha.2

package/overlays/menu/Menu.js

@@ -4,11 +4,13 @@ import { Menu as BaseMenu } from '@base-ui/react/menu';
 import { cva } from 'class-variance-authority';
 import { Button } from '../../actions/button';
 import { Icon } from '../../foundations/icon';
+import { HOVER_REASONS, useOutlineMorphRoot, } from '../../foundations/outline-morph/useOutlineMorphRoot';
 import { StatusGlyph, statusScales } from '../../utils/StatusGlyph';
 import { cx, resolveClassName } from '../../utils/className';
 import { OVERLAY_SIDE_OFFSET } from '../../utils/overlay';
 import { secondaryScaleVariants } from '../../utils/scales';
 import { MenuPopupFrame } from './popup';
+import { MENUBAR_SWITCH_REASONS, MenuMorphContext, MenuMorphTrigger, MenubarMorphContext, } from './morph';
 import styles from './menu.module.css';
 export { menu } from './popup';
 /*
@@ -25,15 +27,14 @@ export { menu } from './popup';
  *   color axes: none.
  * - Color fallback: the popup takes the `white` preset's defaults; a
  *   destructive item's secondary falls back to the danger scale [D129].
- * - States: item data-highlighted → --primary4 plus the --ds-stroke-3
+ * - States: item data-highlighted → --primary4 plus the --border-size-2-25
  *   start-edge bar in --primary12 [D145] (a destructive item: the
  *   --role-danger fill, its label and bar --role-danger-label [D192]);
  *   data-checked on checkbox and
  *   radio items → leading ✓ or ● in --primary12, label --font-weight-6, no
  *   fill and no bar [D145]; data-disabled → --role-muted, no highlight;
- *   submenu trigger data-popup-open → stays highlighted; popup
- *   data-starting-style / data-ending-style with data-side → the clip
- *   reveal from the trigger side, instant under --motionNotOK [D91].
+ *   submenu trigger data-popup-open → stays highlighted; the popup opens
+ *   and closes by the outline morph or at once [D205].
  * - Parts: positioner, base (the popup), item, itemIcon (the leading slot),
  *   itemLabel, checkGlyph, dangerGlyph, shortcut, submenuChevron,
  *   groupLabel, separator.
@@ -41,6 +42,15 @@ export { menu } from './popup';
  *   `white` scope (`page` scheme, no data-theme) with the --border-size-2
  *   --primary12 edge [D148, D156]. The trigger is a Button (§9.2).
  * - Container: none; inherits its context.
+ * - Outline morph [D204]: on by default (`morph={false}` on Menu opts
+ *   out). The trigger's ring (keyboard) or edge (pointer: its outline, its
+ *   fill, or its box in its ink) grows into the popup's frame and back
+ *   (foundations/outline-morph); MenuTrigger takes the source ref, the popup
+ *   answers `data-outline-morph` and the frame renders beside it. Without
+ *   the morph a menu opens and closes at once [D205]: hover opens
+ *   (`openOnHover`), switching menus in a Menubar, and submenus (MenuSubmenu
+ *   turns the morph off inside it: they open on hover as the pointer passes,
+ *   and their row has no outline to grow from).
  */
 export const menuItem = cva(styles.item, {
     variants: {
@@ -54,9 +64,20 @@ export const menuItem = cva(styles.item, {
         destructive: false,
     },
 });
-/** Groups the parts of a menu (Base UI Menu.Root). */
+/** Groups the parts of a menu (Base UI Menu.Root) and wires its outline morph. */
 export function Menu(props) {
-    return React.createElement(BaseMenu.Root, { ...props });
+    const { morph = true, onOpenChange, ...rootProps } = props;
+    const inMenubar = React.useContext(MenubarMorphContext);
+    const outline = useOutlineMorphRoot({
+        open: rootProps.open,
+        defaultOpen: rootProps.defaultOpen,
+        onOpenChange,
+        morph,
+        instant: (_open, details) => details.reason != null &&
+            (inMenubar ? MENUBAR_SWITCH_REASONS : HOVER_REASONS).has(details.reason),
+    });
+    return (React.createElement(MenuMorphContext.Provider, { value: outline.refs },
+        React.createElement(BaseMenu.Root, { ...rootProps, onOpenChange: outline.onOpenChange })));
 }
 /**
  * Opens the menu. Renders a Button (§9.2): an `outline` or `text` Button
@@ -65,21 +86,21 @@ export function Menu(props) {
  */
 export function MenuTrigger(props) {
     const { handle, payload, ...buttonProps } = props;
-    return (React.createElement(BaseMenu.Trigger, { handle: handle, payload: payload, render: React.createElement(Button, { ...buttonProps }) }));
+    return (React.createElement(MenuMorphTrigger, { handle: handle, payload: payload, render: React.createElement(Button, { ...buttonProps }) }));
 }
 /**
  * The popup, rendered through its Base UI Portal as a nested `white`
- * scope: --primary1 face, --border-size-2 --primary12 edge, --ds-radius-8,
+ * scope: --primary1 face, --border-size-2 --primary12 edge, --radius-2-25,
  * --size-px-1 padding, 200 px to --size-px-14 wide and at least the
  * trigger's width, --size-px-2 from the trigger, aligned to its start
- * edge. It opens instantly or with a clip reveal from the trigger side.
+ * edge. It opens from its trigger by the outline morph, or at once [D205].
  * Inside a `MenuSubmenu` it flies out to the end side.
  */
 export function MenuPopup(props) {
     return (React.createElement(MenuPopupFrame, { ...props, placement: { align: 'start', sideOffset: OVERLAY_SIDE_OFFSET } }));
 }
 /**
- * An action row (Base UI Menu.Item): --ds-size-hit tall at every
+ * An action row (Base UI Menu.Item): --fgd-size-hit tall at every
  * breakpoint, a --size-px-5 leading slot, the label in `type-body-ui`
  * sentence case, and an optional trailing shortcut. Highlight (pointer or
  * keyboard) is the --primary4 fill plus the start-edge bar (the danger fill
@@ -144,10 +165,12 @@ export function MenuSeparator(props) {
 /**
  * Groups a submenu's trigger and popup (Base UI Menu.SubmenuRoot). The
  * nested MenuPopup flies out to the end side at --size-px-2 and flips at
- * the viewport edge.
+ * the viewport edge and opens at once: the outline morph stays
+ * with the top-level menu [D204].
  */
 export function MenuSubmenu(props) {
-    return React.createElement(BaseMenu.SubmenuRoot, { ...props });
+    return (React.createElement(MenuMorphContext.Provider, { value: null },
+        React.createElement(BaseMenu.SubmenuRoot, { ...props })));
 }
 /**
  * The row that opens a submenu (Base UI Menu.SubmenuTrigger), with a

package/overlays/menu/Menu.js.map

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

package/overlays/menu/menu.module.css

@@ -7,13 +7,15 @@
  *
  * The §9.1 overlay panel: the `white` scope's --primary1 face, a
  * --border-size-2 --primary12 edge in both modes, never --role-rule
- * [D92, D156], --ds-radius-8, --size-px-1 padding, no shadow or backdrop.
- * The list highlight is --primary4 plus a --ds-stroke-3 start-edge bar in
+ * [D92, D156], --radius-2-25, --size-px-1 padding, no shadow or backdrop.
+ * The list highlight is --primary4 plus a --border-size-2-25 start-edge bar in
  * --primary12 (a destructive item: the danger fill, its label and bar
  * --role-danger-label [D192]); a checked option is a leading ✓ or ● and --font-weight-6,
- * with no fill and no bar [D145]. Motion is instant or a clip reveal from
- * the trigger side, never a fade [D91]. Colors are role variables only;
- * local custom properties carry dimensions only.
+ * with no fill and no bar [D145]. Motion is the outline morph (a Menu's
+ * popup answers `data-outline-morph` while it draws its frame) [D204] or
+ * none: the popup opens and closes at once [D205].
+ * Colors are role variables only; local custom properties carry
+ * dimensions only.
  */
 
 /* Composition sits in top-level rules, outside the layers: Lightning CSS
@@ -38,34 +40,33 @@
 
   /* 200 px to --size-px-14, at least the trigger's width, at most the viewport less its margins. */
   .base {
-    --menu-clip-from: inset(0);
-    --menu-item-radius: calc(var(--ds-radius-8) - var(--size-px-1));
+    --menu-item-radius: calc(var(--radius-2-25) - var(--size-px-1));
 
     box-sizing: border-box;
     min-inline-size: min(
-      max(var(--ds-size-menu-min), var(--anchor-width, 0px)),
-      calc(100vw - 2 * var(--ds-space-margin))
+      max(var(--fgd-size-menu-min), var(--anchor-width, 0px)),
+      calc(100vw - 2 * var(--fgd-space-margin))
     );
-    max-inline-size: min(var(--size-px-14), calc(100vw - 2 * var(--ds-space-margin)));
+    max-inline-size: min(var(--size-px-14), calc(100vw - 2 * var(--fgd-space-margin)));
     max-block-size: var(--available-height);
     overflow-y: auto;
     overscroll-behavior: contain;
     padding: var(--size-px-1);
     border: var(--border-size-2) solid var(--primary12);
-    border-radius: var(--ds-radius-8);
+    border-radius: var(--radius-2-25);
     background-color: var(--primary1);
     color: var(--primary12);
     clip-path: inset(0);
   }
 
-  /* A row: --ds-size-hit tall at every breakpoint, --ds-space-12 padding. */
+  /* A row: --fgd-size-hit tall at every breakpoint, --size-px-2-5 padding. */
   .item {
     position: relative;
     display: flex;
     align-items: center;
     gap: var(--size-px-2);
-    min-block-size: var(--ds-size-hit);
-    padding-inline: var(--ds-space-12);
+    min-block-size: var(--fgd-size-hit);
+    padding-inline: var(--size-px-2-5);
     border-radius: var(--menu-item-radius);
     color: var(--primary12);
     cursor: default;
@@ -81,7 +82,7 @@
     inset-block: 0;
     inset-inline-start: 0;
     display: none;
-    border-inline-start: var(--ds-stroke-3) solid var(--primary12);
+    border-inline-start: var(--border-size-2-25) solid var(--primary12);
     border-start-start-radius: var(--menu-item-radius);
     border-end-start-radius: var(--menu-item-radius);
   }
@@ -114,7 +115,7 @@
     overflow: visible;
     fill: var(--primary1);
     stroke: var(--primary1);
-    stroke-width: var(--ds-stroke-1-5);
+    stroke-width: var(--border-size-1-5);
     stroke-linecap: round;
     stroke-linejoin: round;
   }
@@ -136,7 +137,7 @@
     display: flex;
     align-items: center;
     padding-block: var(--size-px-2) var(--size-px-1);
-    padding-inline: var(--ds-space-12);
+    padding-inline: var(--size-px-2-5);
     color: var(--role-muted);
   }
 
@@ -148,14 +149,6 @@
     border-block-start: var(--border-size-1) solid var(--role-rule);
   }
 
-  @media (prefers-reduced-motion: no-preference) {
-    .base {
-      transition-property: clip-path;
-      transition-duration: var(--ds-duration-disclosure);
-      transition-timing-function: var(--ease-out-3);
-    }
-  }
-
   @media (forced-colors: active) {
     .dangerGlyph {
       forced-color-adjust: none;
@@ -182,31 +175,14 @@
 }
 
 @layer states {
-  /* The reveal starts at the trigger edge (data-side names where the popup sits). */
-  .base[data-side='bottom'] {
-    --menu-clip-from: inset(0 0 100% 0);
-  }
-
-  .base[data-side='top'] {
-    --menu-clip-from: inset(100% 0 0 0);
-  }
-
-  .base[data-side='left'],
-  .base[data-side='inline-start'] {
-    --menu-clip-from: inset(0 0 0 100%);
-  }
-
-  .base[data-side='right'],
-  .base[data-side='inline-end'] {
-    --menu-clip-from: inset(0 100% 0 0);
-  }
-
-  .base[data-starting-style],
-  .base[data-ending-style] {
-    clip-path: var(--menu-clip-from);
-  }
-
-  .base[data-instant] {
+  /*
+   * Outline morph [D204] (Menu's `morph`, the default): while the overlay
+   * draws the frame, the popup's own edge takes its face. Without the morph
+   * (hover opens, submenus, context menus, `morph={false}`) the popup opens
+   * and closes at once [D205].
+   */
+  .base[data-outline-morph] {
+    border-color: var(--primary1);
     transition: none;
   }
 

package/overlays/menu/morph.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import type { OutlineMorphRefs } from '../../foundations/outline-morph';
+/** The nearest menu's morph refs, or `null` (no morph: a submenu, a context menu, `morph={false}`). */
+export declare const MenuMorphContext: React.Context<OutlineMorphRefs | null>;
+/**
+ * Set by the Menubar around its menus: switching between them (hover, the
+ * arrow keys, focus) is instant, as Base UI makes it, so only a press opens
+ * with the morph and only Escape, a choice or an outside press closes with it.
+ */
+export declare const MenubarMorphContext: React.Context<boolean>;
+/** Open changes that switch between a menubar's menus: Base UI's instant `group` reasons. */
+export declare const MENUBAR_SWITCH_REASONS: ReadonlySet<string>;
+/** Base UI's Menu.Trigger, wired as the nearest menu's morph source. */
+export declare function MenuMorphTrigger(props: BaseMenu.Trigger.Props): React.JSX.Element;
+//# sourceMappingURL=morph.d.ts.map

package/overlays/menu/morph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"morph.d.ts","sourceRoot":"","sources":["../../src/overlays/menu/morph.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAEtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAYvE,uGAAuG;AACvG,eAAO,MAAM,gBAAgB,wCAAqD,CAAA;AAElF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,wBAA6B,CAAA;AAE7D,6FAA6F;AAC7F,eAAO,MAAM,sBAAsB,EAAE,WAAW,CAAC,MAAM,CAMrD,CAAA;AAEF,wEAAwE;AACxE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,qBAK7D"}

package/overlays/menu/morph.js

@@ -0,0 +1,36 @@
+'use client';
+import * as React from 'react';
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { useMergedRef } from '../../utils/assignRef';
+/*
+ * Internal: the outline morph's wiring through a menu's parts [D204]. Not
+ * exported from the Menu index. `Menu` provides the refs; the trigger
+ * (`MenuMorphTrigger`, behind MenuTrigger, the Menubar's triggers and the
+ * Code Block's ⋮) takes the source ref, and the popup build
+ * (`MenuPopupFrame`) takes the target ref and renders the frame. A
+ * `MenuSubmenu` provides `null`, so a submenu keeps its own reveal.
+ */
+/** The nearest menu's morph refs, or `null` (no morph: a submenu, a context menu, `morph={false}`). */
+export const MenuMorphContext = React.createContext(null);
+/**
+ * Set by the Menubar around its menus: switching between them (hover, the
+ * arrow keys, focus) is instant, as Base UI makes it, so only a press opens
+ * with the morph and only Escape, a choice or an outside press closes with it.
+ */
+export const MenubarMorphContext = React.createContext(false);
+/** Open changes that switch between a menubar's menus: Base UI's instant `group` reasons. */
+export const MENUBAR_SWITCH_REASONS = new Set([
+    'trigger-hover',
+    'trigger-focus',
+    'focus-out',
+    'list-navigation',
+    'sibling-open',
+]);
+/** Base UI's Menu.Trigger, wired as the nearest menu's morph source. */
+export function MenuMorphTrigger(props) {
+    const { ref, ...rest } = props;
+    const morph = React.useContext(MenuMorphContext);
+    const mergedRef = useMergedRef(ref, morph?.sourceRef);
+    return React.createElement(BaseMenu.Trigger, { ...rest, ref: mergedRef });
+}
+//# sourceMappingURL=morph.js.map

package/overlays/menu/morph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"morph.js","sourceRoot":"","sources":["../../src/overlays/menu/morph.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAGtD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD;;;;;;;GAOG;AAEH,uGAAuG;AACvG,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAA0B,IAAI,CAAC,CAAA;AAElF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AAE7D,6FAA6F;AAC7F,MAAM,CAAC,MAAM,sBAAsB,GAAwB,IAAI,GAAG,CAAC;IACjE,eAAe;IACf,eAAe;IACf,WAAW;IACX,iBAAiB;IACjB,cAAc;CACf,CAAC,CAAA;AAEF,wEAAwE;AACxE,MAAM,UAAU,gBAAgB,CAAC,KAA6B;IAC5D,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC9B,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAChD,MAAM,SAAS,GAAG,YAAY,CAAoB,GAAG,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IACxE,OAAO,oBAAC,QAAQ,CAAC,OAAO,OAAK,IAAI,EAAE,GAAG,EAAE,SAAS,GAAI,CAAA;AACvD,CAAC"}

package/overlays/menu/popup.d.ts

@@ -36,6 +36,8 @@ export type MenuPopupProps = BaseMenu.Popup.Props & {
  * The portal, positioner and popup. `placement` supplies defaults for the
  * positioner; any prop left undefined falls through to Base UI's own
  * defaults (the end side for submenus, the pointer for context menus).
+ * Inside a Menu with the outline morph, the popup is its target and the
+ * frame renders beside it [D204].
  */
 export declare function MenuPopupFrame(props: MenuPopupProps & {
     placement?: Pick<MenuPopupProps, 'align' | 'sideOffset'>;

package/overlays/menu/popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../src/overlays/menu/popup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAmBjE,0EAA0E;AAC1E,eAAO,MAAM,IAAI;;;8EAMf,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,CAAA;AAEpD,KAAK,eAAe,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAA;AAEhD,sGAAsG;AACtG,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG;IAClD;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC,mGAAmG;IACnG,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IACrC,oFAAoF;IACpF,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAC9B,iDAAiD;IACjD,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAChC,kEAAkE;IAClE,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IAC1C,6CAA6C;IAC7C,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAA;IAC5C,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAA;IACtD,qEAAqE;IACrE,SAAS,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;IAC9C,6CAA6C;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,cAAc,GAAG;IAAE,SAAS,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,YAAY,CAAC,CAAA;CAAE,qBA8CrF"}
+{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../src/overlays/menu/popup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAsBjE,0EAA0E;AAC1E,eAAO,MAAM,IAAI;;;8EAMf,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,CAAA;AAEpD,KAAK,eAAe,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAA;AAEhD,sGAAsG;AACtG,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG;IAClD;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC,mGAAmG;IACnG,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IACrC,oFAAoF;IACpF,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAC9B,iDAAiD;IACjD,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAChC,kEAAkE;IAClE,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IAC1C,6CAA6C;IAC7C,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAA;IAC5C,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAA;IACtD,qEAAqE;IACrE,SAAS,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;IAC9C,6CAA6C;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,cAAc,GAAG;IAAE,SAAS,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,YAAY,CAAC,CAAA;CAAE,qBAmDrF"}

package/overlays/menu/popup.js

@@ -2,9 +2,12 @@
 import * as React from 'react';
 import { Menu as BaseMenu } from '@base-ui/react/menu';
 import { cva } from 'class-variance-authority';
+import { OutlineMorphFrame } from '../../foundations/outline-morph';
+import { useMergedRef } from '../../utils/assignRef';
 import { cx, resolveClassName } from '../../utils/className';
 import { OVERLAY_COLLISION_PADDING, OverlayScope, overlayActionClassName, overlayAttributes, overlayScales, } from '../../utils/overlay';
 import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { MenuMorphContext } from './morph';
 import styles from './menu.module.css';
 /*
  * Internal: the menu popup build shared by Menu, Context Menu and Menubar
@@ -23,17 +26,22 @@ export const menu = cva(styles.base, {
  * The portal, positioner and popup. `placement` supplies defaults for the
  * positioner; any prop left undefined falls through to Base UI's own
  * defaults (the end side for submenus, the pointer for context menus).
+ * Inside a Menu with the outline morph, the popup is its target and the
+ * frame renders beside it [D204].
  */
 export function MenuPopupFrame(props) {
-    const { primary, secondary, side, align, sideOffset, alignOffset, collisionPadding = OVERLAY_COLLISION_PADDING, container, keepMounted, placement, className, children, ...rest } = props;
+    const { primary, secondary, side, align, sideOffset, alignOffset, collisionPadding = OVERLAY_COLLISION_PADDING, container, keepMounted, placement, className, children, ref, ...rest } = props;
     const scales = overlayScales(primary, secondary);
+    const morph = React.useContext(MenuMorphContext);
+    const popupRef = useMergedRef(ref, morph?.targetRef);
     return (React.createElement(BaseMenu.Portal, { container: container, keepMounted: keepMounted },
         React.createElement(BaseMenu.Positioner, { className: styles.positioner, side: side, align: align ?? placement?.align, sideOffset: sideOffset ?? placement?.sideOffset, alignOffset: alignOffset, collisionPadding: collisionPadding },
-            React.createElement(BaseMenu.Popup, { ...rest, ...overlayAttributes, className: resolveClassName(className, (extra) => menu({
+            React.createElement(BaseMenu.Popup, { ...rest, ref: popupRef, ...overlayAttributes, className: resolveClassName(className, (extra) => menu({
                     primary: scales.primary,
                     secondary: scales.secondary,
                     className: cx(overlayActionClassName, extra),
                 })) },
-                React.createElement(OverlayScope, null, children)))));
+                React.createElement(OverlayScope, null, children)),
+            morph ? React.createElement(OutlineMorphFrame, { ref: morph.frameRef }) : null)));
 }
 //# sourceMappingURL=popup.js.map

package/overlays/menu/popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.js","sourceRoot":"","sources":["../../src/overlays/menu/popup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EACL,yBAAyB,EACzB,YAAY,EACZ,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,GACd,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AACjF,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC;;;;GAIG;AAEH,0EAA0E;AAC1E,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;IACnC,QAAQ,EAAE;QACR,wFAAwF;QACxF,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,sBAAsB;KAClC;CACF,CAAC,CAAA;AA+BF;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAC5B,KAAoF;IAEpF,MAAM,EACJ,OAAO,EACP,SAAS,EACT,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,gBAAgB,GAAG,yBAAyB,EAC5C,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;IAEhD,OAAO,CACL,oBAAC,QAAQ,CAAC,MAAM,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW;QAC7D,oBAAC,QAAQ,CAAC,UAAU,IAClB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,KAAK,EAChC,UAAU,EAAE,UAAU,IAAI,SAAS,EAAE,UAAU,EAC/C,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB;YAElC,oBAAC,QAAQ,CAAC,KAAK,OACT,IAAI,KACJ,iBAAiB,EACrB,SAAS,EAAE,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAC/C,IAAI,CAAC;oBACH,OAAO,EAAE,MAAM,CAAC,OAAO;oBACvB,SAAS,EAAE,MAAM,CAAC,SAAS;oBAC3B,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,KAAK,CAAC;iBAC7C,CAAC,CACH;gBAED,oBAAC,YAAY,QAAE,QAAQ,CAAgB,CACxB,CACG,CACN,CACnB,CAAA;AACH,CAAC"}
+{"version":3,"file":"popup.js","sourceRoot":"","sources":["../../src/overlays/menu/popup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EACL,yBAAyB,EACzB,YAAY,EACZ,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,GACd,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC;;;;GAIG;AAEH,0EAA0E;AAC1E,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;IACnC,QAAQ,EAAE;QACR,wFAAwF;QACxF,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,sBAAsB;KAClC;CACF,CAAC,CAAA;AA+BF;;;;;;GAMG;AACH,MAAM,UAAU,cAAc,CAC5B,KAAoF;IAEpF,MAAM,EACJ,OAAO,EACP,SAAS,EACT,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,gBAAgB,GAAG,yBAAyB,EAC5C,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;IAChD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAChD,MAAM,QAAQ,GAAG,YAAY,CAAiB,GAAG,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IAEpE,OAAO,CACL,oBAAC,QAAQ,CAAC,MAAM,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW;QAC7D,oBAAC,QAAQ,CAAC,UAAU,IAClB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,KAAK,EAChC,UAAU,EAAE,UAAU,IAAI,SAAS,EAAE,UAAU,EAC/C,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB;YAElC,oBAAC,QAAQ,CAAC,KAAK,OACT,IAAI,EACR,GAAG,EAAE,QAAQ,KACT,iBAAiB,EACrB,SAAS,EAAE,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAC/C,IAAI,CAAC;oBACH,OAAO,EAAE,MAAM,CAAC,OAAO;oBACvB,SAAS,EAAE,MAAM,CAAC,SAAS;oBAC3B,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,KAAK,CAAC;iBAC7C,CAAC,CACH;gBAED,oBAAC,YAAY,QAAE,QAAQ,CAAgB,CACxB;YAChB,KAAK,CAAC,CAAC,CAAC,oBAAC,iBAAiB,IAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,CACtC,CACN,CACnB,CAAA;AACH,CAAC"}

package/overlays/menubar/Menubar.d.ts

@@ -21,9 +21,16 @@ export type MenubarProps = BaseMenubar.Props & {
     collapsedLabel?: string;
     /** Props for the collapsed menu's popup. */
     collapsedPopupProps?: MenuPopupProps;
+    /**
+     * The outline morph for every menu of the bar: a press grows the
+     * trigger's ring (or box) into the popup's frame, and Escape, a choice
+     * or an outside press shrinks it back; moving between menus stays
+     * instant. Default `true`; `false` opens and closes them at once.
+     */
+    morph?: boolean;
 };
 /**
- * The bar (Base UI Menubar): --ds-size-hit tall with a --border-size-1
+ * The bar (Base UI Menubar): --fgd-size-hit tall with a --border-size-1
  * --role-rule under it, holding `MenubarMenu`s. Below --lg-n-above it
  * collapses into one `collapsedLabel` trigger whose popup lists each menu
  * as a labelled group.
@@ -42,6 +49,8 @@ export type MenubarMenuProps = Omit<BaseMenu.Root.Props, 'children'> & {
     popupProps?: MenuPopupProps;
     /** The menu's items: MenuItem, MenuCheckboxItem, MenuRadioGroup, MenuSubmenu … */
     children?: React.ReactNode;
+    /** The outline morph for this menu. Default: the Menubar's `morph`. */
+    morph?: boolean;
 };
 /**
  * One menu of the bar: a `type-button-sm` trigger and a Menu popup of its

package/overlays/menubar/Menubar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menubar.d.ts","sourceRoot":"","sources":["../../src/overlays/menubar/Menubar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAwC,KAAK,cAAc,EAAE,MAAM,SAAS,CAAA;AAgCnF,eAAO,MAAM,OAAO;;;8EAMlB,CAAA;AAEF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAA;AAQnD,4FAA4F;AAC5F,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,GAAG;IAC7C,kGAAkG;IAClG,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IACpC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,cAAc,CAAA;CACrC,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAmC1C;AAED,mGAAmG;AACnG,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG;IACrE;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,kFAAkF;IAClF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAqBlD"}
+{"version":3,"file":"Menubar.d.ts","sourceRoot":"","sources":["../../src/overlays/menubar/Menubar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAA8C,KAAK,cAAc,EAAE,MAAM,SAAS,CAAA;AAsCzF,eAAO,MAAM,OAAO;;;8EAMlB,CAAA;AAEF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAA;AAWnD,4FAA4F;AAC5F,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,GAAG;IAC7C,kGAAkG;IAClG,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IACpC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,cAAc,CAAA;IACpC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAwC1C;AAED,mGAAmG;AACnG,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG;IACrE;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,kFAAkF;IAClF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,uEAAuE;IACvE,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAsBlD"}

package/overlays/menubar/Menubar.js

@@ -1,9 +1,9 @@
 'use client';
 import * as React from 'react';
-import { Menu as BaseMenu } from '@base-ui/react/menu';
 import { Menubar as BaseMenubar } from '@base-ui/react/menubar';
 import { cva } from 'class-variance-authority';
-import { MenuGroup, MenuGroupLabel, MenuPopup } from '../menu';
+import { Menu, MenuGroup, MenuGroupLabel, MenuPopup } from '../menu';
+import { MenuMorphTrigger, MenubarMorphContext } from '../menu/morph';
 import { resolveClassName } from '../../utils/className';
 import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
 import { useScopeAttributes } from '../../utils/scope';
@@ -23,7 +23,7 @@ import styles from './menubar.module.css';
  * - Color fallback: inherits the scope; the popups take the `white`
  *   preset's defaults like every Menu popup.
  * - States: data-orientation → the bar's direction and rule edge;
- *   trigger data-popup-open → the --ds-stroke-3 bar in --primary12;
+ *   trigger data-popup-open → the --border-size-2-25 bar in --primary12;
  *   trigger :hover (not disabled) → the §9.2 `text` Button hover: label
  *   --role-link-hover, underlined only where that is --primary12 [D181];
  *   :focus-visible → the ring; data-disabled → --role-muted.
@@ -33,6 +33,11 @@ import styles from './menubar.module.css';
  * - Container: none; below --lg-n-above (the viewport tier of the page
  *   frame) the bar collapses into one "Menu" trigger whose popup lists the
  *   former menus as labelled groups.
+ * - Outline morph [D204]: on by default (`morph={false}` on the bar or a
+ *   menu opts out). A press opens a menu with the trigger's ring (or box)
+ *   growing into its popup, and Escape, a choice or an outside press
+ *   closes it back; moving between menus (hover, arrow keys) stays
+ *   instant, as Base UI switches them.
  */
 export const menubar = cva(styles.base, {
     variants: {
@@ -45,21 +50,25 @@ export const menubar = cva(styles.base, {
 const WIDE_QUERY = '(min-width: 1024px)';
 /** Inside the collapsed "Menu", each MenubarMenu renders as a labelled group. */
 const CollapsedContext = React.createContext(false);
+/** The bar's `morph`, the default for each of its menus. */
+const MorphContext = React.createContext(true);
 /**
- * The bar (Base UI Menubar): --ds-size-hit tall with a --border-size-1
+ * The bar (Base UI Menubar): --fgd-size-hit tall with a --border-size-1
  * --role-rule under it, holding `MenubarMenu`s. Below --lg-n-above it
  * collapses into one `collapsedLabel` trigger whose popup lists each menu
  * as a labelled group.
  */
 export function Menubar(props) {
-    const { primary, secondary, collapsedLabel = 'Menu', collapsedPopupProps, className, children, ...rest } = props;
+    const { primary, secondary, collapsedLabel = 'Menu', collapsedPopupProps, morph = true, className, children, ...rest } = props;
     const scope = useScopeAttributes();
     // True from --lg-n-above; false on the server and below it (mobile first).
     const wide = useMediaQuery(WIDE_QUERY);
-    return (React.createElement(BaseMenubar, { ...rest, ...scope, className: resolveClassName(className, (extra) => menubar({ primary, secondary, className: extra })) }, wide ? (children) : (React.createElement(BaseMenu.Root, null,
-        React.createElement(BaseMenu.Trigger, { className: styles.trigger }, collapsedLabel),
-        React.createElement(MenuPopup, { ...collapsedPopupProps },
-            React.createElement(CollapsedContext.Provider, { value: true }, children))))));
+    return (React.createElement(BaseMenubar, { ...rest, ...scope, className: resolveClassName(className, (extra) => menubar({ primary, secondary, className: extra })) },
+        React.createElement(MenubarMorphContext.Provider, { value: true },
+            React.createElement(MorphContext.Provider, { value: morph }, wide ? (children) : (React.createElement(Menu, { morph: morph },
+                React.createElement(MenuMorphTrigger, { className: styles.trigger }, collapsedLabel),
+                React.createElement(MenuPopup, { ...collapsedPopupProps },
+                    React.createElement(CollapsedContext.Provider, { value: true }, children))))))));
 }
 /**
  * One menu of the bar: a `type-button-sm` trigger and a Menu popup of its
@@ -67,15 +76,16 @@ export function Menubar(props) {
  * MenuGroupLabel of the same label.
  */
 export function MenubarMenu(props) {
-    const { label, disabled, popupProps, children, ...rest } = props;
+    const { label, disabled, popupProps, children, morph, ...rest } = props;
     const collapsed = React.useContext(CollapsedContext);
+    const barMorph = React.useContext(MorphContext);
     if (collapsed) {
         return (React.createElement(MenuGroup, null,
             React.createElement(MenuGroupLabel, null, label),
             children));
     }
-    return (React.createElement(BaseMenu.Root, { ...rest },
-        React.createElement(BaseMenu.Trigger, { className: styles.trigger, disabled: disabled }, label),
+    return (React.createElement(Menu, { ...rest, morph: morph ?? barMorph },
+        React.createElement(MenuMorphTrigger, { className: styles.trigger, disabled: disabled }, label),
         React.createElement(MenuPopup, { ...popupProps }, children)));
 }
 //# sourceMappingURL=Menubar.js.map

package/overlays/menubar/Menubar.js.map

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