diff --git a/docs/package.json b/docs/package.json
index 2710ea8f2..a4e23d40e 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -2,9 +2,9 @@
   "name": "docs",
   "private": true,
   "scripts": {
-    "dev": "next",
+    "dev": "next -p 3001",
     "start": "next start",
-    "build": "next build"
+    "build": "next build -p 3001"
   },
   "dependencies": {
     "@codesandbox/sandpack-react": "^1.20.9",
diff --git a/package.json b/package.json
index 37ffca47b..430e0e8d8 100644
--- a/package.json
+++ b/package.json
@@ -8,14 +8,14 @@
     "start": "turbo start",
     "build": "turbo run build",
     "build:packages": "turbo run p:build",
-    "build:apps": "turbo run build --filter='./examples/*' --filter=docs",
+    "build:apps": "turbo run build --filter=workshop --filter=docs --filter='./examples/*'",
     "build:docs": "turbo run build --filter=docs...",
     "build:examples": "turbo run build --filter='./examples/*'",
     "build:examples:expo": "turbo run build --filter=expo-typescript...",
     "build:examples:next": "turbo run build --filter=next-typescript...",
     "dev": "node start-dev.js",
     "dev:packages": "turbo run p:watch",
-    "dev:apps": "turbo run dev --filter='./examples/*' --filter=docs",
+    "dev:apps": "turbo run dev --filter=workshop --filter=docs --filter='./examples/*'",
     "dev:docs": "turbo run dev --filter=docs",
     "dev:examples": "turbo run dev --filter='./examples/*'",
     "dev:examples:expo": "turbo run dev --filter=expo-typescript",
@@ -68,5 +68,5 @@
       "packages/*"
     ]
   },
-  "packageManager": "pnpm@7.26.0"
+  "packageManager": "pnpm@8.1.0"
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 755883aca..ec17a9fc0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -162,27 +162,6 @@ importers:
         specifier: ^0.70.6
         version: 0.70.9
 
-  examples/next-typescript:
-    dependencies:
-      "@preconstruct/next":
-        specifier: ^4.0.0
-        version: 4.0.0
-      "@tonightpass/kitchen":
-        specifier: workspace:*
-        version: link:../../packages/kitchen
-      next:
-        specifier: ^13.0.2
-        version: 13.1.5(@babel/core@7.20.12)(react-dom@18.2.0)(react@18.2.0)
-      react:
-        specifier: ^18.2.0
-        version: 18.2.0
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-      react-icons:
-        specifier: ^4.7.1
-        version: 4.7.1(react@18.2.0)
-
   examples/react-typescript:
     dependencies:
       "@tonightpass/kitchen":
@@ -251,6 +230,27 @@ importers:
         specifier: ^4.9.3
         version: 4.9.4
 
+  workshop:
+    dependencies:
+      "@preconstruct/next":
+        specifier: ^4.0.0
+        version: 4.0.0
+      "@tonightpass/kitchen":
+        specifier: workspace:*
+        version: link:../packages/kitchen
+      next:
+        specifier: ^13.0.2
+        version: 13.1.5(@babel/core@7.20.12)(react-dom@18.2.0)(react@18.2.0)
+      react:
+        specifier: ^18.2.0
+        version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
+      react-icons:
+        specifier: ^4.7.1
+        version: 4.7.1(react@18.2.0)
+
 packages:
   /@ampproject/remapping@2.2.0:
     resolution:
@@ -8516,7 +8516,7 @@ packages:
     engines: { node: ">=4" }
     dev: false
 
-  /css-declaration-sorter@6.3.1(postcss@8.4.14):
+  /css-declaration-sorter@6.3.1(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-fBffmak0bPAnyqc/HO8C3n2sHrp9wcqQz6ES9koRF2/mLOVAx9zIQ3Y7R29sYCteTPqMCwns4WYQoCX91Xl3+w==,
@@ -8525,7 +8525,7 @@ packages:
     peerDependencies:
       postcss: ^8.0.9
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
     dev: false
 
   /css-has-pseudo@3.0.4(postcss@8.4.14):
@@ -8584,9 +8584,9 @@ packages:
       esbuild:
         optional: true
     dependencies:
-      cssnano: 5.1.15(postcss@8.4.14)
+      cssnano: 5.1.15(postcss@8.4.21)
       jest-worker: 27.5.1
-      postcss: 8.4.14
+      postcss: 8.4.21
       schema-utils: 4.0.0
       serialize-javascript: 6.0.1
       source-map: 0.6.1
@@ -8714,7 +8714,7 @@ packages:
     hasBin: true
     dev: false
 
-  /cssnano-preset-default@5.2.14(postcss@8.4.14):
+  /cssnano-preset-default@5.2.14(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-t0SFesj/ZV2OTylqQVOrFgEh5uanxbO6ZAdeCrNsUQ6fVuXwYTxJPNAGvGTxHbD68ldIJNec7PyYZDBrfDQ+6A==,
@@ -8723,39 +8723,39 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      css-declaration-sorter: 6.3.1(postcss@8.4.14)
-      cssnano-utils: 3.1.0(postcss@8.4.14)
-      postcss: 8.4.14
-      postcss-calc: 8.2.4(postcss@8.4.14)
-      postcss-colormin: 5.3.1(postcss@8.4.14)
-      postcss-convert-values: 5.1.3(postcss@8.4.14)
-      postcss-discard-comments: 5.1.2(postcss@8.4.14)
-      postcss-discard-duplicates: 5.1.0(postcss@8.4.14)
-      postcss-discard-empty: 5.1.1(postcss@8.4.14)
-      postcss-discard-overridden: 5.1.0(postcss@8.4.14)
-      postcss-merge-longhand: 5.1.7(postcss@8.4.14)
-      postcss-merge-rules: 5.1.4(postcss@8.4.14)
-      postcss-minify-font-values: 5.1.0(postcss@8.4.14)
-      postcss-minify-gradients: 5.1.1(postcss@8.4.14)
-      postcss-minify-params: 5.1.4(postcss@8.4.14)
-      postcss-minify-selectors: 5.2.1(postcss@8.4.14)
-      postcss-normalize-charset: 5.1.0(postcss@8.4.14)
-      postcss-normalize-display-values: 5.1.0(postcss@8.4.14)
-      postcss-normalize-positions: 5.1.1(postcss@8.4.14)
-      postcss-normalize-repeat-style: 5.1.1(postcss@8.4.14)
-      postcss-normalize-string: 5.1.0(postcss@8.4.14)
-      postcss-normalize-timing-functions: 5.1.0(postcss@8.4.14)
-      postcss-normalize-unicode: 5.1.1(postcss@8.4.14)
-      postcss-normalize-url: 5.1.0(postcss@8.4.14)
-      postcss-normalize-whitespace: 5.1.1(postcss@8.4.14)
-      postcss-ordered-values: 5.1.3(postcss@8.4.14)
-      postcss-reduce-initial: 5.1.2(postcss@8.4.14)
-      postcss-reduce-transforms: 5.1.0(postcss@8.4.14)
-      postcss-svgo: 5.1.0(postcss@8.4.14)
-      postcss-unique-selectors: 5.1.1(postcss@8.4.14)
-    dev: false
-
-  /cssnano-utils@3.1.0(postcss@8.4.14):
+      css-declaration-sorter: 6.3.1(postcss@8.4.21)
+      cssnano-utils: 3.1.0(postcss@8.4.21)
+      postcss: 8.4.21
+      postcss-calc: 8.2.4(postcss@8.4.21)
+      postcss-colormin: 5.3.1(postcss@8.4.21)
+      postcss-convert-values: 5.1.3(postcss@8.4.21)
+      postcss-discard-comments: 5.1.2(postcss@8.4.21)
+      postcss-discard-duplicates: 5.1.0(postcss@8.4.21)
+      postcss-discard-empty: 5.1.1(postcss@8.4.21)
+      postcss-discard-overridden: 5.1.0(postcss@8.4.21)
+      postcss-merge-longhand: 5.1.7(postcss@8.4.21)
+      postcss-merge-rules: 5.1.4(postcss@8.4.21)
+      postcss-minify-font-values: 5.1.0(postcss@8.4.21)
+      postcss-minify-gradients: 5.1.1(postcss@8.4.21)
+      postcss-minify-params: 5.1.4(postcss@8.4.21)
+      postcss-minify-selectors: 5.2.1(postcss@8.4.21)
+      postcss-normalize-charset: 5.1.0(postcss@8.4.21)
+      postcss-normalize-display-values: 5.1.0(postcss@8.4.21)
+      postcss-normalize-positions: 5.1.1(postcss@8.4.21)
+      postcss-normalize-repeat-style: 5.1.1(postcss@8.4.21)
+      postcss-normalize-string: 5.1.0(postcss@8.4.21)
+      postcss-normalize-timing-functions: 5.1.0(postcss@8.4.21)
+      postcss-normalize-unicode: 5.1.1(postcss@8.4.21)
+      postcss-normalize-url: 5.1.0(postcss@8.4.21)
+      postcss-normalize-whitespace: 5.1.1(postcss@8.4.21)
+      postcss-ordered-values: 5.1.3(postcss@8.4.21)
+      postcss-reduce-initial: 5.1.2(postcss@8.4.21)
+      postcss-reduce-transforms: 5.1.0(postcss@8.4.21)
+      postcss-svgo: 5.1.0(postcss@8.4.21)
+      postcss-unique-selectors: 5.1.1(postcss@8.4.21)
+    dev: false
+
+  /cssnano-utils@3.1.0(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==,
@@ -8764,10 +8764,10 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
     dev: false
 
-  /cssnano@5.1.15(postcss@8.4.14):
+  /cssnano@5.1.15(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==,
@@ -8776,9 +8776,9 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      cssnano-preset-default: 5.2.14(postcss@8.4.14)
+      cssnano-preset-default: 5.2.14(postcss@8.4.21)
       lilconfig: 2.0.6
-      postcss: 8.4.14
+      postcss: 8.4.21
       yaml: 1.10.2
     dev: false
 
@@ -18125,7 +18125,7 @@ packages:
       postcss: 8.4.14
     dev: false
 
-  /postcss-calc@8.2.4(postcss@8.4.14):
+  /postcss-calc@8.2.4(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-SmWMSJmB8MRnnULldx0lQIyhSNvuDl9HfrZkaqqE/WHAhToYsAvDq+yAsA/kIyINDszOp3Rh0GFoNuH5Ypsm3Q==,
@@ -18133,7 +18133,7 @@ packages:
     peerDependencies:
       postcss: ^8.2.2
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-selector-parser: 6.0.11
       postcss-value-parser: 4.2.0
     dev: false
@@ -18190,7 +18190,7 @@ packages:
       postcss-value-parser: 4.2.0
     dev: false
 
-  /postcss-colormin@5.3.1(postcss@8.4.14):
+  /postcss-colormin@5.3.1(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-UsWQG0AqTFQmpBegeLLc1+c3jIqBNB0zlDGRWR+dQ3pRKJL1oeMzyqmH3o2PIfn9MBdNrVPWhDbT769LxCTLJQ==,
@@ -18202,11 +18202,11 @@ packages:
       browserslist: 4.21.4
       caniuse-api: 3.0.0
       colord: 2.9.3
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
     dev: false
 
-  /postcss-convert-values@5.1.3(postcss@8.4.14):
+  /postcss-convert-values@5.1.3(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-82pC1xkJZtcJEfiLw6UXnXVXScgtBrjlO5CBmuDQc+dlb88ZYheFsjTn40+zBVi3DkfF7iezO0nJUPLcJK3pvA==,
@@ -18216,7 +18216,7 @@ packages:
       postcss: ^8.2.15
     dependencies:
       browserslist: 4.21.4
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
     dev: false
 
@@ -18272,7 +18272,7 @@ packages:
       postcss-selector-parser: 6.0.11
     dev: false
 
-  /postcss-discard-comments@5.1.2(postcss@8.4.14):
+  /postcss-discard-comments@5.1.2(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==,
@@ -18281,10 +18281,10 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
     dev: false
 
-  /postcss-discard-duplicates@5.1.0(postcss@8.4.14):
+  /postcss-discard-duplicates@5.1.0(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==,
@@ -18293,10 +18293,10 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
     dev: false
 
-  /postcss-discard-empty@5.1.1(postcss@8.4.14):
+  /postcss-discard-empty@5.1.1(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==,
@@ -18305,10 +18305,10 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
     dev: false
 
-  /postcss-discard-overridden@5.1.0(postcss@8.4.14):
+  /postcss-discard-overridden@5.1.0(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==,
@@ -18317,7 +18317,7 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
     dev: false
 
   /postcss-double-position-gradients@3.1.2(postcss@8.4.14):
@@ -18534,7 +18534,7 @@ packages:
       postcss: 8.4.14
     dev: false
 
-  /postcss-merge-longhand@5.1.7(postcss@8.4.14):
+  /postcss-merge-longhand@5.1.7(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-YCI9gZB+PLNskrK0BB3/2OzPnGhPkBEwmwhfYk1ilBHYVAZB7/tkTHFBAnCrvBBOmeYyMYw3DMjT55SyxMBzjQ==,
@@ -18543,12 +18543,12 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
-      stylehacks: 5.1.1(postcss@8.4.14)
+      stylehacks: 5.1.1(postcss@8.4.21)
     dev: false
 
-  /postcss-merge-rules@5.1.4(postcss@8.4.14):
+  /postcss-merge-rules@5.1.4(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==,
@@ -18559,12 +18559,12 @@ packages:
     dependencies:
       browserslist: 4.21.4
       caniuse-api: 3.0.0
-      cssnano-utils: 3.1.0(postcss@8.4.14)
-      postcss: 8.4.14
+      cssnano-utils: 3.1.0(postcss@8.4.21)
+      postcss: 8.4.21
       postcss-selector-parser: 6.0.11
     dev: false
 
-  /postcss-minify-font-values@5.1.0(postcss@8.4.14):
+  /postcss-minify-font-values@5.1.0(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-el3mYTgx13ZAPPirSVsHqFzl+BBBDrXvbySvPGFnQcTI4iNslrPaFq4muTkLZmKlGk4gyFAYUBMH30+HurREyA==,
@@ -18573,11 +18573,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
     dev: false
 
-  /postcss-minify-gradients@5.1.1(postcss@8.4.14):
+  /postcss-minify-gradients@5.1.1(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-VGvXMTpCEo4qHTNSa9A0a3D+dxGFZCYwR6Jokk+/3oB6flu2/PnPXAh2x7x52EkY5xlIHLm+Le8tJxe/7TNhzw==,
@@ -18587,12 +18587,12 @@ packages:
       postcss: ^8.2.15
     dependencies:
       colord: 2.9.3
-      cssnano-utils: 3.1.0(postcss@8.4.14)
-      postcss: 8.4.14
+      cssnano-utils: 3.1.0(postcss@8.4.21)
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
     dev: false
 
-  /postcss-minify-params@5.1.4(postcss@8.4.14):
+  /postcss-minify-params@5.1.4(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-+mePA3MgdmVmv6g+30rn57USjOGSAyuxUmkfiWpzalZ8aiBkdPYjXWtHuwJGm1v5Ojy0Z0LaSYhHaLJQB0P8Jw==,
@@ -18602,12 +18602,12 @@ packages:
       postcss: ^8.2.15
     dependencies:
       browserslist: 4.21.4
-      cssnano-utils: 3.1.0(postcss@8.4.14)
-      postcss: 8.4.14
+      cssnano-utils: 3.1.0(postcss@8.4.21)
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
     dev: false
 
-  /postcss-minify-selectors@5.2.1(postcss@8.4.14):
+  /postcss-minify-selectors@5.2.1(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-nPJu7OjZJTsVUmPdm2TcaiohIwxP+v8ha9NehQ2ye9szv4orirRU3SDdtUmKH+10nzn0bAyOXZ0UEr7OpvLehg==,
@@ -18616,7 +18616,7 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-selector-parser: 6.0.11
     dev: false
 
@@ -18700,7 +18700,7 @@ packages:
       postcss-selector-parser: 6.0.11
     dev: false
 
-  /postcss-normalize-charset@5.1.0(postcss@8.4.14):
+  /postcss-normalize-charset@5.1.0(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==,
@@ -18709,10 +18709,10 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
     dev: false
 
-  /postcss-normalize-display-values@5.1.0(postcss@8.4.14):
+  /postcss-normalize-display-values@5.1.0(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-WP4KIM4o2dazQXWmFaqMmcvsKmhdINFblgSeRgn8BJ6vxaMyaJkwAzpPpuvSIoG/rmX3M+IrRZEz2H0glrQNEA==,
@@ -18721,11 +18721,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
     dev: false
 
-  /postcss-normalize-positions@5.1.1(postcss@8.4.14):
+  /postcss-normalize-positions@5.1.1(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-6UpCb0G4eofTCQLFVuI3EVNZzBNPiIKcA1AKVka+31fTVySphr3VUgAIULBhxZkKgwLImhzMR2Bw1ORK+37INg==,
@@ -18734,11 +18734,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
     dev: false
 
-  /postcss-normalize-repeat-style@5.1.1(postcss@8.4.14):
+  /postcss-normalize-repeat-style@5.1.1(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-mFpLspGWkQtBcWIRFLmewo8aC3ImN2i/J3v8YCFUwDnPu3Xz4rLohDO26lGjwNsQxB3YF0KKRwspGzE2JEuS0g==,
@@ -18747,11 +18747,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
     dev: false
 
-  /postcss-normalize-string@5.1.0(postcss@8.4.14):
+  /postcss-normalize-string@5.1.0(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-oYiIJOf4T9T1N4i+abeIc7Vgm/xPCGih4bZz5Nm0/ARVJ7K6xrDlLwvwqOydvyL3RHNf8qZk6vo3aatiw/go3w==,
@@ -18760,11 +18760,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
     dev: false
 
-  /postcss-normalize-timing-functions@5.1.0(postcss@8.4.14):
+  /postcss-normalize-timing-functions@5.1.0(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-DOEkzJ4SAXv5xkHl0Wa9cZLF3WCBhF3o1SKVxKQAa+0pYKlueTpCgvkFAHfk+Y64ezX9+nITGrDZeVGgITJXjg==,
@@ -18773,11 +18773,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
     dev: false
 
-  /postcss-normalize-unicode@5.1.1(postcss@8.4.14):
+  /postcss-normalize-unicode@5.1.1(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-qnCL5jzkNUmKVhZoENp1mJiGNPcsJCs1aaRmURmeJGES23Z/ajaln+EPTD+rBeNkSryI+2WTdW+lwcVdOikrpA==,
@@ -18787,11 +18787,11 @@ packages:
       postcss: ^8.2.15
     dependencies:
       browserslist: 4.21.4
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
     dev: false
 
-  /postcss-normalize-url@5.1.0(postcss@8.4.14):
+  /postcss-normalize-url@5.1.0(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-5upGeDO+PVthOxSmds43ZeMeZfKH+/DKgGRD7TElkkyS46JXAUhMzIKiCa7BabPeIy3AQcTkXwVVN7DbqsiCew==,
@@ -18801,11 +18801,11 @@ packages:
       postcss: ^8.2.15
     dependencies:
       normalize-url: 6.1.0
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
     dev: false
 
-  /postcss-normalize-whitespace@5.1.1(postcss@8.4.14):
+  /postcss-normalize-whitespace@5.1.1(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-83ZJ4t3NUDETIHTa3uEg6asWjSBYL5EdkVB0sDncx9ERzOKBVJIUeDO9RyA9Zwtig8El1d79HBp0JEi8wvGQnA==,
@@ -18814,7 +18814,7 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
     dev: false
 
@@ -18847,7 +18847,7 @@ packages:
       postcss: 8.4.14
     dev: false
 
-  /postcss-ordered-values@5.1.3(postcss@8.4.14):
+  /postcss-ordered-values@5.1.3(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-9UO79VUhPwEkzbb3RNpqqghc6lcYej1aveQteWY+4POIwlqkYE21HKWaLDF6lWNuqCobEAyTovVhtI32Rbv2RQ==,
@@ -18856,8 +18856,8 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      cssnano-utils: 3.1.0(postcss@8.4.14)
-      postcss: 8.4.14
+      cssnano-utils: 3.1.0(postcss@8.4.21)
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
     dev: false
 
@@ -18972,7 +18972,7 @@ packages:
       postcss-selector-parser: 6.0.11
     dev: false
 
-  /postcss-reduce-initial@5.1.2(postcss@8.4.14):
+  /postcss-reduce-initial@5.1.2(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==,
@@ -18983,10 +18983,10 @@ packages:
     dependencies:
       browserslist: 4.21.4
       caniuse-api: 3.0.0
-      postcss: 8.4.14
+      postcss: 8.4.21
     dev: false
 
-  /postcss-reduce-transforms@5.1.0(postcss@8.4.14):
+  /postcss-reduce-transforms@5.1.0(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-2fbdbmgir5AvpW9RLtdONx1QoYG2/EtqpNQbFASDlixBbAYuTcJ0dECwlqNqH7VbaUnEnh8SrxOe2sRIn24XyQ==,
@@ -18995,7 +18995,7 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
     dev: false
 
@@ -19034,7 +19034,7 @@ packages:
       util-deprecate: 1.0.2
     dev: false
 
-  /postcss-svgo@5.1.0(postcss@8.4.14):
+  /postcss-svgo@5.1.0(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-D75KsH1zm5ZrHyxPakAxJWtkyXew5qwS70v56exwvw542d9CRtTo78K0WeFxZB4G7JXKKMbEZtZayTGdIky/eA==,
@@ -19043,12 +19043,12 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-value-parser: 4.2.0
       svgo: 2.8.0
     dev: false
 
-  /postcss-unique-selectors@5.1.1(postcss@8.4.14):
+  /postcss-unique-selectors@5.1.1(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-5JiODlELrz8L2HwxfPnhOWZYWDxVHWL83ufOv84NrcgipI7TaeRsatAhK4Tr2/ZiYldpK/wBvw5BD3qfaK96GA==,
@@ -19057,7 +19057,7 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-selector-parser: 6.0.11
     dev: false
 
@@ -21866,7 +21866,7 @@ packages:
       client-only: 0.0.1
       react: 18.2.0
 
-  /stylehacks@5.1.1(postcss@8.4.14):
+  /stylehacks@5.1.1(postcss@8.4.21):
     resolution:
       {
         integrity: sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw==,
@@ -21876,7 +21876,7 @@ packages:
       postcss: ^8.2.15
     dependencies:
       browserslist: 4.21.4
-      postcss: 8.4.14
+      postcss: 8.4.21
       postcss-selector-parser: 6.0.11
     dev: false
 
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 88434a658..9d7321310 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -2,3 +2,4 @@ packages:
   - packages/*
   - examples/*
   - docs
+  - workshop
diff --git a/examples/next-typescript/.gitignore b/workshop/.gitignore
similarity index 100%
rename from examples/next-typescript/.gitignore
rename to workshop/.gitignore
diff --git a/examples/next-typescript/next-env.d.ts b/workshop/next-env.d.ts
similarity index 100%
rename from examples/next-typescript/next-env.d.ts
rename to workshop/next-env.d.ts
diff --git a/examples/next-typescript/next.config.js b/workshop/next.config.js
similarity index 100%
rename from examples/next-typescript/next.config.js
rename to workshop/next.config.js
diff --git a/examples/next-typescript/package.json b/workshop/package.json
similarity index 75%
rename from examples/next-typescript/package.json
rename to workshop/package.json
index eaa74d01e..ae44afec5 100644
--- a/examples/next-typescript/package.json
+++ b/workshop/package.json
@@ -1,10 +1,10 @@
 {
-  "name": "next-typescript",
+  "name": "workshop",
   "private": true,
   "scripts": {
-    "dev": "next -p 3001",
+    "dev": "next -p 3000",
     "build": "next build",
-    "start": "next start -p 3001"
+    "start": "next start -p 3000"
   },
   "dependencies": {
     "@preconstruct/next": "^4.0.0",
diff --git a/examples/next-typescript/pages/_app.tsx b/workshop/pages/_app.tsx
similarity index 100%
rename from examples/next-typescript/pages/_app.tsx
rename to workshop/pages/_app.tsx
diff --git a/examples/next-typescript/pages/_document.tsx b/workshop/pages/_document.tsx
similarity index 100%
rename from examples/next-typescript/pages/_document.tsx
rename to workshop/pages/_document.tsx
diff --git a/examples/next-typescript/pages/avatar.tsx b/workshop/pages/avatar.tsx
similarity index 100%
rename from examples/next-typescript/pages/avatar.tsx
rename to workshop/pages/avatar.tsx
diff --git a/examples/next-typescript/pages/badge.tsx b/workshop/pages/badge.tsx
similarity index 100%
rename from examples/next-typescript/pages/badge.tsx
rename to workshop/pages/badge.tsx
diff --git a/examples/next-typescript/pages/button.tsx b/workshop/pages/button.tsx
similarity index 100%
rename from examples/next-typescript/pages/button.tsx
rename to workshop/pages/button.tsx
diff --git a/examples/next-typescript/pages/checkbox.tsx b/workshop/pages/checkbox.tsx
similarity index 100%
rename from examples/next-typescript/pages/checkbox.tsx
rename to workshop/pages/checkbox.tsx
diff --git a/examples/next-typescript/pages/collapse.tsx b/workshop/pages/collapse.tsx
similarity index 100%
rename from examples/next-typescript/pages/collapse.tsx
rename to workshop/pages/collapse.tsx
diff --git a/examples/next-typescript/pages/drawer.tsx b/workshop/pages/drawer.tsx
similarity index 100%
rename from examples/next-typescript/pages/drawer.tsx
rename to workshop/pages/drawer.tsx
diff --git a/examples/next-typescript/pages/error.tsx b/workshop/pages/error.tsx
similarity index 100%
rename from examples/next-typescript/pages/error.tsx
rename to workshop/pages/error.tsx
diff --git a/examples/next-typescript/pages/grid.tsx b/workshop/pages/grid.tsx
similarity index 100%
rename from examples/next-typescript/pages/grid.tsx
rename to workshop/pages/grid.tsx
diff --git a/examples/next-typescript/pages/icon.tsx b/workshop/pages/icon.tsx
similarity index 100%
rename from examples/next-typescript/pages/icon.tsx
rename to workshop/pages/icon.tsx
diff --git a/examples/next-typescript/pages/image.tsx b/workshop/pages/image.tsx
similarity index 100%
rename from examples/next-typescript/pages/image.tsx
rename to workshop/pages/image.tsx
diff --git a/examples/next-typescript/pages/index.tsx b/workshop/pages/index.tsx
similarity index 100%
rename from examples/next-typescript/pages/index.tsx
rename to workshop/pages/index.tsx
diff --git a/examples/next-typescript/pages/input.tsx b/workshop/pages/input.tsx
similarity index 100%
rename from examples/next-typescript/pages/input.tsx
rename to workshop/pages/input.tsx
diff --git a/examples/next-typescript/pages/link.tsx b/workshop/pages/link.tsx
similarity index 100%
rename from examples/next-typescript/pages/link.tsx
rename to workshop/pages/link.tsx
diff --git a/examples/next-typescript/pages/modal.tsx b/workshop/pages/modal.tsx
similarity index 100%
rename from examples/next-typescript/pages/modal.tsx
rename to workshop/pages/modal.tsx
diff --git a/examples/next-typescript/pages/note.tsx b/workshop/pages/note.tsx
similarity index 100%
rename from examples/next-typescript/pages/note.tsx
rename to workshop/pages/note.tsx
diff --git a/examples/next-typescript/pages/progress.tsx b/workshop/pages/progress.tsx
similarity index 100%
rename from examples/next-typescript/pages/progress.tsx
rename to workshop/pages/progress.tsx
diff --git a/examples/next-typescript/pages/skeleton.tsx b/workshop/pages/skeleton.tsx
similarity index 100%
rename from examples/next-typescript/pages/skeleton.tsx
rename to workshop/pages/skeleton.tsx
diff --git a/examples/next-typescript/pages/spacer.tsx b/workshop/pages/spacer.tsx
similarity index 100%
rename from examples/next-typescript/pages/spacer.tsx
rename to workshop/pages/spacer.tsx
diff --git a/examples/next-typescript/pages/tabs.tsx b/workshop/pages/tabs.tsx
similarity index 100%
rename from examples/next-typescript/pages/tabs.tsx
rename to workshop/pages/tabs.tsx
diff --git a/examples/next-typescript/pages/text.tsx b/workshop/pages/text.tsx
similarity index 100%
rename from examples/next-typescript/pages/text.tsx
rename to workshop/pages/text.tsx
diff --git a/examples/next-typescript/pages/textarea.tsx b/workshop/pages/textarea.tsx
similarity index 100%
rename from examples/next-typescript/pages/textarea.tsx
rename to workshop/pages/textarea.tsx
diff --git a/examples/next-typescript/pages/toast.tsx b/workshop/pages/toast.tsx
similarity index 100%
rename from examples/next-typescript/pages/toast.tsx
rename to workshop/pages/toast.tsx
diff --git a/examples/next-typescript/pages/toggle.tsx b/workshop/pages/toggle.tsx
similarity index 100%
rename from examples/next-typescript/pages/toggle.tsx
rename to workshop/pages/toggle.tsx
diff --git a/examples/next-typescript/tsconfig.json b/workshop/tsconfig.json
similarity index 100%
rename from examples/next-typescript/tsconfig.json
rename to workshop/tsconfig.json