chore: update imports, rm redudant files

packages/canary/src/index.ts

@@ -7,7 +7,6 @@ export * from './components/breadcrumb'
 export * from './components/button'
 export * from './components/split-button'
 export * from './components/calendar'
-export * from './components/card'
 export * from './components/carousel'
 export * from './components/checkbox'
 export * from './components/collapsible'
@@ -18,7 +17,6 @@ export * from './components/drawer'
 export * from './components/dropdown-menu'
 export * from './components/form'
 export * from './components/hover-card'
-export * from './components/input-otp'
 export * from './components/input'
 export * from './components/label'
 export * from './components/menubar'

packages/playground/src/components/create-project-page.tsx

@@ -3,7 +3,18 @@ import { useForm } from 'react-hook-form'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { z } from 'zod'
 
-import { Button, Card, CardContent, CardHeader, CardTitle, Icon, Input, Label, Spacer, Text } from '@harnessio/canary'
+import {
+  Button,
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  Icon,
+  Input,
+  Label,
+  Spacer,
+  Text
+} from '@harnessio/ui/components'
 
 import { SandboxLayout } from '..'
 

packages/playground/src/components/forgot-password-page.tsx

@@ -4,9 +4,19 @@ import { Link } from 'react-router-dom'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { z } from 'zod'
 
-import { Button, Card, CardContent, CardHeader, CardTitle, Icon, Input, Label, Spacer, Text } from '@harnessio/canary'
-
-import { Floating1ColumnLayout } from '../layouts/Floating1ColumnLayout'
+import {
+  Button,
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  Icon,
+  Input,
+  Label,
+  Spacer,
+  Text
+} from '@harnessio/ui/components'
+import { Floating1ColumnLayout } from '@harnessio/ui/views'
 
 interface PageProps {
   isLoading?: boolean

packages/playground/src/components/new-password-page.tsx

@@ -4,9 +4,19 @@ import { Link } from 'react-router-dom'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { z } from 'zod'
 
-import { Button, Card, CardContent, CardHeader, CardTitle, Icon, Input, Label, Spacer, Text } from '@harnessio/canary'
-
-import { Floating1ColumnLayout } from '../layouts/Floating1ColumnLayout'
+import {
+  Button,
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  Icon,
+  Input,
+  Label,
+  Spacer,
+  Text
+} from '@harnessio/ui/components'
+import { Floating1ColumnLayout } from '@harnessio/ui/views'
 
 interface PageProps {
   isLoading?: boolean

packages/playground/src/components/otp-page.tsx

@@ -3,24 +3,22 @@ import { useForm } from 'react-hook-form'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { z } from 'zod'
 
+import { ButtonGroup, cn } from '@harnessio/canary'
 import {
   Button,
-  ButtonGroup,
   buttonVariants,
   Card,
   CardContent,
   CardHeader,
   CardTitle,
-  cn,
   Icon,
   InputOTP,
   InputOTPGroup,
   InputOTPSlot,
   Spacer,
   Text
-} from '@harnessio/canary'
-
-import { Floating1ColumnLayout } from '../layouts/Floating1ColumnLayout'
+} from '@harnessio/ui/components'
+import { Floating1ColumnLayout } from '@harnessio/ui/views'
 
 interface PageProps {
   handleResend?: () => void
@@ -65,10 +63,10 @@ export function OTPPage({ handleResend, isLoading, handleFormSubmit }: PageProps
           <form onSubmit={handleSubmit(onSubmit)}>
             <InputOTP maxLength={4}>
               <InputOTPGroup id="otp" className="mx-auto flex" {...register('otp')}>
-                <InputOTPSlot index={0} size="lg" />
-                <InputOTPSlot index={1} size="lg" />
-                <InputOTPSlot index={2} size="lg" />
-                <InputOTPSlot index={3} size="lg" />
+                <InputOTPSlot index={0} />
+                <InputOTPSlot index={1} />
+                <InputOTPSlot index={2} />
+                <InputOTPSlot index={3} />
               </InputOTPGroup>
             </InputOTP>
             <Spacer size={8} />

packages/playground/src/components/pull-request/pull-request-diff-viewer.tsx

@@ -5,7 +5,7 @@ import { DiffBlock } from 'diff2html/lib/types'
 import { debounce } from 'lodash-es'
 import { OverlayScrollbars } from 'overlayscrollbars'
 
-import { Card, Input, Text } from '@harnessio/canary'
+import { Card, Input, Text } from '@harnessio/ui/components'
 
 import constants from './constants'
 

packages/playground/src/components/pull-request/pull-request-timeline-item.tsx

@@ -2,7 +2,8 @@ import { memo, useEffect, useState } from 'react'
 
 import cx from 'classnames'
 
-import { Button, Card, Input, NodeGroup, Text } from '@harnessio/canary'
+import { NodeGroup } from '@harnessio/canary'
+import { Button, Card, Input, Text } from '@harnessio/ui/components'
 
 interface TimelineItemProps {
   header: {

packages/playground/src/components/signin-page.tsx

@@ -5,8 +5,7 @@ import { zodResolver } from '@hookform/resolvers/zod'
 import { z } from 'zod'
 
 import { Button, Card, CardContent, CardHeader, CardTitle, Icon, Input, Label, Spacer, Text } from '@harnessio/canary'
-
-import { Floating1ColumnLayout } from '../layouts/Floating1ColumnLayout'
+import { Floating1ColumnLayout } from '@harnessio/ui/views'
 
 interface PageProps {
   handleSignIn: (data: DataProps) => void

packages/playground/src/components/signup-page.tsx

@@ -4,21 +4,20 @@ import { Link } from 'react-router-dom'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { z } from 'zod'
 
+import { Dock } from '@harnessio/canary'
 import {
   Button,
   Card,
   CardContent,
   CardHeader,
   CardTitle,
-  Dock,
   Icon,
   Input,
   Label,
   Spacer,
   Text
-} from '@harnessio/canary'
-
-import { Floating1ColumnLayout } from '../layouts/Floating1ColumnLayout'
+} from '@harnessio/ui/components'
+import { Floating1ColumnLayout } from '@harnessio/ui/views'
 
 interface PageProps {
   isLoading?: boolean

packages/playground/src/layouts/PullRequestLayout.tsx

@@ -3,9 +3,9 @@
 import { NavLink, Outlet } from 'react-router-dom'
 
 import { Badge, Icon, Spacer, Tabs, TabsList, TabsTrigger } from '@harnessio/canary'
+import { Floating1ColumnLayout } from '@harnessio/ui/views'
 
 import { PullRequestHeader } from '../components/pull-request/pull-request-conversation-header'
-import { Floating1ColumnLayout } from './Floating1ColumnLayout'
 
 const mockedPullRequest = {
   number: 1,

packages/playground/src/pages/repo-summary-page.tsx

@@ -13,6 +13,7 @@ import {
   StackedList,
   Text
 } from '@harnessio/canary'
+import { Floating1ColumnLayout } from '@harnessio/ui/views'
 
 import { BranchSelector } from '../components/branch-chooser'
 import { SkeletonList } from '../components/loaders/skeleton-list'
@@ -21,7 +22,6 @@ import { NoSearchResults } from '../components/no-search-results'
 import { Summary } from '../components/repo-summary'
 import { RepoSummaryPanel } from '../components/repo-summary-panel'
 import { mockFiles } from '../data/mockSummaryFiiles'
-import { Floating1ColumnLayout } from '../layouts/Floating1ColumnLayout'
 import { FullWidth2ColumnLayout } from '../layouts/FullWidth2ColumnLayout'
 import { PlaygroundListSettings } from '../settings/list-settings'
 

packages/views/src/components/create-project-page.tsx

@@ -3,7 +3,18 @@ import { useForm } from 'react-hook-form'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { z } from 'zod'
 
-import { Button, Card, CardContent, CardHeader, CardTitle, Icon, Input, Label, Spacer, Text } from '@harnessio/canary'
+import {
+  Button,
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  Icon,
+  Input,
+  Label,
+  Spacer,
+  Text
+} from '@harnessio/ui/components'
 
 import { SandboxLayout } from '..'
 

packages/views/src/components/forgot-password-page.tsx

@@ -4,9 +4,19 @@ import { Link } from 'react-router-dom'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { z } from 'zod'
 
-import { Button, Card, CardContent, CardHeader, CardTitle, Icon, Input, Label, Spacer, Text } from '@harnessio/canary'
-
-import { Floating1ColumnLayout } from '../layouts/Floating1ColumnLayout'
+import {
+  Button,
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  Icon,
+  Input,
+  Label,
+  Spacer,
+  Text
+} from '@harnessio/ui/components'
+import { Floating1ColumnLayout } from '@harnessio/ui/views'
 
 interface PageProps {
   isLoading?: boolean