Update website

pnpm-workspace.yaml

@@ -3,4 +3,4 @@ packages:
   - 'examples/*'
   - 'website'
   - 'shared'
-  - '../../shared'
+  - '../../'

tsconfig.json

@@ -1,4 +1,5 @@
 {
+    "extends": "../../tsconfig.json",
     "compilerOptions": {
         "experimentalDecorators": true,
         "baseUrl": ".",

website/app/[locale]/(root)/blog/_page.tsx

@@ -1,13 +1,13 @@
-import Article from 'websites-shared/components/Article';
+import Article from 'websites/components/Article';
 import DocHeader from '~/layouts/DocHeader';
 import DocFooter from '~/layouts/DocFooter';
-import { queryDictionary } from 'websites-shared/dictionaries';
+import { queryDictionary } from 'websites/dictionaries';
 // @ts-expect-error
 import allBlogMetadata from './*/metadata.js'
 import Image from 'next/image';
 import { l } from 'to-line';
 import dayjs from 'dayjs';
-import Link from 'websites-shared/components/Link';
+import Link from 'websites/components/Link';
 import metadata from './metadata.js'
 import { generate } from '~/utils/metadata'
 

website/app/[locale]/(root)/blog/metadata.ts

@@ -1,4 +1,4 @@
-import { Metadata } from 'websites-shared/types/Metadata'
+import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Master CSS 2.0',

website/app/[locale]/(root)/blog/v2/metadata.ts

@@ -1,4 +1,4 @@
-import { Metadata } from 'websites-shared/types/Metadata'
+import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Master CSS 2.0',

website/app/[locale]/(root)/docs/accent-color/_opengraph-image.tsx

@@ -1,4 +1,4 @@
-import { Props } from 'websites-shared/types/Props'
+import { Props } from 'websites/types/Props'
 import create from '~/og-image'
 import metadata from './metadata'
 

website/app/[locale]/(root)/docs/accent-color/components/Overview.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import Demo from 'websites-shared/components/Demo'
-import Code from 'websites-shared/components/Code'
+import Demo from 'websites/components/Demo'
+import Code from 'websites/components/Code'
 import SyntaxTable from '~/components/SyntaxTable'
 import syntaxes from '../syntaxes'
 import line from 'to-line'

website/app/[locale]/(root)/docs/accent-color/metadata.ts

@@ -1,4 +1,4 @@
-import { Metadata } from 'websites-shared/types/Metadata'
+import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Accent Color',

website/app/[locale]/(root)/docs/align-content/_opengraph-image.tsx

@@ -1,4 +1,4 @@
-import { Props } from 'websites-shared/types/Props'
+import { Props } from 'websites/types/Props'
 import create from '~/og-image'
 import metadata from './metadata'
 

website/app/[locale]/(root)/docs/align-content/components/Overview.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import Demo from 'websites-shared/components/Demo'
-import Code from 'websites-shared/components/Code'
+import Demo from 'websites/components/Demo'
+import Code from 'websites/components/Code'
 import SyntaxTable from '~/components/SyntaxTable'
 import syntaxes from '../syntaxes'
 import line from 'to-line'

website/app/[locale]/(root)/docs/align-content/metadata.ts

@@ -1,4 +1,4 @@
-import { Metadata } from 'websites-shared/types/Metadata'
+import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Align Content',

website/app/[locale]/(root)/docs/align-items/_opengraph-image.tsx

@@ -1,4 +1,4 @@
-import { Props } from 'websites-shared/types/Props'
+import { Props } from 'websites/types/Props'
 import create from '~/og-image'
 import metadata from './metadata'
 

website/app/[locale]/(root)/docs/align-items/components/Overview.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import Demo from 'websites-shared/components/Demo'
-import Code from 'websites-shared/components/Code'
+import Demo from 'websites/components/Demo'
+import Code from 'websites/components/Code'
 import SyntaxTable from '~/components/SyntaxTable'
 import syntaxes from '../syntaxes'
 import line from 'to-line'

website/app/[locale]/(root)/docs/align-items/metadata.ts

@@ -1,4 +1,4 @@
-import { Metadata } from 'websites-shared/types/Metadata'
+import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Align Items',

website/app/[locale]/(root)/docs/align-self/_opengraph-image.tsx

@@ -1,4 +1,4 @@
-import { Props } from 'websites-shared/types/Props'
+import { Props } from 'websites/types/Props'
 import create from '~/og-image'
 import metadata from './metadata'
 

website/app/[locale]/(root)/docs/align-self/components/Overview.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import Demo from 'websites-shared/components/Demo'
-import Code from 'websites-shared/components/Code'
+import Demo from 'websites/components/Demo'
+import Code from 'websites/components/Code'
 import SyntaxTable from '~/components/SyntaxTable'
 import syntaxes from '../syntaxes'
 import line from 'to-line'

website/app/[locale]/(root)/docs/align-self/metadata.ts

@@ -1,4 +1,4 @@
-import { Metadata } from 'websites-shared/types/Metadata'
+import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Align Self',

website/app/[locale]/(root)/docs/animation-delay/_opengraph-image.tsx

@@ -1,4 +1,4 @@
-import { Props } from 'websites-shared/types/Props'
+import { Props } from 'websites/types/Props'
 import create from '~/og-image'
 import metadata from './metadata'
 

website/app/[locale]/(root)/docs/animation-delay/components/Overview.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import Demo from 'websites-shared/components/Demo'
-import Code from 'websites-shared/components/Code'
+import Demo from 'websites/components/Demo'
+import Code from 'websites/components/Code'
 import SyntaxTable from '~/components/SyntaxTable'
 import syntaxes from '../syntaxes'
 import line from 'to-line'

website/app/[locale]/(root)/docs/animation-delay/metadata.ts

@@ -1,4 +1,4 @@
-import { Metadata } from 'websites-shared/types/Metadata'
+import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Animation Delay',

website/app/[locale]/(root)/docs/animation-direction/_opengraph-image.tsx

@@ -1,4 +1,4 @@
-import { Props } from 'websites-shared/types/Props'
+import { Props } from 'websites/types/Props'
 import create from '~/og-image'
 import metadata from './metadata'
 

website/app/[locale]/(root)/docs/animation-direction/components/Basic.tsx

@@ -1,9 +1,9 @@
-import Demo from 'websites-shared/components/Demo'
-import DemoPanel from 'websites-shared/components/DemoPanel'
+import Demo from 'websites/components/Demo'
+import DemoPanel from 'websites/components/DemoPanel'
 import Image from 'next/image'
 import { l } from 'to-line'
 import { IconRefresh, IconRotate, IconRotateClockwise } from '@tabler/icons-react'
-import Code from 'websites-shared/components/Code'
+import Code from 'websites/components/Code'
 
 export default ({ className }: any) => {
     const iconClassName = l(className, 'app-icon-primary stroke:.5 48x48 @rotate|1s|linear|infinite')

website/app/[locale]/(root)/docs/animation-direction/components/Overview.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import Demo from 'websites-shared/components/Demo'
-import Code from 'websites-shared/components/Code'
+import Demo from 'websites/components/Demo'
+import Code from 'websites/components/Code'
 import SyntaxTable from '~/components/SyntaxTable'
 import syntaxes from '../syntaxes'
 import line from 'to-line'

website/app/[locale]/(root)/docs/animation-direction/metadata.ts

@@ -1,4 +1,4 @@
-import { Metadata } from 'websites-shared/types/Metadata'
+import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Animation Direction',

website/app/[locale]/(root)/docs/animation-duration/_opengraph-image.tsx

@@ -1,4 +1,4 @@
-import { Props } from 'websites-shared/types/Props'
+import { Props } from 'websites/types/Props'
 import create from '~/og-image'
 import metadata from './metadata'
 

website/app/[locale]/(root)/docs/animation-duration/components/Overview.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import Demo from 'websites-shared/components/Demo'
-import Code from 'websites-shared/components/Code'
+import Demo from 'websites/components/Demo'
+import Code from 'websites/components/Code'
 import SyntaxTable from '~/components/SyntaxTable'
 import syntaxes from '../syntaxes'
 import line from 'to-line'

website/app/[locale]/(root)/docs/animation-duration/metadata.ts

@@ -1,4 +1,4 @@
-import { Metadata } from 'websites-shared/types/Metadata'
+import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Animation Duration',

website/app/[locale]/(root)/docs/animation-fill-mode/_opengraph-image.tsx

@@ -1,4 +1,4 @@
-import { Props } from 'websites-shared/types/Props'
+import { Props } from 'websites/types/Props'
 import create from '~/og-image'
 import metadata from './metadata'
 

website/app/[locale]/(root)/docs/animation-fill-mode/components/Basic.tsx

@@ -1,12 +1,12 @@
 'use client'
 
-import Demo from 'websites-shared/components/Demo'
-import DemoPanel from 'websites-shared/components/DemoPanel'
+import Demo from 'websites/components/Demo'
+import DemoPanel from 'websites/components/DemoPanel'
 import Image from 'next/image'
 import { l } from 'to-line'
 import { IconCar } from '@tabler/icons-react'
-import Code from 'websites-shared/components/Code'
-import CodeTabs from 'websites-shared/components/CodeTabs'
+import Code from 'websites/components/Code'
+import CodeTabs from 'websites/components/CodeTabs'
 import dedent from 'ts-dedent'
 import { useEffect, useState } from 'react'
 

website/app/[locale]/(root)/docs/animation-fill-mode/components/Overview.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import Demo from 'websites-shared/components/Demo'
-import Code from 'websites-shared/components/Code'
+import Demo from 'websites/components/Demo'
+import Code from 'websites/components/Code'
 import SyntaxTable from '~/components/SyntaxTable'
 import syntaxes from '../syntaxes'
 import line from 'to-line'

website/app/[locale]/(root)/docs/animation-fill-mode/metadata.ts

@@ -1,4 +1,4 @@
-import { Metadata } from 'websites-shared/types/Metadata'
+import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Animation Fill Mode',

website/app/[locale]/(root)/docs/animation-iteration-count/_opengraph-image.tsx

@@ -1,4 +1,4 @@
-import { Props } from 'websites-shared/types/Props'
+import { Props } from 'websites/types/Props'
 import create from '~/og-image'
 import metadata from './metadata'
 

website/app/[locale]/(root)/docs/animation-iteration-count/components/Basic.tsx

@@ -1,9 +1,9 @@
-import Demo from 'websites-shared/components/Demo'
-import DemoPanel from 'websites-shared/components/DemoPanel'
+import Demo from 'websites/components/Demo'
+import DemoPanel from 'websites/components/DemoPanel'
 import Image from 'next/image'
 import { l } from 'to-line'
 import { IconRefresh, IconRotateClockwise } from '@tabler/icons-react'
-import Code from 'websites-shared/components/Code'
+import Code from 'websites/components/Code'
 
 export default ({ className }: any) => {
     return (

website/app/[locale]/(root)/docs/animation-iteration-count/components/Overview.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import Demo from 'websites-shared/components/Demo'
-import Code from 'websites-shared/components/Code'
+import Demo from 'websites/components/Demo'
+import Code from 'websites/components/Code'
 import SyntaxTable from '~/components/SyntaxTable'
 import syntaxes from '../syntaxes'
 import line from 'to-line'

website/app/[locale]/(root)/docs/animation-iteration-count/metadata.ts

@@ -1,4 +1,4 @@
-import { Metadata } from 'websites-shared/types/Metadata'
+import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Animation Iteration Count',

website/app/[locale]/(root)/docs/animation-name/_opengraph-image.tsx

@@ -1,4 +1,4 @@
-import { Props } from 'websites-shared/types/Props'
+import { Props } from 'websites/types/Props'
 import create from '~/og-image'
 import metadata from './metadata'
 

website/app/[locale]/(root)/docs/animation-name/components/Overview.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import Demo from 'websites-shared/components/Demo'
-import Code from 'websites-shared/components/Code'
+import Demo from 'websites/components/Demo'
+import Code from 'websites/components/Code'
 import SyntaxTable from '~/components/SyntaxTable'
 import syntaxes from '../syntaxes'
 import line from 'to-line'

website/app/[locale]/(root)/docs/animation-name/metadata.ts

@@ -1,4 +1,4 @@
-import { Metadata } from 'websites-shared/types/Metadata'
+import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Animation Name',

website/app/[locale]/(root)/docs/animation-play-state/_opengraph-image.tsx

@@ -1,4 +1,4 @@
-import { Props } from 'websites-shared/types/Props'
+import { Props } from 'websites/types/Props'
 import create from '~/og-image'
 import metadata from './metadata'
 

website/app/[locale]/(root)/docs/animation-play-state/components/Basic.tsx

@@ -1,9 +1,9 @@
-import Demo from 'websites-shared/components/Demo'
-import DemoPanel from 'websites-shared/components/DemoPanel'
+import Demo from 'websites/components/Demo'
+import DemoPanel from 'websites/components/DemoPanel'
 import Image from 'next/image'
 import { l } from 'to-line'
 import { IconUfo } from '@tabler/icons-react'
-import Code from 'websites-shared/components/Code'
+import Code from 'websites/components/Code'
 
 export default ({ className }: any) => {
     return (

website/app/[locale]/(root)/docs/animation-play-state/components/Overview.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import Demo from 'websites-shared/components/Demo'
-import Code from 'websites-shared/components/Code'
+import Demo from 'websites/components/Demo'
+import Code from 'websites/components/Code'
 import SyntaxTable from '~/components/SyntaxTable'
 import syntaxes from '../syntaxes'
 import line from 'to-line'

website/app/[locale]/(root)/docs/animation-play-state/metadata.ts

@@ -1,4 +1,4 @@
-import { Metadata } from 'websites-shared/types/Metadata'
+import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Animation Play State',

website/app/[locale]/(root)/docs/animation-timing-function/_opengraph-image.tsx

@@ -1,4 +1,4 @@
-import { Props } from 'websites-shared/types/Props'
+import { Props } from 'websites/types/Props'
 import create from '~/og-image'
 import metadata from './metadata'
 

website/app/[locale]/(root)/docs/animation-timing-function/components/Overview.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import Demo from 'websites-shared/components/Demo'
-import Code from 'websites-shared/components/Code'
+import Demo from 'websites/components/Demo'
+import Code from 'websites/components/Code'
 import SyntaxTable from '~/components/SyntaxTable'
 import syntaxes from '../syntaxes'
 import line from 'to-line'

website/app/[locale]/(root)/docs/animation-timing-function/metadata.ts

@@ -1,4 +1,4 @@
-import { Metadata } from 'websites-shared/types/Metadata'
+import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Animation Timing Function',

website/app/[locale]/(root)/docs/animation/_opengraph-image.tsx

@@ -1,4 +1,4 @@
-import { Props } from 'websites-shared/types/Props'
+import { Props } from 'websites/types/Props'
 import create from '~/og-image'
 import metadata from './metadata'
 

website/app/[locale]/(root)/docs/animation/components/Overview.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import Demo from 'websites-shared/components/Demo'
-import Code from 'websites-shared/components/Code'
+import Demo from 'websites/components/Demo'
+import Code from 'websites/components/Code'
 import SyntaxTable from '~/components/SyntaxTable'
 import syntaxes from '../syntaxes'
 import { l } from 'to-line'

website/app/[locale]/(root)/docs/animation/metadata.ts

@@ -1,4 +1,4 @@
-import { Metadata } from 'websites-shared/types/Metadata'
+import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Animation',

website/app/[locale]/(root)/docs/animations/_opengraph-image.tsx

@@ -1,4 +1,4 @@
-import { Props } from 'websites-shared/types/Props'
+import { Props } from 'websites/types/Props'
 import create from '~/og-image'
 import metadata from './metadata'
 

website/app/[locale]/(root)/docs/animations/components/Default.tsx

@@ -1,5 +1,5 @@
 import { animations } from '@master/css'
-import Code from 'websites-shared/components/Code'
+import Code from 'websites/components/Code'
 
 const Default = () =>
     <Code lang="js" beautify>