wip

Author: thomasdavis

README.md

@@ -135,4 +135,7 @@ Access: [http://localhost:3000/thomasdavis/interview](http://localhost:3000/thom
 
 Brand colors: [Color Hexa](https://www.colorhexa.com/fff18f)
 
-Feel free to join our community on [Discord](https://discord.gg/GTZtn8pTXC) for discussions, support, and collaboration.
+Feel free to join our community on [Discord](https://discord.gg/GTZtn8pTXC) for discussions, support, and collaboration.
+
+### Turbo Gotchas
+- If you don't import components from `@repo/ui`, it will not work in the build step

apps/registry/app/components/CreateResume.js

@@ -2,9 +2,7 @@
 
 import { useState } from 'react';
 import { useResume } from '../providers/ResumeProvider';
-import { Button } from '@repo/ui/components/ui/button';
-import { Card, CardContent } from '@repo/ui/components/ui/card';
-import { Badge } from '@repo/ui/components/ui/badge';
+import { Button, Card, CardContent, Badge } from '@repo/ui';
 import { FileJson, ArrowRight, Github } from 'lucide-react';
 import Link from 'next/link';
 

apps/registry/app/components/Editor.js

@@ -4,8 +4,7 @@ import { useResume } from '../providers/ResumeProvider';
 import ResumeEditor from './ResumeEditor';
 import CreateResume from './CreateResume';
 import { FileJson } from 'lucide-react';
-import { Badge } from '@repo/ui/components/ui/badge';
-import { Card, CardContent } from '@repo/ui/components/ui/card';
+import { Badge, Card, CardContent } from '@repo/ui';
 
 const sampleResume = {
   basics: {

apps/registry/app/components/Menu.js

@@ -17,9 +17,8 @@ import {
   LayoutDashboard,
   Edit,
 } from 'lucide-react';
-import { Button } from '@repo/ui/components/ui/button';
 import { useRouter, usePathname } from 'next/navigation';
-import { Card, CardContent } from '@repo/ui/components/ui/card';
+import { Button, Card, CardContent } from '@repo/ui';
 
 export default function Menu() {
   const [user, setUser] = useState(null);

apps/registry/app/components/ResumeEditor.js

@@ -3,7 +3,7 @@
 import Editor, { useMonaco } from '@monaco-editor/react';
 import { useRef, useEffect, useState } from 'react';
 import { render } from '../../../../packages/jsonresume-theme-professional';
-import { Button } from '@repo/ui/components/ui/button';
+import { Button } from '@repo/ui';
 import Link from 'next/link';
 import schema from './schema';
 import { ExternalLink, Save } from 'lucide-react';

apps/registry/app/explore/ClientResumes.js

@@ -10,9 +10,7 @@ import {
   ExternalLink,
   LayoutDashboard,
 } from 'lucide-react';
-import { Card, CardContent, CardFooter } from '@repo/ui/components/ui/card';
-import { Button } from '@repo/ui/components/ui/button';
-import { Input } from '@repo/ui/components/ui/input';
+import { Card, CardContent, CardFooter, Button, Input } from '@repo/ui';
 
 export default function ClientResumes({
   initialResumes,

apps/registry/app/login/page.tsx

@@ -2,10 +2,9 @@
 
 import { useState } from 'react';
 import { supabase } from '../lib/supabase';
-import { Button } from '@repo/ui/components/ui/button';
-import { Card, CardContent } from '@repo/ui/components/ui/card';
+import { Badge, Button, Card, CardContent } from '@repo/ui';
 import { Github, FileJson, ArrowRight } from 'lucide-react';
-import { Badge } from '@repo/ui/components/ui/badge';
+
 import Link from 'next/link';
 
 export default function LoginPage() {

apps/registry/app/privacy/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Card, CardContent } from '@repo/ui/components/ui/card';
+import { Card, CardContent } from '@repo/ui';
 import Link from 'next/link';
 
 export default function PrivacyPage() {

apps/registry/app/signup/page.tsx

@@ -4,10 +4,7 @@ import { useState } from 'react';
 import { useRouter } from 'next/navigation';
 import Link from 'next/link';
 import { supabase } from '../lib/supabase';
-import { Button } from '@repo/ui/components/ui/button';
-import { Input } from '@repo/ui/components/ui/input';
-import { Card } from '@repo/ui/components/ui/card';
-import { Separator } from '@repo/ui/components/ui/separator';
+import { Button, Input, Card, Separator } from '@repo/ui';
 import { Github } from 'lucide-react';
 import { faker } from '@faker-js/faker';
 

apps/registry/app/terms/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Card, CardContent } from '@repo/ui/components/ui/card';
+import { Card, CardContent } from '@repo/ui';
 import Link from 'next/link';
 
 export default function TermsPage() {