@jasonshimmy/custom-elements-runtime 2.8.1 → 3.0.0

package/dist/custom-elements-runtime.vite-plugin.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("node:fs"),u=require("node:path"),h=require("./style-D40DsIqJ.cjs"),g="virtual:cer-jit-css",y="\0virtual:cer-jit-css";function m(S,s){s&&Object.keys(s).length>0&&h.enableJITCSS(s);const o=process.cwd(),l=[];for(const r of S){const t=i.globSync(r,{cwd:o}).map(c=>u.resolve(o,c));l.push(...t)}const v=[...new Set(l)],a=new Set;for(const r of v)try{const t=i.readFileSync(r,"utf-8"),c=h.extractClassesFromHTML(t);for(const e of c)a.add(e)}catch{}if(a.size===0)return"";const p=`<div class="${[...a].join(" ")}"></div>`;return h.jitCSS(p)}function C(S){const{content:s,output:o,virtualModule:l=!0,extendedColors:v,customColors:a,disableVariants:p}=S,r={extendedColors:v,customColors:a,disableVariants:p};let t="",c=null;return{name:"cer-jit-css",buildStart(){const e=process.cwd(),f=new Set;for(const d of s)i.globSync(d,{cwd:e}).forEach(n=>f.add(u.resolve(e,n)));if(c=f,t=m(s,r),o){const d=u.resolve(process.cwd(),o);i.mkdirSync(u.dirname(d),{recursive:!0}),i.writeFileSync(d,t,"utf-8")}},resolveId(e){if(l&&e===g)return y},load(e){if(e===y)return`export default ${JSON.stringify(t)};`},handleHotUpdate({file:e,server:f}){if(c?.has(e)??!1){if(t=m(s,r),o){const n=u.resolve(process.cwd(),o);i.writeFileSync(n,t,"utf-8")}if(l){const n=f,w=n.moduleGraph.getModuleById(y);w&&n.reloadModule(w)}}}}}exports.cerJITCSS=C;
+//# sourceMappingURL=custom-elements-runtime.vite-plugin.cjs.js.map

package/dist/custom-elements-runtime.vite-plugin.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-elements-runtime.vite-plugin.cjs.js","sources":["../src/lib/vite-plugin.ts"],"sourcesContent":["/**\n * Vite plugin for build-time JIT CSS generation.\n *\n * Scans source files for utility class names and emits pre-generated CSS,\n * eliminating all runtime parsing cost for projects with static class lists.\n *\n * @example\n * ```ts\n * // vite.config.ts\n * import { defineConfig } from 'vite';\n * import { cerJITCSS } from '@jasonshimmy/custom-elements-runtime/vite-plugin';\n *\n * export default defineConfig({\n *   plugins: [\n *     cerJITCSS({\n *       content: ['./src/**\\/*.{ts,tsx,html}'],\n *       output: 'src/generated-jit.css',\n *       extendedColors: true,\n *     }),\n *   ],\n * });\n * ```\n */\n\nimport type { Plugin } from 'vite';\nimport { readFileSync, writeFileSync, mkdirSync, globSync } from 'node:fs';\nimport { resolve, dirname } from 'node:path';\nimport {\n  jitCSS,\n  enableJITCSS,\n  extractClassesFromHTML,\n  type JITCSSOptions,\n} from './runtime/style';\n\n// --- Re-export extractClassesFromHTML for plugin consumers ---\n\n/**\n * Options for the `cerJITCSS` Vite plugin.\n */\nexport interface CerJITCSSPluginOptions extends JITCSSOptions {\n  /**\n   * Glob patterns (relative to `process.cwd()`) that identify which source\n   * files the plugin should scan for utility class names.\n   *\n   * @example `['./src/**\\/*.{ts,html}', './index.html']`\n   */\n  content: string[];\n  /**\n   * File path (relative to `process.cwd()`) where the generated CSS will\n   * be written. When omitted the plugin only emits a virtual module.\n   */\n  output?: string;\n  /**\n   * Whether to emit a virtual module `virtual:cer-jit-css` that resolves to\n   * the generated CSS text. Defaults to `true`.\n   */\n  virtualModule?: boolean;\n}\n\nconst VIRTUAL_ID = 'virtual:cer-jit-css';\nconst RESOLVED_VIRTUAL_ID = '\\0virtual:cer-jit-css';\n\nfunction generateFromFiles(\n  contentPatterns: string[],\n  jitOptions: JITCSSOptions,\n): string {\n  if (jitOptions && Object.keys(jitOptions).length > 0) {\n    enableJITCSS(jitOptions);\n  }\n\n  const cwd = process.cwd();\n  const files: string[] = [];\n\n  for (const pattern of contentPatterns) {\n    const matches = globSync(pattern, { cwd }).map((f) => resolve(cwd, f));\n    files.push(...matches);\n  }\n\n  // Deduplicate files\n  const uniqueFiles = [...new Set(files)];\n\n  // Aggregate all class names across all files\n  const allClasses = new Set<string>();\n\n  for (const file of uniqueFiles) {\n    try {\n      const content = readFileSync(file, 'utf-8');\n      const classes = extractClassesFromHTML(content);\n      for (const cls of classes) allClasses.add(cls);\n    } catch {\n      // Skip unreadable files\n    }\n  }\n\n  if (allClasses.size === 0) return '';\n\n  // Build a fake HTML string containing all discovered classes so jitCSS()\n  // can process the full set in one pass.\n  const fakeHTML = `<div class=\"${[...allClasses].join(' ')}\"></div>`;\n  return jitCSS(fakeHTML);\n}\n\n/**\n * Vite plugin that performs a build-time scan of source files and emits\n * pre-generated JIT CSS as a file and/or `virtual:cer-jit-css` module.\n */\nexport function cerJITCSS(options: CerJITCSSPluginOptions): Plugin {\n  const {\n    content,\n    output,\n    virtualModule = true,\n    extendedColors,\n    customColors,\n    disableVariants,\n  } = options;\n\n  const jitOptions: JITCSSOptions = {\n    extendedColors,\n    customColors,\n    disableVariants,\n  };\n\n  let generatedCSS = '';\n  // Resolved file set built in buildStart and reused in handleHotUpdate to\n  // avoid re-running globSync for every HMR file-change event.\n  let watchedFiles: Set<string> | null = null;\n\n  return {\n    name: 'cer-jit-css',\n\n    buildStart() {\n      const cwd = process.cwd();\n      const resolved = new Set<string>();\n      for (const pattern of content) {\n        globSync(pattern, { cwd }).forEach((f) => resolved.add(resolve(cwd, f)));\n      }\n      watchedFiles = resolved;\n\n      generatedCSS = generateFromFiles(content, jitOptions);\n\n      if (output) {\n        const outputPath = resolve(process.cwd(), output);\n        mkdirSync(dirname(outputPath), { recursive: true });\n        writeFileSync(outputPath, generatedCSS, 'utf-8');\n      }\n    },\n\n    resolveId(id: string) {\n      if (virtualModule && id === VIRTUAL_ID) {\n        return RESOLVED_VIRTUAL_ID;\n      }\n      return undefined;\n    },\n\n    load(id: string) {\n      if (id === RESOLVED_VIRTUAL_ID) {\n        return `export default ${JSON.stringify(generatedCSS)};`;\n      }\n      return undefined;\n    },\n\n    handleHotUpdate({ file, server }: { file: string; server: unknown }) {\n      // Re-generate when a watched source file changes.\n      // Use the cached file set from buildStart to avoid re-globbing.\n      const isWatched = watchedFiles?.has(file) ?? false;\n\n      if (!isWatched) return;\n\n      generatedCSS = generateFromFiles(content, jitOptions);\n\n      if (output) {\n        const outputPath = resolve(process.cwd(), output);\n        writeFileSync(outputPath, generatedCSS, 'utf-8');\n      }\n\n      if (virtualModule) {\n        // Invalidate the virtual module so HMR triggers a reload\n        const viteServer = server as {\n          moduleGraph: { getModuleById: (id: string) => unknown };\n          reloadModule: (mod: unknown) => void;\n        };\n        const mod = viteServer.moduleGraph.getModuleById(RESOLVED_VIRTUAL_ID);\n        if (mod) viteServer.reloadModule(mod);\n      }\n    },\n  };\n}\n"],"names":["VIRTUAL_ID","RESOLVED_VIRTUAL_ID","generateFromFiles","contentPatterns","jitOptions","enableJITCSS","cwd","files","pattern","matches","globSync","f","resolve","uniqueFiles","allClasses","file","content","readFileSync","classes","extractClassesFromHTML","cls","fakeHTML","jitCSS","cerJITCSS","options","output","virtualModule","extendedColors","customColors","disableVariants","generatedCSS","watchedFiles","resolved","outputPath","mkdirSync","dirname","writeFileSync","id","server","viteServer","mod"],"mappings":"oKA2DMA,EAAa,sBACbC,EAAsB,wBAE5B,SAASC,EACPC,EACAC,EACQ,CACJA,GAAc,OAAO,KAAKA,CAAU,EAAE,OAAS,GACjDC,EAAAA,aAAaD,CAAU,EAGzB,MAAME,EAAM,QAAQ,IAAA,EACdC,EAAkB,CAAA,EAExB,UAAWC,KAAWL,EAAiB,CACrC,MAAMM,EAAUC,EAAAA,SAASF,EAAS,CAAE,IAAAF,CAAA,CAAK,EAAE,IAAKK,GAAMC,EAAAA,QAAQN,EAAKK,CAAC,CAAC,EACrEJ,EAAM,KAAK,GAAGE,CAAO,CACvB,CAGA,MAAMI,EAAc,CAAC,GAAG,IAAI,IAAIN,CAAK,CAAC,EAGhCO,MAAiB,IAEvB,UAAWC,KAAQF,EACjB,GAAI,CACF,MAAMG,EAAUC,EAAAA,aAAaF,EAAM,OAAO,EACpCG,EAAUC,EAAAA,uBAAuBH,CAAO,EAC9C,UAAWI,KAAOF,EAASJ,EAAW,IAAIM,CAAG,CAC/C,MAAQ,CAER,CAGF,GAAIN,EAAW,OAAS,EAAG,MAAO,GAIlC,MAAMO,EAAW,eAAe,CAAC,GAAGP,CAAU,EAAE,KAAK,GAAG,CAAC,WACzD,OAAOQ,EAAAA,OAAOD,CAAQ,CACxB,CAMO,SAASE,EAAUC,EAAyC,CACjE,KAAM,CACJ,QAAAR,EACA,OAAAS,EACA,cAAAC,EAAgB,GAChB,eAAAC,EACA,aAAAC,EACA,gBAAAC,CAAA,EACEL,EAEEpB,EAA4B,CAChC,eAAAuB,EACA,aAAAC,EACA,gBAAAC,CAAA,EAGF,IAAIC,EAAe,GAGfC,EAAmC,KAEvC,MAAO,CACL,KAAM,cAEN,YAAa,CACX,MAAMzB,EAAM,QAAQ,IAAA,EACd0B,MAAe,IACrB,UAAWxB,KAAWQ,EACpBN,EAAAA,SAASF,EAAS,CAAE,IAAAF,CAAA,CAAK,EAAE,QAASK,GAAMqB,EAAS,IAAIpB,EAAAA,QAAQN,EAAKK,CAAC,CAAC,CAAC,EAMzE,GAJAoB,EAAeC,EAEfF,EAAe5B,EAAkBc,EAASZ,CAAU,EAEhDqB,EAAQ,CACV,MAAMQ,EAAarB,EAAAA,QAAQ,QAAQ,IAAA,EAAOa,CAAM,EAChDS,EAAAA,UAAUC,EAAAA,QAAQF,CAAU,EAAG,CAAE,UAAW,GAAM,EAClDG,gBAAcH,EAAYH,EAAc,OAAO,CACjD,CACF,EAEA,UAAUO,EAAY,CACpB,GAAIX,GAAiBW,IAAOrC,EAC1B,OAAOC,CAGX,EAEA,KAAKoC,EAAY,CACf,GAAIA,IAAOpC,EACT,MAAO,kBAAkB,KAAK,UAAU6B,CAAY,CAAC,GAGzD,EAEA,gBAAgB,CAAE,KAAAf,EAAM,OAAAuB,GAA6C,CAKnE,GAFkBP,GAAc,IAAIhB,CAAI,GAAK,GAM7C,IAFAe,EAAe5B,EAAkBc,EAASZ,CAAU,EAEhDqB,EAAQ,CACV,MAAMQ,EAAarB,EAAAA,QAAQ,QAAQ,IAAA,EAAOa,CAAM,EAChDW,gBAAcH,EAAYH,EAAc,OAAO,CACjD,CAEA,GAAIJ,EAAe,CAEjB,MAAMa,EAAaD,EAIbE,EAAMD,EAAW,YAAY,cAActC,CAAmB,EAChEuC,GAAKD,EAAW,aAAaC,CAAG,CACtC,EACF,CAAA,CAEJ"}

package/dist/custom-elements-runtime.vite-plugin.es.js

@@ -0,0 +1,73 @@
+import { globSync as y, mkdirSync as C, writeFileSync as v, readFileSync as I } from "node:fs";
+import { resolve as u, dirname as F } from "node:path";
+import { e as b, b as g, j } from "./style-BmyOIMcU.js";
+const T = "virtual:cer-jit-css", m = "\0virtual:cer-jit-css";
+function w(f, s) {
+  s && Object.keys(s).length > 0 && b(s);
+  const o = process.cwd(), i = [];
+  for (const r of f) {
+    const e = y(r, { cwd: o }).map((c) => u(o, c));
+    i.push(...e);
+  }
+  const S = [...new Set(i)], a = /* @__PURE__ */ new Set();
+  for (const r of S)
+    try {
+      const e = I(r, "utf-8"), c = g(e);
+      for (const t of c) a.add(t);
+    } catch {
+    }
+  if (a.size === 0) return "";
+  const p = `<div class="${[...a].join(" ")}"></div>`;
+  return j(p);
+}
+function V(f) {
+  const {
+    content: s,
+    output: o,
+    virtualModule: i = !0,
+    extendedColors: S,
+    customColors: a,
+    disableVariants: p
+  } = f, r = {
+    extendedColors: S,
+    customColors: a,
+    disableVariants: p
+  };
+  let e = "", c = null;
+  return {
+    name: "cer-jit-css",
+    buildStart() {
+      const t = process.cwd(), d = /* @__PURE__ */ new Set();
+      for (const l of s)
+        y(l, { cwd: t }).forEach((n) => d.add(u(t, n)));
+      if (c = d, e = w(s, r), o) {
+        const l = u(process.cwd(), o);
+        C(F(l), { recursive: !0 }), v(l, e, "utf-8");
+      }
+    },
+    resolveId(t) {
+      if (i && t === T)
+        return m;
+    },
+    load(t) {
+      if (t === m)
+        return `export default ${JSON.stringify(e)};`;
+    },
+    handleHotUpdate({ file: t, server: d }) {
+      if (c?.has(t) ?? !1) {
+        if (e = w(s, r), o) {
+          const n = u(process.cwd(), o);
+          v(n, e, "utf-8");
+        }
+        if (i) {
+          const n = d, h = n.moduleGraph.getModuleById(m);
+          h && n.reloadModule(h);
+        }
+      }
+    }
+  };
+}
+export {
+  V as cerJITCSS
+};
+//# sourceMappingURL=custom-elements-runtime.vite-plugin.es.js.map

package/dist/custom-elements-runtime.vite-plugin.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-elements-runtime.vite-plugin.es.js","sources":["../src/lib/vite-plugin.ts"],"sourcesContent":["/**\n * Vite plugin for build-time JIT CSS generation.\n *\n * Scans source files for utility class names and emits pre-generated CSS,\n * eliminating all runtime parsing cost for projects with static class lists.\n *\n * @example\n * ```ts\n * // vite.config.ts\n * import { defineConfig } from 'vite';\n * import { cerJITCSS } from '@jasonshimmy/custom-elements-runtime/vite-plugin';\n *\n * export default defineConfig({\n *   plugins: [\n *     cerJITCSS({\n *       content: ['./src/**\\/*.{ts,tsx,html}'],\n *       output: 'src/generated-jit.css',\n *       extendedColors: true,\n *     }),\n *   ],\n * });\n * ```\n */\n\nimport type { Plugin } from 'vite';\nimport { readFileSync, writeFileSync, mkdirSync, globSync } from 'node:fs';\nimport { resolve, dirname } from 'node:path';\nimport {\n  jitCSS,\n  enableJITCSS,\n  extractClassesFromHTML,\n  type JITCSSOptions,\n} from './runtime/style';\n\n// --- Re-export extractClassesFromHTML for plugin consumers ---\n\n/**\n * Options for the `cerJITCSS` Vite plugin.\n */\nexport interface CerJITCSSPluginOptions extends JITCSSOptions {\n  /**\n   * Glob patterns (relative to `process.cwd()`) that identify which source\n   * files the plugin should scan for utility class names.\n   *\n   * @example `['./src/**\\/*.{ts,html}', './index.html']`\n   */\n  content: string[];\n  /**\n   * File path (relative to `process.cwd()`) where the generated CSS will\n   * be written. When omitted the plugin only emits a virtual module.\n   */\n  output?: string;\n  /**\n   * Whether to emit a virtual module `virtual:cer-jit-css` that resolves to\n   * the generated CSS text. Defaults to `true`.\n   */\n  virtualModule?: boolean;\n}\n\nconst VIRTUAL_ID = 'virtual:cer-jit-css';\nconst RESOLVED_VIRTUAL_ID = '\\0virtual:cer-jit-css';\n\nfunction generateFromFiles(\n  contentPatterns: string[],\n  jitOptions: JITCSSOptions,\n): string {\n  if (jitOptions && Object.keys(jitOptions).length > 0) {\n    enableJITCSS(jitOptions);\n  }\n\n  const cwd = process.cwd();\n  const files: string[] = [];\n\n  for (const pattern of contentPatterns) {\n    const matches = globSync(pattern, { cwd }).map((f) => resolve(cwd, f));\n    files.push(...matches);\n  }\n\n  // Deduplicate files\n  const uniqueFiles = [...new Set(files)];\n\n  // Aggregate all class names across all files\n  const allClasses = new Set<string>();\n\n  for (const file of uniqueFiles) {\n    try {\n      const content = readFileSync(file, 'utf-8');\n      const classes = extractClassesFromHTML(content);\n      for (const cls of classes) allClasses.add(cls);\n    } catch {\n      // Skip unreadable files\n    }\n  }\n\n  if (allClasses.size === 0) return '';\n\n  // Build a fake HTML string containing all discovered classes so jitCSS()\n  // can process the full set in one pass.\n  const fakeHTML = `<div class=\"${[...allClasses].join(' ')}\"></div>`;\n  return jitCSS(fakeHTML);\n}\n\n/**\n * Vite plugin that performs a build-time scan of source files and emits\n * pre-generated JIT CSS as a file and/or `virtual:cer-jit-css` module.\n */\nexport function cerJITCSS(options: CerJITCSSPluginOptions): Plugin {\n  const {\n    content,\n    output,\n    virtualModule = true,\n    extendedColors,\n    customColors,\n    disableVariants,\n  } = options;\n\n  const jitOptions: JITCSSOptions = {\n    extendedColors,\n    customColors,\n    disableVariants,\n  };\n\n  let generatedCSS = '';\n  // Resolved file set built in buildStart and reused in handleHotUpdate to\n  // avoid re-running globSync for every HMR file-change event.\n  let watchedFiles: Set<string> | null = null;\n\n  return {\n    name: 'cer-jit-css',\n\n    buildStart() {\n      const cwd = process.cwd();\n      const resolved = new Set<string>();\n      for (const pattern of content) {\n        globSync(pattern, { cwd }).forEach((f) => resolved.add(resolve(cwd, f)));\n      }\n      watchedFiles = resolved;\n\n      generatedCSS = generateFromFiles(content, jitOptions);\n\n      if (output) {\n        const outputPath = resolve(process.cwd(), output);\n        mkdirSync(dirname(outputPath), { recursive: true });\n        writeFileSync(outputPath, generatedCSS, 'utf-8');\n      }\n    },\n\n    resolveId(id: string) {\n      if (virtualModule && id === VIRTUAL_ID) {\n        return RESOLVED_VIRTUAL_ID;\n      }\n      return undefined;\n    },\n\n    load(id: string) {\n      if (id === RESOLVED_VIRTUAL_ID) {\n        return `export default ${JSON.stringify(generatedCSS)};`;\n      }\n      return undefined;\n    },\n\n    handleHotUpdate({ file, server }: { file: string; server: unknown }) {\n      // Re-generate when a watched source file changes.\n      // Use the cached file set from buildStart to avoid re-globbing.\n      const isWatched = watchedFiles?.has(file) ?? false;\n\n      if (!isWatched) return;\n\n      generatedCSS = generateFromFiles(content, jitOptions);\n\n      if (output) {\n        const outputPath = resolve(process.cwd(), output);\n        writeFileSync(outputPath, generatedCSS, 'utf-8');\n      }\n\n      if (virtualModule) {\n        // Invalidate the virtual module so HMR triggers a reload\n        const viteServer = server as {\n          moduleGraph: { getModuleById: (id: string) => unknown };\n          reloadModule: (mod: unknown) => void;\n        };\n        const mod = viteServer.moduleGraph.getModuleById(RESOLVED_VIRTUAL_ID);\n        if (mod) viteServer.reloadModule(mod);\n      }\n    },\n  };\n}\n"],"names":["VIRTUAL_ID","RESOLVED_VIRTUAL_ID","generateFromFiles","contentPatterns","jitOptions","enableJITCSS","cwd","files","pattern","matches","globSync","f","resolve","uniqueFiles","allClasses","file","content","readFileSync","classes","extractClassesFromHTML","cls","fakeHTML","jitCSS","cerJITCSS","options","output","virtualModule","extendedColors","customColors","disableVariants","generatedCSS","watchedFiles","resolved","outputPath","mkdirSync","dirname","writeFileSync","id","server","viteServer","mod"],"mappings":";;;AA2DA,MAAMA,IAAa,uBACbC,IAAsB;AAE5B,SAASC,EACPC,GACAC,GACQ;AACR,EAAIA,KAAc,OAAO,KAAKA,CAAU,EAAE,SAAS,KACjDC,EAAaD,CAAU;AAGzB,QAAME,IAAM,QAAQ,IAAA,GACdC,IAAkB,CAAA;AAExB,aAAWC,KAAWL,GAAiB;AACrC,UAAMM,IAAUC,EAASF,GAAS,EAAE,KAAAF,EAAA,CAAK,EAAE,IAAI,CAACK,MAAMC,EAAQN,GAAKK,CAAC,CAAC;AACrE,IAAAJ,EAAM,KAAK,GAAGE,CAAO;AAAA,EACvB;AAGA,QAAMI,IAAc,CAAC,GAAG,IAAI,IAAIN,CAAK,CAAC,GAGhCO,wBAAiB,IAAA;AAEvB,aAAWC,KAAQF;AACjB,QAAI;AACF,YAAMG,IAAUC,EAAaF,GAAM,OAAO,GACpCG,IAAUC,EAAuBH,CAAO;AAC9C,iBAAWI,KAAOF,EAAS,CAAAJ,EAAW,IAAIM,CAAG;AAAA,IAC/C,QAAQ;AAAA,IAER;AAGF,MAAIN,EAAW,SAAS,EAAG,QAAO;AAIlC,QAAMO,IAAW,eAAe,CAAC,GAAGP,CAAU,EAAE,KAAK,GAAG,CAAC;AACzD,SAAOQ,EAAOD,CAAQ;AACxB;AAMO,SAASE,EAAUC,GAAyC;AACjE,QAAM;AAAA,IACJ,SAAAR;AAAA,IACA,QAAAS;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACEL,GAEEpB,IAA4B;AAAA,IAChC,gBAAAuB;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA;AAGF,MAAIC,IAAe,IAGfC,IAAmC;AAEvC,SAAO;AAAA,IACL,MAAM;AAAA,IAEN,aAAa;AACX,YAAMzB,IAAM,QAAQ,IAAA,GACd0B,wBAAe,IAAA;AACrB,iBAAWxB,KAAWQ;AACpB,QAAAN,EAASF,GAAS,EAAE,KAAAF,EAAA,CAAK,EAAE,QAAQ,CAACK,MAAMqB,EAAS,IAAIpB,EAAQN,GAAKK,CAAC,CAAC,CAAC;AAMzE,UAJAoB,IAAeC,GAEfF,IAAe5B,EAAkBc,GAASZ,CAAU,GAEhDqB,GAAQ;AACV,cAAMQ,IAAarB,EAAQ,QAAQ,IAAA,GAAOa,CAAM;AAChD,QAAAS,EAAUC,EAAQF,CAAU,GAAG,EAAE,WAAW,IAAM,GAClDG,EAAcH,GAAYH,GAAc,OAAO;AAAA,MACjD;AAAA,IACF;AAAA,IAEA,UAAUO,GAAY;AACpB,UAAIX,KAAiBW,MAAOrC;AAC1B,eAAOC;AAAA,IAGX;AAAA,IAEA,KAAKoC,GAAY;AACf,UAAIA,MAAOpC;AACT,eAAO,kBAAkB,KAAK,UAAU6B,CAAY,CAAC;AAAA,IAGzD;AAAA,IAEA,gBAAgB,EAAE,MAAAf,GAAM,QAAAuB,KAA6C;AAKnE,UAFkBP,GAAc,IAAIhB,CAAI,KAAK,IAM7C;AAAA,YAFAe,IAAe5B,EAAkBc,GAASZ,CAAU,GAEhDqB,GAAQ;AACV,gBAAMQ,IAAarB,EAAQ,QAAQ,IAAA,GAAOa,CAAM;AAChD,UAAAW,EAAcH,GAAYH,GAAc,OAAO;AAAA,QACjD;AAEA,YAAIJ,GAAe;AAEjB,gBAAMa,IAAaD,GAIbE,IAAMD,EAAW,YAAY,cAActC,CAAmB;AACpE,UAAIuC,KAAKD,EAAW,aAAaC,CAAG;AAAA,QACtC;AAAA;AAAA,IACF;AAAA,EAAA;AAEJ;"}

package/dist/dom-jit-css.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Non-Shadow DOM JIT CSS runtime scanner.
+ *
+ * Watches real DOM elements for class changes and injects utility CSS into
+ * a shared `<style>` element (or constructable stylesheet) in the host document.
+ *
+ * @example
+ * ```ts
+ * import { createDOMJITCSS } from '@jasonshimmy/custom-elements-runtime/dom-jit-css';
+ *
+ * // Watch the full document body
+ * const jit = createDOMJITCSS();
+ * jit.mount();
+ *
+ * // Watch a specific container element
+ * const jit = createDOMJITCSS({ root: document.getElementById('app')! });
+ * jit.mount();
+ *
+ * // Tear down when no longer needed
+ * jit.destroy();
+ * ```
+ *
+ * ## `data-jitcss` attribute semantics
+ *
+ * | Attribute value                                        | Behaviour                                                         |
+ * | ------------------------------------------------------ | ----------------------------------------------------------------- |
+ * | `data-jitcss` (no value) or `data-jitcss="container"` | Scopes the observer to that element and its subtree               |
+ * | `data-jitcss="self"`                                   | Only processes classes on that exact element, not descendants     |
+ * | `data-jitcss="global"`                                 | Observer covers `document.body` (useful on `<html>` or `<body>`)  |
+ *
+ * When `createDOMJITCSS()` is called with no `root`, it auto-detects all
+ * `[data-jitcss]` elements and registers an observer for each.
+ */
+import { type JITCSSOptions } from './runtime/style';
+/**
+ * Options for `createDOMJITCSS()`.
+ */
+export interface DOMJITCSSOptions extends JITCSSOptions {
+    /**
+     * The root element to observe. Defaults to auto-detecting `[data-jitcss]`
+     * elements, then falling back to `document.body`.
+     */
+    root?: Element | ShadowRoot | null;
+    /**
+     * ID of the `<style>` element injected into the document head.
+     * Defaults to `'cer-dom-jit-css'`.
+     */
+    styleId?: string;
+}
+/** Public handle returned by `createDOMJITCSS()`. */
+export interface DOMJITCSSHandle {
+    /** Start observing the DOM and injecting utility CSS. */
+    mount(): void;
+    /** Stop observing and remove the injected stylesheet. */
+    destroy(): void;
+    /** Get the number of unique classes processed so far. */
+    readonly processedCount: number;
+}
+/**
+ * Create a DOM JIT CSS instance that watches class attribute changes and
+ * injects CSS utility rules into the document.
+ *
+ * @param options - Configuration options.
+ * @returns A handle with `mount()` and `destroy()` methods.
+ */
+export declare function createDOMJITCSS(options?: DOMJITCSSOptions): DOMJITCSSHandle;

package/dist/event-bus.d.ts

@@ -10,6 +10,8 @@ export declare class GlobalEventBus extends EventTarget {
     private handlers;
     private static instance;
     private eventCounters;
+    private nativeUnsubscribers;
+    private readonly MAX_EVENT_COUNTERS;
     /**
      * Returns the singleton instance of GlobalEventBus
      */
@@ -62,7 +64,7 @@ export declare class GlobalEventBus extends EventTarget {
      */
     getActiveEvents(): string[];
     /**
-     * Clear all event handlers (useful for testing or cleanup).
+     * Clear all event handlers and native EventTarget listeners (useful for testing or cleanup).
      */
     clear(): void;
     /**