diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000..4fb3734e36
Binary files /dev/null and b/.DS_Store differ
diff --git a/packages/ui/package.json b/packages/ui/package.json
deleted file mode 100644
index 437f9b7aa4..0000000000
--- a/packages/ui/package.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
- "name": "@payloadcms/ui",
- "version": "3.24.0",
- "sideEffects": false,
- "type": "module",
- "main": "./src/index.tsx",
- "types": "./src/index.tsx",
- "scripts": {
- },
- "dependencies": {
-
- },
- "devDependencies": {
-
- }
-}
diff --git a/packages/ui/src/Child.tsx b/packages/ui/src/Child.tsx
deleted file mode 100644
index 3df4f99cb2..0000000000
--- a/packages/ui/src/Child.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-'use client'
-import React from 'react'
-
-import './incorrect.scss'
-
-export const Child: React.FC = () => {
- return Child
-}
-export { Three } from './test.js'
diff --git a/packages/ui/src/index.tsx b/packages/ui/src/index.tsx
deleted file mode 100644
index d842bf14e5..0000000000
--- a/packages/ui/src/index.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-'use client'
-import {Child} from './Child.js'
-import React from 'react'
-
-export function Parent() {
- return
-}
diff --git a/packages/ui/src/test.ts b/packages/ui/src/test.ts
deleted file mode 100644
index 7d950d75b4..0000000000
--- a/packages/ui/src/test.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const Three = 3
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
deleted file mode 100644
index 067a01bf0f..0000000000
--- a/pnpm-workspace.yaml
+++ /dev/null
@@ -1,3 +0,0 @@
-packages:
- # all packages in direct subdirs of packages/
- - 'packages/*'
diff --git a/.gitignore b/project/.gitignore
similarity index 100%
rename from .gitignore
rename to project/.gitignore
diff --git a/app/layout.tsx b/project/app/layout.tsx
similarity index 100%
rename from app/layout.tsx
rename to project/app/layout.tsx
diff --git a/app/page.tsx b/project/app/page.tsx
similarity index 88%
rename from app/page.tsx
rename to project/app/page.tsx
index ad2dfb6ba9..177b77437e 100644
--- a/app/page.tsx
+++ b/project/app/page.tsx
@@ -1,11 +1,11 @@
import React from 'react'
import { Parent } from '@payloadcms/ui'
+import './style.scss'
const RootPage = async () => {
return
}
diff --git a/project/app/style.scss b/project/app/style.scss
new file mode 100644
index 0000000000..da82c2c2d7
--- /dev/null
+++ b/project/app/style.scss
@@ -0,0 +1,8 @@
+// As this is the demo folder, we import Payload SCSS functions relatively.
+@import '../../styles.scss';
+
+
+
+div {
+ color: $color-red
+}
\ No newline at end of file
diff --git a/next-env.d.ts b/project/next-env.d.ts
similarity index 100%
rename from next-env.d.ts
rename to project/next-env.d.ts
diff --git a/next.config.mjs b/project/next.config.mjs
similarity index 100%
rename from next.config.mjs
rename to project/next.config.mjs
diff --git a/package.json b/project/package.json
similarity index 84%
rename from package.json
rename to project/package.json
index 8ded12eaaf..ea63a8e331 100644
--- a/package.json
+++ b/project/package.json
@@ -3,11 +3,10 @@
"version": "3.24.0",
"private": true,
"type": "module",
- "scripts": {
- },
+ "scripts": {},
"devDependencies": {
- "@types/react": "19.0.1",
"@types/node": "22.13.5",
+ "@types/react": "19.0.1",
"@types/react-dom": "19.0.1",
"next": "15.2.0-canary.74",
"react": "19.0.0",
@@ -15,7 +14,7 @@
"tsx": "4.19.2",
"typescript": "5.7.3"
},
- "workspaces:": [
- "packages/*"
- ]
+ "dependencies": {
+ "sass": "1.70.0"
+ }
}
diff --git a/pnpm-lock.yaml b/project/pnpm-lock.yaml
similarity index 86%
rename from pnpm-lock.yaml
rename to project/pnpm-lock.yaml
index 69069aa86d..ea48c65cba 100644
--- a/pnpm-lock.yaml
+++ b/project/pnpm-lock.yaml
@@ -7,6 +7,10 @@ settings:
importers:
.:
+ dependencies:
+ sass:
+ specifier: 1.70.0
+ version: 1.70.0
devDependencies:
'@types/node':
specifier: 22.13.5
@@ -19,7 +23,7 @@ importers:
version: 19.0.1
next:
specifier: 15.2.0-canary.74
- version: 15.2.0-canary.74(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+ version: 15.2.0-canary.74(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(sass@1.70.0)
react:
specifier: 19.0.0
version: 19.0.0
@@ -33,8 +37,6 @@ importers:
specifier: 5.7.3
version: 5.7.3
- packages/ui: {}
-
packages:
'@emnapi/runtime@1.3.1':
@@ -355,12 +357,28 @@ packages:
'@types/react@19.0.1':
resolution: {integrity: sha512-YW6614BDhqbpR5KtUYzTA+zlA7nayzJRA9ljz9CQoxthR0sDisYZLuvSMsil36t4EH/uAt8T52Xb4sVw17G+SQ==}
+ anymatch@3.1.3:
+ resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+ engines: {node: '>= 8'}
+
+ binary-extensions@2.3.0:
+ resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
+ engines: {node: '>=8'}
+
+ braces@3.0.3:
+ resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+ engines: {node: '>=8'}
+
busboy@1.6.0:
resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==}
engines: {node: '>=10.16.0'}
- caniuse-lite@1.0.30001700:
- resolution: {integrity: sha512-2S6XIXwaE7K7erT8dY+kLQcpa5ms63XlRkMkReXjle+kf6c5g38vyMl+Z5y8dSxOFDhcFe+nxnn261PLxBSQsQ==}
+ caniuse-lite@1.0.30001703:
+ resolution: {integrity: sha512-kRlAGTRWgPsOj7oARC9m1okJEXdL/8fekFVcxA8Hl7GH4r/sN4OJn/i6Flde373T50KS7Y37oFbMwlE8+F42kQ==}
+
+ chokidar@3.6.0:
+ resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+ engines: {node: '>= 8.10.0'}
client-only@0.0.1:
resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
@@ -391,6 +409,10 @@ packages:
engines: {node: '>=18'}
hasBin: true
+ fill-range@7.1.1:
+ resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+ engines: {node: '>=8'}
+
fsevents@2.3.3:
resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -399,11 +421,34 @@ packages:
get-tsconfig@4.10.0:
resolution: {integrity: sha512-kGzZ3LWWQcGIAmg6iWvXn0ei6WDtV26wzHRMwDSzmAbcXrTEXxHy6IehI6/4eT6VRKyMP1eF1VqwrVUmE/LR7A==}
+ glob-parent@5.1.2:
+ resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+ engines: {node: '>= 6'}
+
+ immutable@4.3.7:
+ resolution: {integrity: sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==}
+
is-arrayish@0.3.2:
resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
- nanoid@3.3.8:
- resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
+ is-binary-path@2.1.0:
+ resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+ engines: {node: '>=8'}
+
+ is-extglob@2.1.1:
+ resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+ engines: {node: '>=0.10.0'}
+
+ is-glob@4.0.3:
+ resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+ engines: {node: '>=0.10.0'}
+
+ is-number@7.0.0:
+ resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+ engines: {node: '>=0.12.0'}
+
+ nanoid@3.3.9:
+ resolution: {integrity: sha512-SppoicMGpZvbF1l3z4x7No3OlIjP7QJvC9XR7AhZr1kL133KHnKPztkKDc+Ir4aJ/1VhTySrtKhrsycmrMQfvg==}
engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
hasBin: true
@@ -428,9 +473,17 @@ packages:
sass:
optional: true
+ normalize-path@3.0.0:
+ resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+ engines: {node: '>=0.10.0'}
+
picocolors@1.1.1:
resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+ picomatch@2.3.1:
+ resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+ engines: {node: '>=8.6'}
+
postcss@8.4.31:
resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
engines: {node: ^10 || ^12 || >=14}
@@ -444,9 +497,18 @@ packages:
resolution: {integrity: sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==}
engines: {node: '>=0.10.0'}
+ readdirp@3.6.0:
+ resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+ engines: {node: '>=8.10.0'}
+
resolve-pkg-maps@1.0.0:
resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+ sass@1.70.0:
+ resolution: {integrity: sha512-uUxNQ3zAHeAx5nRFskBnrWzDUJrrvpCPD5FNAoRvTi0WwremlheES3tg+56PaVtCs5QDRX5CBLxxKMDJMEa1WQ==}
+ engines: {node: '>=14.0.0'}
+ hasBin: true
+
scheduler@0.25.0:
resolution: {integrity: sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==}
@@ -483,6 +545,10 @@ packages:
babel-plugin-macros:
optional: true
+ to-regex-range@5.0.1:
+ resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+ engines: {node: '>=8.0'}
+
tslib@2.8.1:
resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
@@ -697,11 +763,34 @@ snapshots:
dependencies:
csstype: 3.1.3
+ anymatch@3.1.3:
+ dependencies:
+ normalize-path: 3.0.0
+ picomatch: 2.3.1
+
+ binary-extensions@2.3.0: {}
+
+ braces@3.0.3:
+ dependencies:
+ fill-range: 7.1.1
+
busboy@1.6.0:
dependencies:
streamsearch: 1.1.0
- caniuse-lite@1.0.30001700: {}
+ caniuse-lite@1.0.30001703: {}
+
+ chokidar@3.6.0:
+ dependencies:
+ anymatch: 3.1.3
+ braces: 3.0.3
+ glob-parent: 5.1.2
+ is-binary-path: 2.1.0
+ is-glob: 4.0.3
+ normalize-path: 3.0.0
+ readdirp: 3.6.0
+ optionalDependencies:
+ fsevents: 2.3.3
client-only@0.0.1: {}
@@ -757,6 +846,10 @@ snapshots:
'@esbuild/win32-ia32': 0.23.1
'@esbuild/win32-x64': 0.23.1
+ fill-range@7.1.1:
+ dependencies:
+ to-regex-range: 5.0.1
+
fsevents@2.3.3:
optional: true
@@ -764,18 +857,36 @@ snapshots:
dependencies:
resolve-pkg-maps: 1.0.0
+ glob-parent@5.1.2:
+ dependencies:
+ is-glob: 4.0.3
+
+ immutable@4.3.7: {}
+
is-arrayish@0.3.2:
optional: true
- nanoid@3.3.8: {}
+ is-binary-path@2.1.0:
+ dependencies:
+ binary-extensions: 2.3.0
- next@15.2.0-canary.74(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+ is-extglob@2.1.1: {}
+
+ is-glob@4.0.3:
+ dependencies:
+ is-extglob: 2.1.1
+
+ is-number@7.0.0: {}
+
+ nanoid@3.3.9: {}
+
+ next@15.2.0-canary.74(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(sass@1.70.0):
dependencies:
'@next/env': 15.2.0-canary.74
'@swc/counter': 0.1.3
'@swc/helpers': 0.5.15
busboy: 1.6.0
- caniuse-lite: 1.0.30001700
+ caniuse-lite: 1.0.30001703
postcss: 8.4.31
react: 19.0.0
react-dom: 19.0.0(react@19.0.0)
@@ -789,16 +900,21 @@ snapshots:
'@next/swc-linux-x64-musl': 15.2.0-canary.74
'@next/swc-win32-arm64-msvc': 15.2.0-canary.74
'@next/swc-win32-x64-msvc': 15.2.0-canary.74
+ sass: 1.70.0
sharp: 0.33.5
transitivePeerDependencies:
- '@babel/core'
- babel-plugin-macros
+ normalize-path@3.0.0: {}
+
picocolors@1.1.1: {}
+ picomatch@2.3.1: {}
+
postcss@8.4.31:
dependencies:
- nanoid: 3.3.8
+ nanoid: 3.3.9
picocolors: 1.1.1
source-map-js: 1.2.1
@@ -809,8 +925,18 @@ snapshots:
react@19.0.0: {}
+ readdirp@3.6.0:
+ dependencies:
+ picomatch: 2.3.1
+
resolve-pkg-maps@1.0.0: {}
+ sass@1.70.0:
+ dependencies:
+ chokidar: 3.6.0
+ immutable: 4.3.7
+ source-map-js: 1.2.1
+
scheduler@0.25.0: {}
semver@7.7.1:
@@ -857,6 +983,10 @@ snapshots:
client-only: 0.0.1
react: 19.0.0
+ to-regex-range@5.0.1:
+ dependencies:
+ is-number: 7.0.0
+
tslib@2.8.1: {}
tsx@4.19.2:
diff --git a/tsconfig.json b/project/tsconfig.json
similarity index 100%
rename from tsconfig.json
rename to project/tsconfig.json
diff --git a/styles.scss b/styles.scss
new file mode 100644
index 0000000000..9cdd1332d6
--- /dev/null
+++ b/styles.scss
@@ -0,0 +1 @@
+$color-red: rgb(255, 0, 0);
\ No newline at end of file