Bring back story names

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

packages/canon/src/components/Box/Box.stories.tsx

@@ -21,7 +21,7 @@ import { Stack } from '../Stack';
 import { Inline } from '../Inline';
 
 const meta = {
-  title: 'Box',
+  title: 'Components/Box',
   component: Box,
   parameters: {
     layout: 'centered',

packages/canon/src/components/Button/Button.stories.tsx

@@ -23,7 +23,7 @@ import { Text } from '../Text';
 import { ButtonProps } from './types';
 
 const meta = {
-  title: 'Button',
+  title: 'Components/Button',
   component: Button,
   argTypes: {
     size: {

packages/canon/src/components/Checkbox/Checkbox.stories.tsx

@@ -22,7 +22,7 @@ import { Stack } from '../Stack';
 import { Text } from '../Text';
 
 const meta = {
-  title: 'Checkbox',
+  title: 'Components/Checkbox',
   component: Checkbox,
   parameters: {
     layout: 'centered',

packages/canon/src/components/Container/Container.stories.tsx

@@ -20,7 +20,7 @@ import { Box } from '../Box/Box';
 import { Container } from './Container';
 
 const meta = {
-  title: 'Container',
+  title: 'Components/Container',
   component: Container,
   argTypes: {
     children: {

packages/canon/src/components/Grid/Grid.stories.tsx

@@ -22,7 +22,7 @@ import { Box } from '../Box/Box';
 import { Stack } from '../Stack';
 
 const meta = {
-  title: 'Grid',
+  title: 'Components/Grid',
   component: Grid,
   argTypes: {
     children: {

packages/canon/src/components/Heading/Heading.stories.tsx

@@ -20,7 +20,7 @@ import { Heading } from './Heading';
 import { Stack } from '../Stack';
 import { Text } from '../Text';
 const meta = {
-  title: 'Heading',
+  title: 'Components/Heading',
   component: Heading,
   args: {
     children: 'Heading',

packages/canon/src/components/Icon/Icon.stories.tsx

@@ -21,7 +21,7 @@ import { CanonProvider } from '../../contexts/canon';
 import { icons } from './icons';
 
 const meta = {
-  title: 'Icon',
+  title: 'Components/Icon',
   component: Icon,
   parameters: {
     layout: 'centered',

packages/canon/src/components/Inline/Inline.stories.tsx

@@ -20,7 +20,7 @@ import { Inline } from './Inline';
 import { Box } from '../Box/Box';
 
 const meta = {
-  title: 'Inline',
+  title: 'Components/Inline',
   component: Inline,
   argTypes: {
     align: {

packages/canon/src/components/Stack/Stack.stories.tsx

@@ -19,7 +19,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Stack } from './Stack';
 
 const meta = {
-  title: 'Stack',
+  title: 'Components/Stack',
   component: Stack,
   argTypes: {
     align: {

packages/canon/src/components/Text/Text.stories.tsx

@@ -20,7 +20,7 @@ import { Text } from './Text';
 import { Stack } from '../Stack';
 
 const meta = {
-  title: 'Text',
+  title: 'Components/Text',
   component: Text,
   args: {
     children: 'Text',