chore: relocate dist/components to dist/atomic/components (#4859)

With the Lit adaptation layer, we need the components directory in the
CDN files.
However, we only deploy dist/atomic to the CDN with the current
structure. Changing what we deploy to the CDN is the riskiest change
because even if we support only a given # of entry points, there is no
protection.
NPM and exports have this level of protection, so instead, I used the
"CDN" file structure as the immutable and changed things for NPM.

https://coveord.atlassian.net/browse/KIT-3858

packages/atomic/package.json

@@ -36,8 +36,8 @@
       "require": "./dist/atomic/lang/*"
     },
     "./components": {
-      "types": "./dist/components/components/index.d.ts",
-      "import": "./dist/components/components/index.js"
+      "types": "./dist/atomic/components/components/index.d.ts",
+      "import": "./dist/atomic/components/components/index.js"
     },
     "./custom-elements-manifest": "./custom-elements.json"
   },

packages/atomic/src/autoloader/index.ts

@@ -1,6 +1,6 @@
 //@ts-ignore
 //TODO: Simplify path to target some kind of index file?
-import searchElementMap from '../../components/components/search/lazy-index.js';
+import searchElementMap from '../components/components/search/lazy-index.js';
 
 if (typeof window !== 'undefined') {
   /**

packages/atomic/src/components/commerce/atomic-commerce-query-error/e2e/fixture.ts

@@ -1,9 +1,9 @@
 import {Page, test as base} from '@playwright/test';
-import {KnownErrorType} from '../../../../../dist/types/components/common/query-error/known-error-types';
 import {
   AxeFixture,
   makeAxeBuilder,
 } from '../../../../../playwright-utils/base-fixture';
+import type {KnownErrorType} from '../../../common/query-error/known-error-types';
 import {SearchBoxPageObject as SearchBox} from '../../atomic-commerce-search-box/e2e/page-object';
 import {QueryErrorPageObject as QueryError} from './page-object';
 

packages/atomic/stencil-proxy/atomic/atomic.esm.js

@@ -1,4 +1,4 @@
 import './autoloader/index.esm.js';
 
 export * from './_atomic.esm.js';
-export * from '../components/components/lazy-index.js';
+export * from './components/components/lazy-index.js';

packages/atomic/stencil-proxy/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 const exportModule = require('./_loader.cjs.js');
 const searchComponents = import(
-  '../components/components/search/lazy-index.js'
+  '../atomic/components/components/search/lazy-index.js'
 );
 
 const originalDefineCustomElements = exportModule.defineCustomElements;

packages/atomic/stencil-proxy/esm/index.js

@@ -1,4 +1,4 @@
 import '../atomic/autoloader/index.esm.js';
 
 export * from './_index.js';
-export * as SearchComponentMap from '../components/components/search/lazy-index.js';
+export * as SearchComponentMap from '../atomic/components/components/search/lazy-index.js';

packages/atomic/stencil-proxy/esm/loader.js

@@ -1,4 +1,4 @@
-import searchComponents from '../components/components/search/lazy-index.js';
+import searchComponents from '../atomic/components/components/search/lazy-index.js';
 import {defineCustomElements as originalDefineCustomElements} from './_loader.js';
 
 const defineCustomElements = function (...args) {

packages/atomic/stencil.config.ts

@@ -126,6 +126,7 @@ export const config: Config = {
     {
       type: 'dist-custom-elements',
       generateTypeDeclarations: false,
+      dir: 'dist/atomic/components',
       customElementsExportBehavior: 'single-export-module',
     },
     {

packages/atomic/tsconfig.lit.json

@@ -9,7 +9,7 @@
     "declarationMap": true,
     "experimentalDecorators": true,
     "useDefineForClassFields": false,
-    "outDir": "dist/components"
+    "outDir": "dist/atomic/components"
   },
   "files": [
     "src/components/index.ts",