chore: restructure project into yarn workspaces, remove next

packages/design-system/atoms/popover/Popover.stories.tsx

@@ -0,0 +1,34 @@
+import { Button } from '@roleypoly/design-system/atoms/button';
+import * as React from 'react';
+import { Popover as PopoverComponent } from './Popover';
+
+export default {
+    title: 'Atoms/Popover',
+    argTypes: {
+        canDefocus: { control: 'boolean' },
+    },
+    args: {
+        canDefocus: true,
+    },
+};
+
+export const Popover = ({ canDefocus }) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+
+    return (
+        <div style={{ padding: 50 }}>
+            <Button size="small" onClick={() => setIsOpen(!isOpen)}>
+                {!isOpen ? 'Open' : 'Close'} me!
+            </Button>
+            <PopoverComponent
+                position="top right"
+                active={isOpen}
+                onExit={() => setIsOpen(false)}
+                canDefocus={canDefocus}
+                headContent={<>Hello c:</>}
+            >
+                stuff
+            </PopoverComponent>
+        </div>
+    );
+};