[Storybook] implement uuid generation for stories

[seedy]

Description

Some stories require one or more unique ids to bind inner components together.

For example:

• Label stories require to bind htmlFor from a Label on an input id prop
• TextField stories require a unique id prop
• Input stories require to bind htmlFor from a Label on Input id prop

Radix-UI already implemented an IdProvider for its primitives, but it seems not to expose its api.

Requirements

We need to be able duplicate a story (with .bind({})) without duplicating these unique ids.

As we may need multiple unique ids inside of a single story, it would be helpful to be able to configure how many ids we want, and receive them as an array.

Ex:

const [id1, id2, id3, id4] = makeUniqueIds(4);

Dependencies

uuid and uuid-browser are already dependencies of @storybook/addon-actions. We could reuse the library if we have no better option.

[seedy]

Could be a simple solution: reactwg/react-18#111