chore: relocate stories folder into lib

lib/stories/borders.stories.tsx

@@ -3,23 +3,15 @@ import React from 'react';
 
 import { Box } from '../components/Box';
 import { Heading } from '../components/Heading';
-import { stack, type RecipeStackProps } from '../styles/stack.css';
 import { tokens } from '../themes/base/tokens';
 import { BorderWidthScale } from '../themes/tokens';
 
+import { Stack } from './helpers';
 import { labels, swatch, titles } from './styles.css';
 
 const widthItems = Object.keys(tokens.border.width);
 const radiusItems = Object.keys(tokens.border.radius);
 
-// TODO: find a home for new recipe components
-const Stack = ({
-	children,
-	...props
-}: RecipeStackProps & { children: React.ReactNode }) => (
-	<div className={stack(props)}>{children}</div>
-);
-
 const Widths = () => {
 	return (
 		<Stack>

lib/stories/helpers/index.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+
+import { stack, type RecipeStackProps } from '../../styles/stack.css';
+
+export const Stack = ({
+	children,
+	...props
+}: RecipeStackProps & { children: React.ReactNode }) => (
+	<div className={stack(props)}>{children}</div>
+);

lib/stories/palette.stories.tsx

@@ -4,20 +4,12 @@ import React from 'react';
 
 import { Heading } from '../components/Heading';
 import { sprinkles } from '../styles/sprinkles.css';
-import { stack, type RecipeStackProps } from '../styles/stack.css';
 import { baseThemeColours } from '../themes/base/tokens';
 import type { ColourGamut, ColourValue } from '../themes/tokens';
 
+import { Stack } from './helpers';
 import { labels, hexPill, swatch } from './styles.css';
 
-// TODO: find a home for new recipe components
-const Stack = ({
-	children,
-	...props
-}: RecipeStackProps & { children: React.ReactNode }) => (
-	<div className={stack(props)}>{children}</div>
-);
-
 interface SwatchProps {
 	colour: ColourGamut;
 	hex?: string;

lib/stories/theme.stories.tsx

@@ -2,19 +2,11 @@ import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
 
 import { Heading } from '../components/Heading';
-import { stack, type RecipeStackProps } from '../styles/stack.css';
 import { themeContractVars } from '../themes/theme.css';
 
+import { Stack } from './helpers';
 import { labels, swatch } from './styles.css';
 
-// TODO: find a home for new recipe components
-const Stack = ({
-	children,
-	...props
-}: RecipeStackProps & { children: React.ReactNode }) => (
-	<div className={stack(props)}>{children}</div>
-);
-
 const ThemeSwatch = ({ label, cssVar }) => (
 	<div
 		key={label}

lib/stories/welcome.mdx

@@ -1,6 +1,6 @@
 import { Markdown, Meta } from '@storybook/blocks';
 
-import Readme from '../readme.md?raw';
+import Readme from '../../readme.md?raw';
 
 <Meta title="Overdrive" />
 

package.json

@@ -31,7 +31,7 @@
 		"access": "public"
 	},
 	"scripts": {
-		"build": "babel lib --out-dir dist --extensions '.ts,.tsx,.css' --ignore 'lib/**/*.stories.tsx'",
+		"build": "babel lib --out-dir dist --extensions '.ts,.tsx,.css' --ignore 'lib/**/*.stories.tsx,lib/stories'",
 		"chromatic": "chromatic test --exit-zero-on-changes --build-script-name storybook:build",
 		"copy:public": "node scripts/copyPublic.js",
 		"check-deps": "npx npm-check-updates@latest --interactive --format group",