feat: no implicit lit

do not automatically import lit for esm, but instead defer it to the umd bundle

Author: iOvergaard

packages/rollup-package.config.mjs

@@ -15,6 +15,8 @@ import properties from './uui-css/custom-properties.module.js'; // eslint-disabl
 
 const esbuidOptions = { minify: true };
 
+const rootDir = new URL('../', import.meta.url).pathname;
+
 const createEsModulesConfig = (entryPoints = []) => {
   return [
     ...entryPoints.map(name => {
@@ -26,7 +28,7 @@ const createEsModulesConfig = (entryPoints = []) => {
         },
         external: [/^lit/, /^@umbraco-ui/],
         plugins: [
-          nodeResolve(),
+          nodeResolve({ rootDir }),
           importCss({ from: undefined }),
           esbuild(),
           processLitCSSPlugin(),
@@ -63,15 +65,15 @@ const createBundleConfig = (bundle, namespace) => {
 
   return bundle
     ? {
-        input: `lib/${bundle}.ts`,
+        input: `lib/${bundle}.umd.ts`,
         output: {
           file: `./dist/${bundleName}.min.js`,
           format: 'umd',
           sourcemap: true,
           name: namespace,
         },
         plugins: [
-          nodeResolve(),
+          nodeResolve({ rootDir }),
           importCss(),
           processLitCSSPlugin(),
           minifyHTML.default(),

packages/uui-base/lib/index.ts

@@ -1,6 +1,3 @@
-import 'lit';
-import 'lit/decorators.js';
-
 export * from './animations';
 export * from './events';
 export * from './mixins';

packages/uui/lib/index.umd.ts

@@ -0,0 +1,3 @@
+import 'lit';
+import 'lit/decorators.js';
+import '.';