reorganize stories

Author: kylemh

src/components/Cards/Card/__stories__/Card.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/nextjs';
 import Card from '../Card';
 
 const meta: Meta<typeof Card> = {
-  title: 'ArticleCard',
+  title: 'Cards/ArticleCard',
   component: Card,
 };
 export default meta;

src/components/Cards/FlatCard/__stories__/FlatCard.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/nextjs';
 import FlatCard from '../FlatCard';
 
 const meta: Meta<typeof FlatCard> = {
-  title: 'FlatCard',
+  title: 'Cards/FlatCard',
   component: FlatCard,
 };
 export default meta;

src/components/Form/Checkbox/__stories__/Checkbox.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/nextjs';
 import Checkbox from '../Checkbox';
 
 const meta: Meta<typeof Checkbox> = {
-  title: 'Checkbox',
+  title: 'Forms/Checkbox',
   component: Checkbox,
 };
 export default meta;

src/components/Form/Input/__stories__/Input.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/nextjs';
 import Input from '../Input';
 
 const meta: Meta<typeof Input> = {
-  title: 'Input',
+  title: 'Forms/Input',
   component: Input,
 };
 export default meta;

src/components/Form/Label/__stories__/Label.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/nextjs';
 import Label from '../Label';
 
 const meta: Meta<typeof Label> = {
-  title: 'FormLabel',
+  title: 'Forms/FormLabel',
   component: Label,
   args: { children: 'Field Label' },
 };

src/components/ui/__stories__/Button.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/nextjs';
 import { Button } from '../button';
 
 const meta: Meta<typeof Button> = {
-  title: 'Button',
+  title: 'Buttons/Button',
   component: Button,
   args: { children: 'Button' },
 };

src/components/ui/__stories__/Card.stories.tsx

@@ -3,7 +3,7 @@ import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter }
 import { Button } from '../button';
 
 const meta: Meta<typeof Card> = {
-  title: 'Card',
+  title: 'Cards/Card',
   component: Card,
 };
 export default meta;

src/components/ui/__stories__/DropdownMenu.stories.tsx

@@ -3,6 +3,7 @@ import {
   DropdownMenu,
   DropdownMenuTrigger,
   DropdownMenuContent,
+  DropdownMenuGroup,
   DropdownMenuItem,
   DropdownMenuLabel,
   DropdownMenuSeparator,
@@ -21,12 +22,14 @@ export const Default: Story = {
     <DropdownMenu>
       <DropdownMenuTrigger render={<Button variant="outline" />}>Open</DropdownMenuTrigger>
       <DropdownMenuContent>
-        <DropdownMenuLabel>My Account</DropdownMenuLabel>
-        <DropdownMenuSeparator />
-        <DropdownMenuItem>Profile</DropdownMenuItem>
-        <DropdownMenuItem>Settings</DropdownMenuItem>
-        <DropdownMenuSeparator />
-        <DropdownMenuItem variant="destructive">Log out</DropdownMenuItem>
+        <DropdownMenuGroup>
+          <DropdownMenuLabel>My Account</DropdownMenuLabel>
+          <DropdownMenuSeparator />
+          <DropdownMenuItem>Profile</DropdownMenuItem>
+          <DropdownMenuItem>Settings</DropdownMenuItem>
+          <DropdownMenuSeparator />
+          <DropdownMenuItem variant="destructive">Log out</DropdownMenuItem>
+        </DropdownMenuGroup>
       </DropdownMenuContent>
     </DropdownMenu>
   ),

src/components/ui/__stories__/Field.stories.tsx

@@ -10,7 +10,7 @@ import {
 } from '../field';
 
 const meta: Meta<typeof Field> = {
-  title: 'Field',
+  title: 'Forms/Field',
   component: Field,
 };
 export default meta;

src/components/ui/__stories__/InlineLoadingSpinner.stories.tsx

@@ -4,6 +4,13 @@ import { InlineLoadingSpinner } from '../../InlineLoadingSpinner';
 const meta: Meta<typeof InlineLoadingSpinner> = {
   title: 'InlineLoadingSpinner',
   component: InlineLoadingSpinner,
+  decorators: [
+    (Story) => (
+      <div className="flex items-center justify-center rounded-md bg-gray-800 p-8">
+        <Story />
+      </div>
+    ),
+  ],
 };
 export default meta;
 type Story = StoryObj<typeof InlineLoadingSpinner>;