chore(storybook): adjust server and client components

Design-System-Pro · Nov 6, 2024 · 4610808 · 4610808
1 parent 80e0340
commit 4610808
Show file tree

Hide file tree

Showing 41 changed files with 378 additions and 458 deletions.
diff --git a/apps/engine/package.json b/apps/engine/package.json
@@ -31,8 +31,8 @@
     "@octokit/auth-oauth-app": "^8.1.1",
     "@octokit/core": "^6.1.2",
     "@sentry/nextjs": "^8.36.0",
-    "@supabase/ssr": "^0.5.1",
-    "@supabase/supabase-js": "^2.46.1",
+    "@supabase/ssr": "catalog:",
+    "@supabase/supabase-js": "catalog:",
     "@t3-oss/env-core": "^0.11.1",
     "@t3-oss/env-nextjs": "^0.11.1",
     "@tanstack/react-query": "^5.59.19",
@@ -44,14 +44,14 @@
     "clsx": "^2.1.1",
     "date-fns": "^3.6.0",
     "design-tokens-format-module": "catalog:",
-    "drizzle-orm": "^0.32.2",
+    "drizzle-orm": "catalog:",
     "drizzle-zod": "^0.5.1",
     "framer-motion": "^11.3.21",
     "human-id": "^4.1.1",
     "memoize": "^10.0.0",
     "next": "catalog:",
     "next-safe-action": "^7.9.9",
-    "postgres": "^3.4.5",
+    "postgres": "catalog:",
     "posthog-js": "^1.181.0",
     "rambda": "^9.4.0",
     "react": "catalog:",

diff --git a/...gine/src/app/app/@connections/destinations/github/_actions/disable-integration.action.tsx b/...gine/src/app/app/@connections/destinations/github/_actions/disable-integration.action.tsx
@@ -1,7 +1,6 @@
 'use server';
 
 import { and, eq } from 'drizzle-orm';
-
 import { Integrations, integrationType } from '@ds-project/database/schema';
 import { authorizedAction } from '@/lib/safe-action';
 import { z } from 'zod';

diff --git a/apps/storybook/src/stories/accordion/accordion.stories.tsx b/apps/storybook/src/stories/accordion/accordion.stories.tsx
@@ -3,7 +3,7 @@ import {
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-} from '@ds-project/components';
+} from '@ds-project/components/client';
 import type { Meta } from '@storybook/react';
 
 export default {

diff --git a/apps/storybook/src/stories/alert-dialog/alert-dialog.stories.tsx b/apps/storybook/src/stories/alert-dialog/alert-dialog.stories.tsx
@@ -8,8 +8,8 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
   AlertDialogTrigger,
-  Button,
-} from '@ds-project/components';
+} from '@ds-project/components/client';
+import { Button } from '@ds-project/components/server';
 import type { Meta } from '@storybook/react';
 
 export default {

diff --git a/apps/storybook/src/stories/alert/alert.stories.tsx b/apps/storybook/src/stories/alert/alert.stories.tsx
@@ -3,15 +3,15 @@ import {
   AlertDescription,
   AlertTitle,
   LucideIcons,
-} from '@ds-project/components';
-import { Meta } from '@storybook/react';
+} from '@ds-project/components/server';
+import type { Meta } from '@storybook/react';
 
 export default {
   title: 'Components/Alert',
   component: Alert,
   render: () => (
     <Alert>
-      <LucideIcons.Terminal className="h-4 w-4" />
+      <LucideIcons.Terminal className="size-4" />
       <AlertTitle>Heads up!</AlertTitle>
       <AlertDescription>
         You can add components to your app using the cli.

diff --git a/apps/storybook/src/stories/aspect-ratio/aspect-ratio.stories.tsx b/apps/storybook/src/stories/aspect-ratio/aspect-ratio.stories.tsx
@@ -1,5 +1,5 @@
-import { AspectRatio } from '@ds-project/components';
-import { Meta } from '@storybook/react';
+import { AspectRatio } from '@ds-project/components/client';
+import type { Meta } from '@storybook/react';
 
 export default {
   title: 'Components/Aspect Ratio',
@@ -9,7 +9,7 @@ export default {
       <img
         src="https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80"
         alt="Photo by Drew Beamer"
-        className="h-full w-full rounded-md object-cover"
+        className="size-full rounded-md object-cover"
       />
     </AspectRatio>
   ),

diff --git a/apps/storybook/src/stories/avatar/avatar.stories.tsx b/apps/storybook/src/stories/avatar/avatar.stories.tsx
@@ -2,9 +2,8 @@ import {
   Avatar,
   AvatarFallback,
   AvatarImage,
-  Button,
-} from '@ds-project/components';
-import { Meta } from '@storybook/react';
+} from '@ds-project/components/client';
+import type { Meta } from '@storybook/react';
 
 export default {
   title: 'Components/Avatar',

diff --git a/apps/storybook/src/stories/badge/badge.stories.tsx b/apps/storybook/src/stories/badge/badge.stories.tsx
@@ -1,5 +1,5 @@
-import { Badge, Button } from '@ds-project/components';
-import { Meta } from '@storybook/react';
+import { Badge } from '@ds-project/components/server';
+import type { Meta } from '@storybook/react';
 
 export default {
   title: 'Components/Badge',

diff --git a/apps/storybook/src/stories/breadcrumb/breadcrump.stories.tsx b/apps/storybook/src/stories/breadcrumb/breadcrump.stories.tsx
@@ -1,19 +1,19 @@
 import {
-  Badge,
   Breadcrumb,
   BreadcrumbEllipsis,
   BreadcrumbItem,
   BreadcrumbLink,
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator,
-  Button,
+} from '@ds-project/components/server';
+import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '@ds-project/components';
-import { Meta } from '@storybook/react';
+} from '@ds-project/components/client';
+import type { Meta } from '@storybook/react';
 
 export default {
   title: 'Components/Breadcrumb',
@@ -28,7 +28,7 @@ export default {
         <BreadcrumbItem>
           <DropdownMenu>
             <DropdownMenuTrigger className="flex items-center gap-1">
-              <BreadcrumbEllipsis className="h-4 w-4" />
+              <BreadcrumbEllipsis className="size-4" />
               <span className="sr-only">Toggle menu</span>
             </DropdownMenuTrigger>
             <DropdownMenuContent align="start">

diff --git a/apps/storybook/src/stories/button/button.stories.ts b/apps/storybook/src/stories/button/button.stories.ts
@@ -1,4 +1,4 @@
-import { Button } from '@ds-project/components';
+import { Button } from '@ds-project/components/server';
 import type { Meta } from '@storybook/react';
 
 export default {

diff --git a/apps/storybook/src/stories/card/card.stories.tsx b/apps/storybook/src/stories/card/card.stories.tsx
@@ -8,13 +8,15 @@ import {
   CardTitle,
   Input,
   Label,
+} from '@ds-project/components/server';
+import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from '@ds-project/components';
-import { Meta } from '@storybook/react';
+} from '@ds-project/components/client';
+import type { Meta } from '@storybook/react';
 
 export default {
   title: 'Components/Card',

diff --git a/apps/storybook/src/stories/checkbox/checkbox.stories.tsx b/apps/storybook/src/stories/checkbox/checkbox.stories.tsx
@@ -1,4 +1,4 @@
-import { Button, Checkbox } from '@ds-project/components';
+import { Checkbox } from '@ds-project/components/client';
 import type { Meta } from '@storybook/react';
 
 export default {

diff --git a/apps/storybook/src/stories/dialog/dialog.stories.tsx b/apps/storybook/src/stories/dialog/dialog.stories.tsx
@@ -1,16 +1,14 @@
+import { Button, Input, Label } from '@ds-project/components/server';
 import {
-  Button,
   Dialog,
   DialogContent,
   DialogDescription,
   DialogFooter,
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-  Input,
-  Label,
-} from '@ds-project/components';
-import { Meta } from '@storybook/react';
+} from '@ds-project/components/client';
+import type { Meta } from '@storybook/react';
 
 export default {
   title: 'Components/Dialog',

diff --git a/apps/storybook/src/stories/dropdown-menu/dropdown-menu.stories.tsx b/apps/storybook/src/stories/dropdown-menu/dropdown-menu.stories.tsx
@@ -1,5 +1,5 @@
+import { Button, LucideIcons } from '@ds-project/components/server';
 import {
-  Button,
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuGroup,
@@ -12,9 +12,8 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
-  LucideIcons,
-} from '@ds-project/components';
-import { Meta } from '@storybook/react';
+} from '@ds-project/components/client';
+import type { Meta } from '@storybook/react';
 
 export default {
   title: 'Components/Dropdown Menu',
@@ -29,77 +28,77 @@ export default {
         <DropdownMenuSeparator />
         <DropdownMenuGroup>
           <DropdownMenuItem>
-            <LucideIcons.User className="mr-2 h-4 w-4" />
+            <LucideIcons.User className="mr-2 size-4" />
             <span>Profile</span>
             <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>
           </DropdownMenuItem>
           <DropdownMenuItem>
-            <LucideIcons.CreditCard className="mr-2 h-4 w-4" />
+            <LucideIcons.CreditCard className="mr-2 size-4" />
             <span>Billing</span>
             <DropdownMenuShortcut>⌘B</DropdownMenuShortcut>
           </DropdownMenuItem>
           <DropdownMenuItem>
-            <LucideIcons.Settings className="mr-2 h-4 w-4" />
+            <LucideIcons.Settings className="mr-2 size-4" />
             <span>Settings</span>
             <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
           </DropdownMenuItem>
           <DropdownMenuItem>
-            <LucideIcons.Keyboard className="mr-2 h-4 w-4" />
+            <LucideIcons.Keyboard className="mr-2 size-4" />
             <span>Keyboard shortcuts</span>
             <DropdownMenuShortcut>⌘K</DropdownMenuShortcut>
           </DropdownMenuItem>
         </DropdownMenuGroup>
         <DropdownMenuSeparator />
         <DropdownMenuGroup>
           <DropdownMenuItem>
-            <LucideIcons.Users className="mr-2 h-4 w-4" />
+            <LucideIcons.Users className="mr-2 size-4" />
             <span>Team</span>
           </DropdownMenuItem>
           <DropdownMenuSub>
             <DropdownMenuSubTrigger>
-              <LucideIcons.UserPlus className="mr-2 h-4 w-4" />
+              <LucideIcons.UserPlus className="mr-2 size-4" />
               <span>Invite users</span>
             </DropdownMenuSubTrigger>
             <DropdownMenuPortal>
               <DropdownMenuSubContent>
                 <DropdownMenuItem>
-                  <LucideIcons.Mail className="mr-2 h-4 w-4" />
+                  <LucideIcons.Mail className="mr-2 size-4" />
                   <span>Email</span>
                 </DropdownMenuItem>
                 <DropdownMenuItem>
-                  <LucideIcons.MessageSquare className="mr-2 h-4 w-4" />
+                  <LucideIcons.MessageSquare className="mr-2 size-4" />
                   <span>Message</span>
                 </DropdownMenuItem>
                 <DropdownMenuSeparator />
                 <DropdownMenuItem>
-                  <LucideIcons.PlusCircle className="mr-2 h-4 w-4" />
+                  <LucideIcons.PlusCircle className="mr-2 size-4" />
                   <span>More...</span>
                 </DropdownMenuItem>
               </DropdownMenuSubContent>
             </DropdownMenuPortal>
           </DropdownMenuSub>
           <DropdownMenuItem>
-            <LucideIcons.Plus className="mr-2 h-4 w-4" />
+            <LucideIcons.Plus className="mr-2 size-4" />
             <span>New Team</span>
             <DropdownMenuShortcut>⌘+T</DropdownMenuShortcut>
           </DropdownMenuItem>
         </DropdownMenuGroup>
         <DropdownMenuSeparator />
         <DropdownMenuItem>
-          <LucideIcons.Github className="mr-2 h-4 w-4" />
+          <LucideIcons.Github className="mr-2 size-4" />
           <span>GitHub</span>
         </DropdownMenuItem>
         <DropdownMenuItem>
-          <LucideIcons.LifeBuoy className="mr-2 h-4 w-4" />
+          <LucideIcons.LifeBuoy className="mr-2 size-4" />
           <span>Support</span>
         </DropdownMenuItem>
         <DropdownMenuItem disabled>
-          <LucideIcons.Cloud className="mr-2 h-4 w-4" />
+          <LucideIcons.Cloud className="mr-2 size-4" />
           <span>API</span>
         </DropdownMenuItem>
         <DropdownMenuSeparator />
         <DropdownMenuItem>
-          <LucideIcons.LogOut className="mr-2 h-4 w-4" />
+          <LucideIcons.LogOut className="mr-2 size-4" />
           <span>Log out</span>
           <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>
         </DropdownMenuItem>

diff --git a/apps/storybook/src/stories/form/form.stories.tsx b/apps/storybook/src/stories/form/form.stories.tsx
@@ -1,19 +1,19 @@
 import {
-  Button,
   Form,
   FormControl,
   FormDescription,
   FormField,
   FormItem,
   FormLabel,
   FormMessage,
-} from '@ds-project/components';
+} from '@ds-project/components/client';
+import { Button } from '@ds-project/components/server';
 import type { Meta } from '@storybook/react';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
-import { toast } from '@ds-project/components';
-import { Input } from '@ds-project/components';
+import { toast } from '@ds-project/components/client';
+import { Input } from '@ds-project/components/server';
 
 const FormSchema = z.object({
   username: z.string().min(2, {

diff --git a/apps/storybook/src/stories/icons/icons.mdx b/apps/storybook/src/stories/icons/icons.mdx
@@ -1,5 +1,5 @@
 import { IconGallery, IconItem, Meta } from '@storybook/blocks';
-import { Icons, LucideIcons } from '@ds-project/components';
+import { Icons, LucideIcons } from '@ds-project/components/server';
 
 <Meta title="Components/Icons" />
 

diff --git a/apps/storybook/src/stories/input-otp/input-otp.stories.tsx b/apps/storybook/src/stories/input-otp/input-otp.stories.tsx
@@ -1,10 +1,9 @@
 import {
-  Input,
   InputOTP,
   InputOTPGroup,
   InputOTPSeparator,
   InputOTPSlot,
-} from '@ds-project/components';
+} from '@ds-project/components/client';
 import type { Meta } from '@storybook/react';
 
 export default {

diff --git a/apps/storybook/src/stories/input/input.stories.ts b/apps/storybook/src/stories/input/input.stories.ts
@@ -1,4 +1,4 @@
-import { Input } from '@ds-project/components';
+import { Input } from '@ds-project/components/server';
 import type { Meta } from '@storybook/react';
 
 export default {

diff --git a/apps/storybook/src/stories/label/label.stories.tsx b/apps/storybook/src/stories/label/label.stories.tsx
@@ -1,4 +1,5 @@
-import { Checkbox, Label } from '@ds-project/components';
+import { Checkbox } from '@ds-project/components/client';
+import { Label } from '@ds-project/components/server';
 import type { Meta } from '@storybook/react';
 
 export default {

diff --git a/apps/storybook/src/stories/menubar/menubar.stories.tsx b/apps/storybook/src/stories/menubar/menubar.stories.tsx
@@ -1,5 +1,4 @@
 import {
-  Button,
   Menubar,
   MenubarCheckboxItem,
   MenubarContent,
@@ -13,7 +12,7 @@ import {
   MenubarSubContent,
   MenubarSubTrigger,
   MenubarTrigger,
-} from '@ds-project/components';
+} from '@ds-project/components/client';
 import type { Meta } from '@storybook/react';
 
 export default {