fix: copy lightdom shims to root

to make it easier for cdns like unpkg to work with RHDS, we copy the
lightdom css files into the root, avoiding the need to load assets from
`@rhds/elements/elements`

.changeset/tender-dingos-ring.md

@@ -0,0 +1,4 @@
+---
+"@rhds/elements": patch
+---
+Copies lightdom CSS files into the package root, making it easier to use RHDS with CDNS like UNPKG.

.gitignore

@@ -24,6 +24,8 @@ test-results.xml
 rhds.min.js
 *LEGAL.txt
 *.tgz
+# copied lightdom shims
+rh-*
 
 # e2e
 test-results

package.json

@@ -37,6 +37,7 @@
     "elements/*/*-lightdom.css",
     "elements/*/*-lightdom-shim.css",
     "elements/rh-audio-player/i18n/*.json",
+    "rh-*/*.css",
     "!elements/*/docs/**/*.{js,html,css,md}",
     "!elements/*/demo/**/*.{js,html,css,md}",
     "!elements/*/test/*.{spec,e2e}.{ts,d.ts}",
@@ -158,6 +159,16 @@
         "react/**/*"
       ]
     },
+    "copy-css": {
+      "command": "npx tsx scripts/copy-assets.ts",
+      "files": [
+        "elements/*/*.css",
+        "scripts/copy-assets.ts"
+      ],
+      "output": [
+        "./*/*.css"
+      ]
+    },
     "bundle": {
       "command": "node scripts/bundle.js",
       "files": [

scripts/copy-assets.ts

@@ -0,0 +1,14 @@
+import { cp, mkdir } from 'node:fs/promises';
+import { dirname } from 'node:path';
+import { glob } from 'glob';
+import chalk from 'chalk'
+
+for (const srcFile of await glob([
+  'elements/*/*-lightdom.css',
+  'elements/*/*-shim.css',
+])) {
+  const destFile = srcFile.replace('elements/', '');
+  await mkdir(dirname(destFile));
+  await cp(srcFile, destFile);
+  console.log(`${chalk.blue`Copied`} ${srcFile} to ${destFile}`);
+}