add shared-components to storybook

.storybook/main.ts

@@ -1,9 +1,6 @@
 import { StorybookConfig } from '@storybook/react-vite';
 const config: StorybookConfig = {
-  stories: [
-    '../libs/design/**/*.stories.tsx',
-    '../libs/pages/**/*.stories.tsx',
-  ],
+  stories: ['../libs/**/*.stories.tsx'],
   addons: [
     '@storybook/addon-essentials',
     'storybook-addon-apollo-client',

libs/design/DashboardCard/CollapsibleDashboardCard.stories.tsx

@@ -4,7 +4,7 @@ import { DashboardTitle } from '../DashboardTitle';
 import { CollapsibleDashboardCard } from './CollapsibleDashboardCard';
 
 export default {
-  title: 'CollapsibleDashboardCard',
+  title: 'design/CollapsibleDashboardCard',
   component: CollapsibleDashboardCard,
 } as Meta<typeof CollapsibleDashboardCard>;
 

libs/design/DashboardCard/DashboardCard.stories.tsx

@@ -5,7 +5,6 @@ import { DashboardTitle } from '../DashboardTitle';
 import { DashboardCard } from './DashboardCard';
 
 export default {
-  title: 'DashboardCard',
   component: DashboardCard,
 } as Meta<typeof DashboardCard>;
 

libs/design/NavLink/NavLink.stories.tsx

@@ -7,7 +7,6 @@ import { NavLink } from './NavLink';
 
 export default {
   component: NavLink,
-  title: 'NavLink',
   render(args) {
     return (
       <Stack sx={{ width: 300 }}>

libs/design/NavLink/NavLinks.stories.tsx

@@ -7,7 +7,7 @@ import { NavLinks } from './NavLinks';
 
 export default {
   component: NavLinks,
-  title: 'NavLinks',
+  title: 'design/NavLinks',
   render: args => (
     <Stack sx={{ width: 300 }}>
       <NavLinks {...args} />

libs/pages/Households/HouseholdDetail/HouseholdDetail.tsx

@@ -25,14 +25,13 @@ import {
 import { ArrowUpIcon, CheckIcon, EditIcon, TrashIcon } from '@camp/icons';
 import { errorMessages, messages } from '@camp/messages';
 import { AppRoute, useNavigate, useParams } from '@camp/router';
+import { InformationBadge, SeverityBadge } from '@camp/shared-components';
 import { tid } from '@camp/test';
 import { isNull } from '@fullstacksjs/toolbox';
 import { Button, Flex, Title } from '@mantine/core';
 import { useBoolean } from 'ahooks';
 import { useForm } from 'react-hook-form';
 
-import { InformationBadge } from '../../+components/InformationBadge';
-import { SeverityBadge } from '../../+components/SeverityBadge';
 import { openDeleteHouseholdModal } from '../DeleteHouseholdModal';
 import { householdDetailIds as ids } from './HouseholdDetail.ids';
 import { HouseholderDetail } from './HouseholderDetail';

libs/pages/Households/HouseholdDetail/MemberForm/MemberFormHeader.tsx

@@ -1,8 +1,7 @@
 import { messages } from '@camp/messages';
+import { InformationBadge } from '@camp/shared-components';
 import { Group, Title } from '@mantine/core';
 
-import { InformationBadge } from '../../../+components/InformationBadge';
-
 const t = messages.member;
 
 interface Props {

libs/pages/Households/HouseholdList/HouseholdList.tsx

@@ -4,15 +4,14 @@ import { DashboardCard, DashboardTitle, showNotification } from '@camp/design';
 import { householdColumnHelper } from '@camp/domain';
 import { errorMessages, messages } from '@camp/messages';
 import { AppRoute } from '@camp/router';
+import { InformationBadge, SeverityBadge } from '@camp/shared-components';
 import { tid } from '@camp/test';
 import { isEmpty } from '@fullstacksjs/toolbox';
 import { Group } from '@mantine/core';
 import type { PaginationState, SortingState } from '@tanstack/react-table';
 import { getCoreRowModel, useReactTable } from '@tanstack/react-table';
 import { useState } from 'react';
 
-import { InformationBadge } from '../../+components/InformationBadge';
-import { SeverityBadge } from '../../+components/SeverityBadge';
 import { CreateHouseholdButton } from '../CreateHousehold';
 import { HouseholdActionButton } from '../HouseholdActionButton';
 import { HouseholdEmptyState } from '../HouseholdEmptyState';

libs/shared-components/index.ts

@@ -0,0 +1,2 @@
+export * from './InformationBadge';
+export * from './SeverityBadge';

tsconfig.json

@@ -22,6 +22,7 @@
       "@camp/messages": ["./app/messages.ts"],
       "@camp/pages/*": ["./libs/pages/*"],
       "@camp/router": ["./libs/router/index.ts"],
+      "@camp/shared-components": ["./libs/shared-components/index.ts"],
       "@camp/test": ["./libs/test/index.ts"],
       "@camp/zod-addons": ["./libs/zod-addons/index.ts"],
       "@camp/zod-addons/monkey-patch": ["./libs/zod-addons/monkeyPatchZod.ts"]