@arcgis/lumina-compiler 5.1.0-next.21 → 5.1.0-next.22

package/dist/index.js

@@ -1,28 +1,28 @@
-import { externalizeDependencies as as, path as u, retrievePackageJson as D, fetchPackageLocation as Vt, asyncRetrievePackageJson as Gt, existsAsync as _, toPosixPathSeparators as be, isPosix as Xt, toSystemPathSeparators as Ae, getCwd as Yt } from "@arcgis/components-build-utils";
+import { externalizeDependencies as cs, path as u, retrievePackageJson as O, fetchPackageLocation as Gt, asyncRetrievePackageJson as Xt, existsAsync as _, toPosixPathSeparators as be, isPosix as Yt, toSystemPathSeparators as Ae, getCwd as Qt } from "@arcgis/components-build-utils";
 import { isNotUndefined as F } from "@arcgis/toolkit/predicate";
 import { f as b, l as E } from "./logger-63CXuX6h.js";
 import o from "typescript";
-import { camelToKebab as Qt, getPreamble as ls, uncapitalize as gt, capitalize as cs } from "@arcgis/toolkit/string";
-import { lazyMetaSubItemJoiner as ds, lazyMetaItemJoiner as Re, lazyMetaGroupJoiner as ps, propertyFlagAttribute as ht, propertyFlagReflect as us, propertyFlagBoolean as ms, propertyFlagNumber as fs, propertyFlagState as gs, propertyFlagReadOnly as hs, propertyFlagNoAccessor as ys } from "@arcgis/lumina/config";
-import { isApiMethodAsync as vs, globalPackageIdentifier as bs, isApiMethod as ws, isApiProperty as Ss } from "@arcgis/api-extractor/utils/apiHelpers";
-import { readFile as q, readdir as tt, rm as Es, mkdir as Z, cp as Cs, writeFile as U, copyFile as Ts } from "node:fs/promises";
-import { build as $s } from "esbuild";
-import { glob as Ps } from "glob";
+import { camelToKebab as Zt, getPreamble as ds, uncapitalize as gt, capitalize as ps } from "@arcgis/toolkit/string";
+import { lazyMetaSubItemJoiner as ms, lazyMetaItemJoiner as De, lazyMetaGroupJoiner as us, propertyFlagAttribute as ht, propertyFlagReflect as fs, propertyFlagBoolean as gs, propertyFlagNumber as hs, propertyFlagState as ys, propertyFlagReadOnly as vs, propertyFlagNoAccessor as bs } from "@arcgis/lumina/config";
+import { isApiMethodAsync as ws, globalPackageIdentifier as Ss, isApiMethod as Es, isApiProperty as Cs } from "@arcgis/api-extractor/utils/apiHelpers";
+import { readFile as H, readdir as tt, rm as Ts, mkdir as G, cp as $s, writeFile as U, copyFile as Ps } from "node:fs/promises";
+import { build as Is } from "esbuild";
+import { glob as ks } from "glob";
 import { renameComponentFolder as We } from "@arcgis/api-extractor/extractor/webComponent/pathMapping";
-import { useApiExtractor as Is } from "@arcgis/api-extractor/vite/plugin";
-import ks from "mime-types";
-import { writeFileSync as Zt } from "node:fs";
-import xs from "chalk";
-import { unsafeGetUndocumentedPrinter as As, unsafeUndocumentedTs as yt } from "@arcgis/api-extractor/utils/internalTypeScriptApis";
+import { useApiExtractor as xs } from "@arcgis/api-extractor/vite/plugin";
+import As from "mime-types";
+import { writeFileSync as ei } from "node:fs";
+import Ns from "chalk";
+import { unsafeGetUndocumentedPrinter as Ls, unsafeUndocumentedTs as yt } from "@arcgis/api-extractor/utils/internalTypeScriptApis";
 import { pathIsComponentEntrypoint as Ce } from "@arcgis/api-extractor/extractor/webComponent/findComponents";
-import { loadApiExtractorConfig as Ns, mergeApiExtractorConfigs as vt } from "@arcgis/api-extractor/extractor/config";
-import { loadTypeScriptConfig as Ls } from "@arcgis/api-extractor/vite/typeScript";
-import { mappedFind as He } from "@arcgis/toolkit/array";
-import { isPropertyEscapeNeeded as ei, maybeEscapePropertyName as js } from "@arcgis/api-extractor/utils/partPrinter";
-import { getPackageNameFromExternalSpecifier as Fs, getMemberName as ti } from "@arcgis/api-extractor/utils/astHelpers";
-import { identity as ii } from "@arcgis/toolkit/function";
-function Rs(e) {
-  const t = e.options?.build?.dependencies ?? {}, i = as({
+import { loadApiExtractorConfig as js, mergeApiExtractorConfigs as vt } from "@arcgis/api-extractor/extractor/config";
+import { loadTypeScriptConfig as Fs } from "@arcgis/api-extractor/vite/typeScript";
+import { mappedFind as ze } from "@arcgis/toolkit/array";
+import { isPropertyEscapeNeeded as ti, maybeEscapePropertyName as Ds } from "@arcgis/api-extractor/utils/partPrinter";
+import { getPackageNameFromExternalSpecifier as Rs, getMemberName as ii } from "@arcgis/api-extractor/utils/astHelpers";
+import { identity as si } from "@arcgis/toolkit/function";
+function Os(e) {
+  const t = e.options?.build?.dependencies ?? {}, i = cs({
     bundleIn: t.bundleIn,
     externalize: [
       // TODO: remove these once Lit is declared as a peer dependency
@@ -38,7 +38,7 @@ function Rs(e) {
     e.isInStorybook && (i.resolveId = void 0);
   }, i;
 }
-const Ds = "Fragment", De = "DynamicHtmlTag", Oe = "DynamicSvgTag", Te = Symbol("dynamic html tag name"), qe = Symbol("dynamic svg tag name"), si = /* @__PURE__ */ new Set([
+const Ms = "Fragment", Re = "DynamicHtmlTag", Oe = "DynamicSvgTag", Te = Symbol("dynamic html tag name"), He = Symbol("dynamic svg tag name"), ri = /* @__PURE__ */ new Set([
   /**
    * There is a "className" property. However, in JSX typings we use "class"
    * instead to keep name shorter and to match Stencil's name. Thus, it should
@@ -68,7 +68,7 @@ const Ds = "Fragment", De = "DynamicHtmlTag", Oe = "DynamicSvgTag", Te = Symbol(
   "resource",
   "typeof",
   "vocab"
-]), ri = /* @__PURE__ */ new Set([
+]), ni = /* @__PURE__ */ new Set([
   /*
    * From https://github.com/preactjs/preact/blob/f3edc902447dae7393de7fccaff3b722dee79467/src/diff/props.js#L107-L118
    * See also https://github.com/facebook/react/blob/8fd963a1e5ec89459cac27fb1d9ad193a0604110/packages/react-dom-bindings/src/client/ReactDOMComponent.js#L389
@@ -87,7 +87,7 @@ const Ds = "Fragment", De = "DynamicHtmlTag", Oe = "DynamicSvgTag", Te = Symbol(
   "exportParts",
   "hreflang",
   "media"
-]), ze = {
+]), qe = {
   button: /* @__PURE__ */ new Set(["popoverTarget"]),
   input: /* @__PURE__ */ new Set(["list", "capture"]),
   iframe: /* @__PURE__ */ new Set(["sandbox"]),
@@ -908,9 +908,9 @@ const Ds = "Fragment", De = "DynamicHtmlTag", Oe = "DynamicSvgTag", Te = Symbol(
     }
   }
 };
-ni(W.common);
-Object.values(W.perElement).forEach(ni);
-function ni(e) {
+oi(W.common);
+Object.values(W.perElement).forEach(oi);
+function oi(e) {
   e?.reflected !== void 0 && (e.reflected = Object.assign(/* @__PURE__ */ Object.create(null), e.reflected)), e?.stringifiedReflected !== void 0 && (e.stringifiedReflected = Object.assign(
     /* @__PURE__ */ Object.create(null),
     e.stringifiedReflected
@@ -919,7 +919,7 @@ function ni(e) {
     e.stringifiedNonReflected
   ));
 }
-const bt = /* @__PURE__ */ new Set(["itemScope"]), oi = /* @__PURE__ */ new Set([
+const bt = /* @__PURE__ */ new Set(["itemScope"]), ai = /* @__PURE__ */ new Set([
   "abort",
   "animationCancel",
   "animationEnd",
@@ -1018,7 +1018,7 @@ const bt = /* @__PURE__ */ new Set(["itemScope"]), oi = /* @__PURE__ */ new Set(
   "volumeChange",
   "waiting",
   "wheel"
-]), Os = /* @__PURE__ */ new Set([
+]), Js = /* @__PURE__ */ new Set([
   "area",
   "base",
   "br",
@@ -1094,7 +1094,7 @@ const bt = /* @__PURE__ */ new Set(["itemScope"]), oi = /* @__PURE__ */ new Set(
   "tspan",
   "use",
   "view"
-]), Ms = /* @__PURE__ */ new Set(["title", "svg", "a", "script", "style"]), st = /* @__PURE__ */ new Set([
+]), Bs = /* @__PURE__ */ new Set(["title", "svg", "a", "script", "style"]), st = /* @__PURE__ */ new Set([
   "annotation-xml",
   "annotation",
   "maction",
@@ -1126,7 +1126,7 @@ const bt = /* @__PURE__ */ new Set(["itemScope"]), oi = /* @__PURE__ */ new Set(
   "munder",
   "munderover",
   "semantics"
-]), Js = /* @__PURE__ */ new Set([
+]), Ks = /* @__PURE__ */ new Set([
   "annotation-xml",
   "color-profile",
   "font-face",
@@ -1136,7 +1136,7 @@ const bt = /* @__PURE__ */ new Set(["itemScope"]), oi = /* @__PURE__ */ new Set(
   "font-face-name",
   "missing-glyph"
 ]);
-function Bs(e) {
+function _s(e) {
   if (e.length === 0)
     return "";
   const t = e[0];
@@ -1149,11 +1149,11 @@ function Bs(e) {
   }
   return e.trim().length === 0 ? t : e;
 }
-const Ks = (e) => e.replaceAll("\\", "\\\\").replace(_s, "\\${").replaceAll("`", "\\`"), _s = /\$\{/gu, Us = (e) => !Ws.test(e), Ws = /^[^\s"'=<>`]+$/u, Hs = /[&<>]/gu, qs = {
+const Us = (e) => e.replaceAll("\\", "\\\\").replace(Ws, "\\${").replaceAll("`", "\\`"), Ws = /\$\{/gu, zs = (e) => !Hs.test(e), Hs = /^[^\s"'=<>`]+$/u, qs = /[&<>]/gu, Vs = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;"
-}, ai = (e) => e.replace(Hs, (t) => qs[t]), rt = (e) => typeof e == "string" && e.includes("-") && !Js.has(e), zs = ["keyed", "ref", "repeat", "live"], se = "staticHtml", G = "staticSvg", re = "html", ee = "svg", li = Symbol("maybe HTML namespace or maybe SVG"), ci = "css", di = "mathml", pi = [ci, re, di, se, G, ee], Vs = new Set(pi), Gs = ["safeClassMap", "safeStyleMap", "deferLoad", "stabilizedRef"], Xs = "nothing", Ys = [...zs, ...pi, ...Gs, Xs], Qs = (e) => o.isArrayLiteralExpression(e) && e.elements.every((t) => de(t)), de = (e) => o.isJsxElement(e) || o.isJsxSelfClosingElement(e) || o.isJsxFragment(e), te = {
+}, li = (e) => e.replace(qs, (t) => Vs[t]), rt = (e) => typeof e == "string" && e.includes("-") && !Ks.has(e), Gs = ["keyed", "ref", "repeat", "live"], se = "staticHtml", X = "staticSvg", re = "html", ee = "svg", ci = Symbol("maybe HTML namespace or maybe SVG"), di = "css", pi = "mathml", mi = [di, re, pi, se, X, ee], Xs = new Set(mi), Ys = ["safeClassMap", "safeStyleMap", "deferLoad", "stabilizedRef"], Qs = "nothing", Zs = [...Gs, ...mi, ...Ys, Qs], er = (e) => o.isArrayLiteralExpression(e) && e.elements.every((t) => de(t)), de = (e) => o.isJsxElement(e) || o.isJsxSelfClosingElement(e) || o.isJsxFragment(e), te = {
   [re]: ["lit", "lit/html.js", "lit-html"],
   /**
    * Sadly, Lit called these "html" and "svg", rather than "staticHtml" and
@@ -1163,9 +1163,9 @@ const Ks = (e) => e.replaceAll("\\", "\\\\").replace(_s, "\\${").replaceAll("`",
    */
   [se]: ["lit/static-html.js", "lit-html/static.js"],
   [ee]: ["lit", "lit-html", "lit/html.js"],
-  [G]: ["lit/static-html.js", "lit-html/static.js"],
-  [di]: ["lit", "lit-html", "lit/html.js"],
-  [ci]: ["lit", "@lit/reactive-element/css-tag.js", "@lit/reactive-element"],
+  [X]: ["lit/static-html.js", "lit-html/static.js"],
+  [pi]: ["lit", "lit-html", "lit/html.js"],
+  [di]: ["lit", "@lit/reactive-element/css-tag.js", "@lit/reactive-element"],
   safeClassMap: ["@arcgis/lumina"],
   safeStyleMap: ["@arcgis/lumina"],
   deferLoad: ["@arcgis/lumina"],
@@ -1175,7 +1175,7 @@ const Ks = (e) => e.replaceAll("\\", "\\\\").replace(_s, "\\${").replaceAll("`",
   repeat: ["lit/directives/repeat.js", "lit-html/directives/repeat.js"],
   ref: ["lit/directives/ref.js", "lit-html/directives/ref.js"],
   nothing: ["lit", "@arcgis/lumina", "lit/html.js", "lit-html", "lit-element/lit-element.js"]
-}, Zs = /* @__PURE__ */ new Set([
+}, tr = /* @__PURE__ */ new Set([
   "h",
   "Fragment",
   "state",
@@ -1185,7 +1185,7 @@ const Ks = (e) => e.replaceAll("\\", "\\\\").replace(_s, "\\${").replaceAll("`",
   "bindProperty",
   "bindEvent",
   "bindAttribute"
-]), er = /\.(?:css|s[ac]ss|less|styl(?:us)?|postcss|pcss|sss)(\\?|$)/u, oe = "@arcgis/lumina:loadLitCss", $e = "?litCss", X = "?layeredLitCss", Ve = "?globalFileLitCss", tr = (e) => ({
+]), ir = /\.(?:css|s[ac]ss|less|styl(?:us)?|postcss|pcss|sss)(\\?|$)/u, oe = "@arcgis/lumina:loadLitCss", $e = "?litCss", Y = "?layeredLitCss", Ve = "?globalFileLitCss", sr = (e) => ({
   name: oe,
   enforce: "pre",
   configResolved(t) {
@@ -1219,20 +1219,20 @@ const Ks = (e) => e.replaceAll("\\", "\\\\").replace(_s, "\\${").replaceAll("`",
       async handler(n, a) {
         const c = a.endsWith($e);
         c && (a = a.slice(0, -$e.length));
-        const p = a.endsWith(X);
-        p && (a = a.slice(0, -X.length));
+        const p = a.endsWith(Y);
+        p && (a = a.slice(0, -Y.length));
         const l = a.endsWith(Ve);
         if (l && (a = a.slice(0, -Ve.length)), !c && !p && !l)
           return await s.handler.call(this, n, a);
-        const d = `${a}?inline`, f = await s.handler.call(this, n, d), { code: m, ...g } = typeof f == "string" ? { code: f } : f ?? {};
-        return typeof m != "string" || !m.startsWith(ui) || !m.endsWith(ir) ? (E.warn(
+        const d = `${a}?inline`, m = await s.handler.call(this, n, d), { code: f, ...g } = typeof m == "string" ? { code: m } : m ?? {};
+        return typeof f != "string" || !f.startsWith(ui) || !f.endsWith(rr) ? (E.warn(
           oe,
           `Expected vite:css-post to return a JS module with a string literal. Received: ${JSON.stringify(
-            m
+            f
           )}`
-        ), f) : l ? (e._globalCssString = mi(m), { code: "", map: { mappings: "" } }) : {
+        ), m) : l ? (e._globalCssString = fi(f), { code: "", map: { mappings: "" } }) : {
           ...g,
-          code: or(m, e.hmrEnabled, e.shouldMinify, p),
+          code: lr(f, e.hmrEnabled, e.shouldMinify, p),
           /**
            * Vite's original transform does not generate source maps for inlined
            * css, thus we can't either
@@ -1242,8 +1242,8 @@ const Ks = (e) => e.replaceAll("\\", "\\\\").replace(_s, "\\${").replaceAll("`",
       }
     };
   }
-}), ui = 'export default "', ir = '"', sr = `import { css } from '${te.css[0]}';
-export const styles = css\``, rr = "`;\nexport default styles;", nr = `
+}), ui = 'export default "', rr = '"', nr = `import { css } from '${te.css[0]}';
+export const styles = css\``, or = "`;\nexport default styles;", ar = `
 
 if(import.meta.hot) {
   import.meta.hot.data.styles ??= styles;
@@ -1254,46 +1254,46 @@ if(import.meta.hot) {
     }
     import.meta.hot.data.styles.styleSheet.replaceSync(nextExports.styles.cssText);
   });
-}`, mi = (e) => e.slice(ui.length - 1);
-function or(e, t, i, s) {
-  const r = mi(e), n = JSON.parse(r), a = Ks(n), c = s ? `@layer{${i ? "" : `
+}`, fi = (e) => e.slice(ui.length - 1);
+function lr(e, t, i, s) {
+  const r = fi(e), n = JSON.parse(r), a = Us(n), c = s ? `@layer{${i ? "" : `
 `}${a}${i ? "" : `
 `}}` : a;
-  return `${sr}${c}${rr}${t ? nr : ""}`;
+  return `${nr}${c}${or}${t ? ar : ""}`;
 }
-function ar(e) {
-  return `import("${lr}").then(({ setCustomElementsManifest }) => {
-  setCustomElementsManifest(${cr(e)});
+function cr(e) {
+  return `import("${dr}").then(({ setCustomElementsManifest }) => {
+  setCustomElementsManifest(${pr(e)});
 });`;
 }
-const lr = "@storybook/web-components", cr = (e) => `JSON.parse(\`${dr(JSON.stringify(JSON.stringify(e)).slice(1, -1))}\`)`;
-function dr(e) {
+const dr = "@storybook/web-components", pr = (e) => `JSON.parse(\`${mr(JSON.stringify(JSON.stringify(e)).slice(1, -1))}\`)`;
+function mr(e) {
   return e.replaceAll('\\"', '"').replaceAll("`", "\\`").replaceAll("${", "\\${");
 }
-function pr(e) {
-  ur(e);
+function ur(e) {
+  fr(e);
   const t = e.options.css?.globalStylesPath;
   if (t === void 0)
     return "";
   const i = u.join(e.dir.root, t);
   return e.viteCommand === "serve" || e.isInStorybook ? [
-    `import globalStyles from "${i}${X}";`,
+    `import globalStyles from "${i}${Y}";`,
     "document.adoptedStyleSheets = [...document.adoptedStyleSheets, globalStyles.styleSheet!];",
-    gi("", e)
+    hi("", e)
   ].join(`
 `) : `import "${i}${Ve}";`;
 }
-const fi = "hydrated";
-function ur(e) {
+const gi = "hydrated";
+function fr(e) {
   e._globalHydratedCssString = [
     ":not([",
-    e.options.css?.hydratedAttribute ?? fi,
+    e.options.css?.hydratedAttribute ?? gi,
     "]):is(",
     e.apiJsonComponents.map((t) => t.tagName).join(","),
     "){visibility:hidden}"
   ].join("");
 }
-function gi(e, t) {
+function hi(e, t) {
   return [
     "const globalCss = new CSSStyleSheet;",
     `globalCss.replaceSync("@layer{${`${t._globalHydratedCssString}${t.shouldMinify ? "" : "\\n\\n"}${e ? e.slice(1, -1) : ""}`}}");`,
@@ -1301,70 +1301,71 @@ function gi(e, t) {
   ].join(`
 `);
 }
-const mr = (e) => `@layer{${e.shouldMinify ? "" : `
+const gr = (e) => `@layer{${e.shouldMinify ? "" : `
 `}${e._globalHydratedCssString}${e.shouldMinify ? "" : `
 
 `}${e._globalCssString ? JSON.parse(e._globalCssString) : ""}${e.shouldMinify ? "" : `
 `}}`;
-function fr(e) {
+function hr(e) {
   const t = [], i = [];
   for (const s of e.privateApiJson.modules)
     for (const r of s.declarations)
-      r.customElement === !0 && (i.push(gr(r, e, s.sourcePath)), t.push(s.sourcePath));
+      r.customElement === !0 && (i.push(yr(r, e, s.sourcePath)), t.push(s.sourcePath));
   return [
     'import { runtime } from "./runtime.ts";',
     'import { makeDefineCustomElements } from "@arcgis/lumina";',
-    pr(e),
-    e.hmrEnabled ? yr : "",
+    ur(e),
+    e.hmrEnabled ? br : "",
     "",
-    e.isInStorybook ? ar(e.apiJson) : "",
+    e.isInStorybook ? cr(e.apiJson) : "",
     "",
     "export const defineCustomElements = makeDefineCustomElements(runtime, {",
     i.join(`,
 `),
     "});",
-    e.hmrEnabled ? vr(t) : ""
+    e.hmrEnabled ? wr(t) : ""
   ].join(`
 `);
 }
-const gr = (e, t, i) => [
+const yr = (e, t, i) => [
   `  "${e.tagName}": [`,
   `()=>import("${u.join(t.dir.root, i)}"),`,
-  hr(e),
+  vr(e),
   "]"
 ].join("");
-function hr(e) {
-  const { properties: t, asyncMethods: i, syncMethods: s } = hi(e), r = t.map((d) => d.join(ds)).join(Re), n = i.join(Re), a = s.join(Re), c = [r, n, a], p = c.findLastIndex((d) => d.length > 0), l = c.slice(0, p + 1);
-  return l.length > 0 ? `"${l.join(ps)}"` : "";
+function vr(e) {
+  const { properties: t, asyncMethods: i, syncMethods: s, formAssociated: r } = yi(e), n = t.map((g) => g.join(ms)).join(De), a = i.join(De), c = s.join(De), p = [n, a, c], l = p.findLastIndex((g) => g.length > 0), d = p.slice(0, l + 1);
+  return `${d.length > 0 || r ? `"${d.join(us)}"` : ""}${r ? ",1" : ""}`;
 }
-function hi(e) {
+function yi(e) {
   const t = [], i = [], s = [];
-  for (let r = 0; r < e.members.length; ++r) {
-    const n = e.members[r];
-    if (n.kind === "field") {
-      const a = typeof n.attribute == "string", c = a && n.attribute !== Qt(n.name);
+  for (let n = 0; n < e.members.length; ++n) {
+    const a = e.members[n];
+    if (a.kind === "field") {
+      const c = typeof a.attribute == "string", p = c && a.attribute !== Zt(a.name);
       t.push(
-        a && !c ? [n.name] : [n.name, c ? String(n.attribute) : ""]
+        c && !p ? [a.name] : [a.name, p ? String(a.attribute) : ""]
       );
-    } else n.kind === "method" && n.name !== "componentOnReady" && (vs(n) ? i.push(n.name) : s.push(n.name));
+    } else a.kind === "method" && a.name !== "componentOnReady" && (ws(a) ? i.push(a.name) : s.push(a.name));
   }
-  return { tagName: e.tagName, properties: t, asyncMethods: i, syncMethods: s };
+  const r = e.formAssociated === !0;
+  return { tagName: e.tagName, properties: t, asyncMethods: i, syncMethods: s, formAssociated: r };
 }
-const yr = `import { handleHmrUpdate, handleComponentMetaUpdate } from "@arcgis/lumina/hmrSupport";
-`, vr = (e) => `
+const br = `import { handleHmrUpdate, handleComponentMetaUpdate } from "@arcgis/lumina/hmrSupport";
+`, wr = (e) => `
 if(import.meta.hot) {
   import.meta.hot.on("component-meta-update", handleComponentMetaUpdate);
   import.meta.hot.accept([
 ${e.map((t) => `    "/${t}",`).join(`
 `)}
   ], handleHmrUpdate);
-}`, br = "@arcgis/lumina-compiler", yi = {
-  name: br
+}`, Sr = "@arcgis/lumina-compiler", vi = {
+  name: Sr
 };
-async function vi(e, t) {
-  return ie ??= Sr(e, t), await ie;
+async function bi(e, t) {
+  return ie ??= Cr(e, t), await ie;
 }
-function wr() {
+function Er() {
   if (Pe === void 0)
     throw Error(
       b(
@@ -1374,7 +1375,7 @@ function wr() {
     );
   return Pe;
 }
-function bi() {
+function wi() {
   if (Ge === void 0)
     throw Error(
       b(
@@ -1384,9 +1385,9 @@ function bi() {
     );
   return Ge;
 }
-async function Sr(e, t) {
-  const i = D(e), s = i.dependencies ?? {}, r = i.peerDependencies ?? {}, a = (await Promise.all(
-    [...Object.keys(s), ...Object.keys(r)].filter((l) => !Er.has(l)).flatMap(async (l) => await wi(l, e))
+async function Cr(e, t) {
+  const i = O(e), s = i.dependencies ?? {}, r = i.peerDependencies ?? {}, a = (await Promise.all(
+    [...Object.keys(s), ...Object.keys(r)].filter((l) => !Tr.has(l)).flatMap(async (l) => await Si(l, e))
   )).filter(F);
   Pe ??= a, Ge = Object.fromEntries(a.flatMap((l) => Object.entries(l.components)));
   const c = t?.serve?.extraDependencies?.map(
@@ -1394,7 +1395,7 @@ async function Sr(e, t) {
   ), p = c === void 0 ? a : a.filter((l) => !c.includes(l.packageName));
   return Pe ??= p, p;
 }
-const Er = /* @__PURE__ */ new Set([
+const Tr = /* @__PURE__ */ new Set([
   "@arcgis/arcade-languageservice",
   "@arcgis/components-build-utils",
   "@arcgis/toolkit",
@@ -1431,12 +1432,12 @@ const Er = /* @__PURE__ */ new Set([
   "vscode-languageserver-types"
 ]);
 let Pe, Ge, ie;
-async function wi(e, t) {
-  const i = await Vt(e, t), s = await Gt(i), r = "exports" in s, n = jr.bind(void 0, r), a = "@stencil/core" in (s.dependencies ?? {}) || "@stencil/core" in (s.devDependencies ?? {}), c = u.join(i, "dist/esm/loader.js");
+async function Si(e, t) {
+  const i = await Gt(e, t), s = await Xt(i), r = "exports" in s, n = Dr.bind(void 0, r), a = "@stencil/core" in (s.dependencies ?? {}) || "@stencil/core" in (s.devDependencies ?? {}), c = u.join(i, "dist/esm/loader.js");
   if (a ? await _(c) : !1) {
-    const g = await q(c, "utf8"), h = Cr(g, "bootstrapLazy("), y = g.indexOf(", options", h), v = g.slice(h, y), C = v.startsWith('JSON.parse("') ? v.slice(12, -2).replaceAll('\\"', '"') : v;
+    const g = await H(c, "utf8"), h = $r(g, "bootstrapLazy("), y = g.indexOf(", options", h), v = g.slice(h, y), C = v.startsWith('JSON.parse("') ? v.slice(12, -2).replaceAll('\\"', '"') : v;
     try {
-      const S = JSON.parse(C), k = Nr(S, { packageName: e, getImportPath: n });
+      const S = JSON.parse(C), k = jr(S, { packageName: e, getImportPath: n });
       return { packageName: e, type: "stencil", components: k, packageLocation: i, packageJson: s };
     } catch (S) {
       E.warn("@arcgis/lumina", `Failed to parse dist/esm/loader.js for ${e}.
@@ -1445,7 +1446,7 @@ Error: ${String(S)}`);
   }
   const l = wt(s.customElements);
   if (l != null) {
-    const g = u.join(i, l), h = JSON.parse(await q(g, "utf-8")), y = Tr(h), v = Si(h, {
+    const g = u.join(i, l), h = JSON.parse(await H(g, "utf-8")), y = Pr(h), v = Ei(h, {
       packageName: e,
       getImportPath: n
     });
@@ -1453,15 +1454,15 @@ Error: ${String(S)}`);
   }
   const d = wt(s["web-types"]);
   if (d != null) {
-    const g = u.join(i, d), h = JSON.parse(await q(g, "utf-8")), y = $r(h, {
+    const g = u.join(i, d), h = JSON.parse(await H(g, "utf-8")), y = Ir(h, {
       packageName: e,
       getImportPath: n
     });
     return { type: "unknown", packageName: e, components: y, packageLocation: i, packageJson: s };
   }
-  const f = u.join(i, "dist/components");
-  if (await _(f)) {
-    const g = await Lr(f, {
+  const m = u.join(i, "dist/components");
+  if (await _(m)) {
+    const g = await Fr(m, {
       packageName: e,
       getImportPath: n
     });
@@ -1469,11 +1470,11 @@ Error: ${String(S)}`);
   }
 }
 const wt = (e) => Array.isArray(e) ? e[0] : e;
-function Cr(e, t) {
+function $r(e, t) {
   const i = e.indexOf(t);
   return i === -1 ? -1 : i + t.length;
 }
-function Si(e, t, i = !1) {
+function Ei(e, t, i = !1) {
   const s = /* @__PURE__ */ Object.create(null);
   if (e.modules === void 0)
     return s;
@@ -1490,31 +1491,31 @@ function Si(e, t, i = !1) {
             // Older api.json
             "importPath" in p && typeof p.importPath == "string" ? p.importPath : void 0
           )
-        ), d = p.tagName, f = {
+        ), d = p.tagName, m = {
           packageName: t.packageName,
           modulePath: l ?? t.getImportPath(d),
           propToAttribute: Object.fromEntries(
-            (p.attributes ?? []).map((m) => [m.fieldName ?? m.name, m.name])
+            (p.attributes ?? []).map((f) => [f.fieldName ?? f.name, f.name])
           ),
           requiredProperties: void 0
         };
-        if (s[d] = f, i && p.members !== void 0) {
-          const m = /* @__PURE__ */ new Set();
+        if (s[d] = m, i && p.members !== void 0) {
+          const f = /* @__PURE__ */ new Set();
           for (let g = 0; g < p.members.length; ++g) {
             const h = p.members[g];
-            h.kind === "field" && h.docsTags?.some((y) => y.name === "required") === !0 && m.add(h.name);
+            h.kind === "field" && h.docsTags?.some((y) => y.name === "required") === !0 && f.add(h.name);
           }
-          m.size > 0 && (f.requiredProperties = m);
+          f.size > 0 && (m.requiredProperties = f);
         }
       }
   }
   return s;
 }
-const Tr = (e) => (
+const Pr = (e) => (
   // Since 5.0
   e.compiler?.name === "@arcgis/api-extractor" || // Before 5.0
-  e.compiler?.name === yi.name
-), $r = (e, t) => Object.fromEntries(
+  e.compiler?.name === vi.name
+), Ir = (e, t) => Object.fromEntries(
   (e.contributions?.html?.elements ?? e.contributions?.html?.tags)?.map(
     (i) => [
       i.name,
@@ -1525,7 +1526,7 @@ const Tr = (e) => (
       }
     ]
   ) ?? []
-), Pr = 1, Ir = 2, kr = 4, xr = 8, Ar = Pr | Ir | kr | xr, Nr = (e, t) => Object.fromEntries(
+), kr = 1, xr = 2, Ar = 4, Nr = 8, Lr = kr | xr | Ar | Nr, jr = (e, t) => Object.fromEntries(
   e.flatMap(
     ([i, s]) => s.map(
       ([r, n, a]) => [
@@ -1534,13 +1535,13 @@ const Tr = (e) => (
           packageName: t.packageName,
           modulePath: t.getImportPath(n),
           propToAttribute: Object.fromEntries(
-            Object.entries(a ?? {}).filter(([c, [p]]) => p & Ar).map(([c, [p, l = c]]) => [c, l])
+            Object.entries(a ?? {}).filter(([c, [p]]) => p & Lr).map(([c, [p, l = c]]) => [c, l])
           )
         }
       ]
     )
   )
-), Lr = async (e, t) => Object.fromEntries(
+), Fr = async (e, t) => Object.fromEntries(
   (await tt(e)).filter((i) => i.endsWith(".d.ts")).map((i) => {
     const s = i.slice(0, -5);
     return [
@@ -1552,19 +1553,19 @@ const Tr = (e) => (
       }
     ];
   })
-), jr = (e, t) => e ? `components/${t}` : `dist/components/${t}.js`, Fr = (e) => e.startsWith("/") ? e : `/${e}`, nt = (e, t) => `${e}@fs${Fr(t)}`;
-function Ei(e) {
+), Dr = (e, t) => e ? `components/${t}` : `dist/components/${t}.js`, Rr = (e) => e.startsWith("/") ? e : `/${e}`, nt = (e, t) => `${e}@fs${Rr(t)}`;
+function Ci(e) {
   const t = e?.apiExtractorPluginConfig.unsafeConfigOverride?.types?.typeScriptConfig?.config.options.target ?? o.ScriptTarget.ESNext, i = o.ScriptTarget[t].toLowerCase();
   return i === "latest" ? "esnext" : i;
 }
-const Xe = "@arcgis/core", Me = D(), me = Xe in (Me.dependencies ?? {}) || Xe in (Me.peerDependencies ?? {}) || // Does not depend on `@arcgis/core` to avoid cycle, but uses core in Lumina tests
+const Xe = "@arcgis/core", Me = O(), ue = Xe in (Me.dependencies ?? {}) || Xe in (Me.peerDependencies ?? {}) || // Does not depend on `@arcgis/core` to avoid cycle, but uses core in Lumina tests
 Me.name === "@arcgis/lumina";
-async function Rr(e, t, i) {
-  if (!me)
+async function Or(e, t, i) {
+  if (!ue)
     return [];
-  const s = await Vt(Xe);
+  const s = await Gt(Xe);
   if (t === "cdn") {
-    const r = await Gt(s), n = Ne({ name: "", version: r.version }, i);
+    const r = await Xt(s), n = Ne({ name: "", version: r.version }, i);
     return [
       // Use the ESM CDN
       // <script src="https://jsdev.arcgis.com/VERSION/"><\/script>
@@ -1591,17 +1592,17 @@ const St = (e) => ({
   // This is used be the theme switcher in `@arcgis/storybook-utils`
   id: "arcgisCoreStylesheet"
 }), ot = "customElement.js";
-function Dr(e, t) {
+function Mr(e, t) {
   if (!t.startsWith(e))
     return t;
   const s = t.split(u.sep);
-  return s.at(Or) !== s.at(Mr) ? t : u.join(s.slice(0, -1).join(u.sep), ot);
+  return s.at(Jr) !== s.at(Br) ? t : u.join(s.slice(0, -1).join(u.sep), ot);
 }
-const Or = -1, Mr = -2, Jr = /["']\.\.?\/[^'"]+/gu, Br = (e, t, i, s) => e.replaceAll(Jr, (r) => {
+const Jr = -1, Br = -2, Kr = /["']\.\.?\/[^'"]+/gu, _r = (e, t, i, s) => e.replaceAll(Kr, (r) => {
   const n = r.slice(1);
   if (!n.startsWith("./") && !n.startsWith("../"))
     return r;
-  const a = u.join(s, n), c = !n.endsWith(".js") && !n.split("/").at(-1).includes(".") ? Dr(t.dir.distComponents, a) : a, p = c.startsWith(t.dir.distComponents) ? t.dir.dist + We(c.slice(t.dir.dist.length), t.apiExtractor) : c;
+  const a = u.join(s, n), c = !n.endsWith(".js") && !n.split("/").at(-1).includes(".") ? Mr(t.dir.distComponents, a) : a, p = c.startsWith(t.dir.distComponents) ? t.dir.dist + We(c.slice(t.dir.dist.length), t.apiExtractor) : c;
   if (i === s && a === p)
     return r;
   const l = fe(i, p), d = r.endsWith("/") ? `${l}/` : l;
@@ -1610,12 +1611,12 @@ const Or = -1, Mr = -2, Jr = /["']\.\.?\/[^'"]+/gu, Br = (e, t, i, s) => e.repla
   const i = u.relative(e, t);
   return i.startsWith(".") ? i : `.${u.sep}${i}`;
 };
-async function Kr(e, t, i) {
+async function Ur(e, t, i) {
   const s = u.resolve(e.dir.root, t);
-  e.viteConfig.build.emptyOutDir !== !1 && await _(s) && await Es(s, { recursive: !0, force: !0 }), await Z(s, { recursive: !0 }), await Cs(e.dir.distCdn, u.join(s, "build"), { recursive: !0 });
+  e.viteConfig.build.emptyOutDir !== !1 && await _(s) && await Ts(s, { recursive: !0, force: !0 }), await G(s, { recursive: !0 }), await $s(e.dir.distCdn, u.join(s, "build"), { recursive: !0 });
   const r = [
     "index.html",
-    ...await Ps("**/*.html", {
+    ...await ks("**/*.html", {
       cwd: e.dir.src,
       nodir: !0,
       posix: !0
@@ -1628,16 +1629,16 @@ async function Kr(e, t, i) {
     if ("tag" in l) {
       const d = l.children ?? "";
       if (typeof d == "string")
-        return `<${l.tag} ${Object.entries(l.attrs ?? {}).map(([f, m]) => `${f}="${m}"`).join(" ")}>${d}</${l.tag}>`;
+        return `<${l.tag} ${Object.entries(l.attrs ?? {}).map(([m, f]) => `${m}="${f}"`).join(" ")}>${d}</${l.tag}>`;
     }
     throw Error(b("@arcgis/lumina:buildWebApp", `Unsupported loader type: ${JSON.stringify(l)}`));
   }).join(`
 `);
   await Promise.all(
     r.map(async (l, d) => {
-      const m = d === 0 ? l : u.join(n, l), g = u.join(e.dir.root, m), h = u.join(s, m);
-      await Z(u.dirname(h), { recursive: !0 });
-      const y = await q(g, "utf-8"), v = fe(u.dirname(m), `build/${i}`), C = `${p}<script type="module" src="${v}"><\/script>
+      const f = d === 0 ? l : u.join(n, l), g = u.join(e.dir.root, f), h = u.join(s, f);
+      await G(u.dirname(h), { recursive: !0 });
+      const y = await H(g, "utf-8"), v = fe(u.dirname(f), `build/${i}`), C = `${p}<script type="module" src="${v}"><\/script>
 `, S = Math.min(
         ...[y.indexOf("<style>"), y.indexOf("<script"), y.indexOf("</head>")].filter(
           (x) => x !== -1
@@ -1650,7 +1651,7 @@ async function Kr(e, t, i) {
     })
   ), await e.options.build?.webApp?.afterBuildEnd?.(e);
 }
-const Ci = /* @__PURE__ */ new Set([
+const Ti = /* @__PURE__ */ new Set([
   "chunks",
   "components",
   "docs",
@@ -1663,13 +1664,13 @@ const Ci = /* @__PURE__ */ new Set([
   "collection",
   "extras",
   "support"
-]), B = "@arcgis/lumina:buildCdn", ne = "cdn", Ti = "index", Y = "main";
-function _r(e) {
+]), R = "@arcgis/lumina:buildCdn", ne = "cdn", $i = "index", Q = "main";
+function Wr(e) {
   const { skip: t = !1, namespace: i, esbuildOptions: s = {}, entrypointTransformer: r } = e.options.build?.cdn ?? {}, n = e.options.build?.webApp?.destination, a = i !== void 0;
   if (a) {
     if (i.toLowerCase() !== i)
       throw new Error(`Expected CDN namespace to be all lowercase. Received: ${i}`);
-    if (Ci.has(i))
+    if (Ti.has(i))
       throw new Error(
         `Namespace name "${i}" is restricted as it collides with a well-known Lumina dist/ folder name or Stencil dist/ folder name.`
       );
@@ -1677,27 +1678,27 @@ function _r(e) {
       'The "namespace" option in the "build.cdn" is deprecated and will be removed in the next major version.'
     );
   }
-  const c = i ?? Ti;
+  const c = i ?? $i;
   if (e.provideAssets([
     {
       type: "dynamic",
-      source: () => mr(e),
-      destination: `../${a ? c : Y}.css`
+      source: () => gr(e),
+      destination: `../${a ? c : Q}.css`
     }
   ]), !t)
     return {
-      name: B,
+      name: R,
       async writeBundle() {
         if (e.isInStorybook)
           return;
         if ((e.apiJsonComponents ?? []).length === 0) {
           E.warn(
-            B,
+            R,
             "Skipping CDN build as no public custom elements were found in this package. Double check that your component files follow the required naming convention: https://webgis.esri.com/references/lumina/component."
           );
           return;
         }
-        const p = me && D().name !== "@arcgis/embeddable-components", l = Date.now(), d = Array.isArray(s.entryPoints) ? s.entryPoints.map((g) => typeof g == "string" ? { in: g, out: "" } : g) : typeof s.entryPoints == "object" ? Object.entries(s.entryPoints).map(([g, h]) => ({ in: h, out: g })) : [], f = await Ur(
+        const p = ue && O().name !== "@arcgis/embeddable-components", l = Date.now(), d = Array.isArray(s.entryPoints) ? s.entryPoints.map((g) => typeof g == "string" ? { in: g, out: "" } : g) : typeof s.entryPoints == "object" ? Object.entries(s.entryPoints).map(([g, h]) => ({ in: h, out: g })) : [], m = await zr(
           e,
           c,
           s,
@@ -1705,31 +1706,31 @@ function _r(e) {
           r,
           p
         );
-        await Wr(
-          f,
+        await Hr(
+          m,
           e,
           a ? `${c}.esm` : c,
           d,
           p
         );
-        const m = Date.now();
-        E.info(B, `CDN was built in ${m - l}ms`), n && await Kr(e, n, `${a ? `${c}.esm` : c}.js`);
+        const f = Date.now();
+        E.info(R, `CDN was built in ${f - l}ms`), n && await Ur(e, n, `${a ? `${c}.esm` : c}.js`);
       }
     };
 }
-async function Ur(e, t, i, s, r, n) {
+async function zr(e, t, i, s, r, n) {
   const a = e.environment;
   if (i.minify && n)
     throw Error(
       b(
-        B,
+        R,
         "Unminified CDN build is not yet supported - open a feature request with Lumina maintainers if it is needed"
       )
     );
   if (i.sourcemap && n)
     throw Error(
       b(
-        B,
+        R,
         "Source maps in the CDN build are not yet supported - open a feature request with Lumina maintainers if it is needed"
       )
     );
@@ -1740,8 +1741,8 @@ async function Ur(e, t, i, s, r, n) {
  * The script's file name will be stripped inside defineCustomElements.
  **/
 defineCustomElements({resourcesUrl: import.meta.url});
-${gi(e._globalCssString, e)}`, p = r?.(c, e) ?? c;
-  return await $s({
+${hi(e._globalCssString, e)}`, p = r?.(c, e) ?? c;
+  return await Is({
     bundle: !0,
     minify: n ? !0 : a === "production",
     treeShaking: !0,
@@ -1766,7 +1767,7 @@ ${gi(e._globalCssString, e)}`, p = r?.(c, e) ?? c;
     chunkNames: "[hash]",
     resolveExtensions: [".js", ".json"],
     banner: { js: e.banner },
-    target: Ei(e),
+    target: Ci(e),
     ...i,
     write: !1,
     plugins: [
@@ -1793,13 +1794,13 @@ ${gi(e._globalCssString, e)}`, p = r?.(c, e) ?? c;
         setup(l) {
           const d = e.options.build?.cdn?.namespace === void 0 ? (
             // eslint-disable-next-line require-unicode-regexp
-            new RegExp(`\\/${ne}\\/${Y}\\.css$`)
+            new RegExp(`\\/${ne}\\/${Q}\\.css$`)
           ) : (
             // eslint-disable-next-line require-unicode-regexp
             new RegExp(`\\/${e.options.build.cdn.namespace}\\/${e.options.build.cdn.namespace}\\.css$`)
           );
-          l.onResolve({ filter: d }, ({ path: f }) => ({
-            path: f,
+          l.onResolve({ filter: d }, ({ path: m }) => ({
+            path: m,
             namespace: "build-cdn:global-css"
           })), l.onLoad({ filter: /.*/, namespace: "build-cdn:global-css" }, () => ({
             contents: "",
@@ -1825,36 +1826,59 @@ ${gi(e._globalCssString, e)}`, p = r?.(c, e) ?? c;
     }
   });
 }
-async function Wr(e, t, i, s, r) {
-  const n = t.dir.distCdn, a = `${i}.js`, c = new Map(
-    e.outputFiles.map((p) => {
-      const l = {
-        code: p.text,
+const Et = "stdin.js";
+async function Hr(e, t, i, s, r) {
+  const n = t.dir.distCdn, a = `${i}.js`;
+  let c;
+  r && (c = new Set(s.map((d) => `${d.out}.js`)), c.add(a));
+  const p = new Map(
+    e.outputFiles.map((d) => {
+      const m = {
+        code: d.text,
         isProcessing: !1,
         isAsync: void 0,
         oldSingleExportName: void 0
-      }, d = p.path.slice(n.length);
-      if (d === "stdin.js") {
+      }, f = d.path.slice(n.length);
+      if (f === Et) {
         if (r) {
-          const m = p.text.match(Hr)?.[0];
-          if (m === void 0)
+          const h = d.text.match(qr)?.[0];
+          if (h === void 0)
             throw Error(
-              `Failed to find the runtime variable name in the CDN entrypoint file. This likely indicates a bug in Lumina. stdin.js contents:
-${p.text}`
+              `Failed to find the runtime variable name in the CDN entrypoint file. This likely indicates a bug in Lumina. ${Et} contents:
+${d.text}`
             );
-          l.code = `${l.code.trimEnd()}${qr(m, s)}`, l.isAsync = !1;
+          m.code = `${m.code.trimEnd()}${Vr(h, s)}`, m.isAsync = !1;
         }
-        return [a, l];
+        return [a, m];
       }
-      return [d, l];
+      return [f, m];
     })
   );
-  r && c.forEach((p, l) => {
-    p.isAsync === void 0 && (l.endsWith(".js") ? $i(p, c) : p.isAsync = !1);
-  }), t.options.build?.cdn?.transformer?.(c, t), await Promise.all(Array.from(c.entries(), async ([p, { code: l }]) => await U(n + p, l)));
+  r && p.forEach((d, m) => {
+    if (d.isAsync === void 0)
+      if (m.endsWith(".js")) {
+        if (Pi(d, p), c?.has(m) === !0 && d.code.includes(Ii))
+          throw Error(
+            b(
+              R,
+              "CDN entrypoints cannot directly or indirectly import from @arcgis/core at the top level. @arcgis/core, or modules that import @arcgis/core may only be imported dynamically using import(). This is necessary to be compatible with AMD CDN, ESM CDN, and Safari's lack of top-level await support."
+            )
+          );
+      } else
+        d.isAsync = !1;
+  }), t.options.build?.cdn?.transformer?.(p, t);
+  const l = /* @__PURE__ */ new Map();
+  for (const d of p.keys()) {
+    const m = d.lastIndexOf("/");
+    if (m !== -1) {
+      const f = d.slice(0, m);
+      l.set(f, G(n + f, { recursive: !0 }));
+    }
+  }
+  await Promise.all(l.values()), await Promise.all(Array.from(p.entries(), async ([d, { code: m }]) => await U(n + d, m)));
 }
-const Hr = /(?<=;var [a-zA-Z$_]=[a-zA-Z$_]\()[a-zA-Z$_](?=,\{")/u;
-function qr(e, t) {
+const qr = /(?<=;var [a-zA-Z$_]=[a-zA-Z$_]\()[a-zA-Z$_](?=,\{")/u;
+function Vr(e, t) {
   let i = [
     "window.$arcgis",
     "||",
@@ -1866,11 +1890,11 @@ function qr(e, t) {
     const r = [];
     for (const n of t) {
       if (n.in.includes("*")) {
-        E.warn(B, `$arcgis.import does not support wildcard imports, so ${n.in} will be ignored.`);
+        E.warn(R, `$arcgis.import does not support wildcard imports, so ${n.in} will be ignored.`);
         continue;
       }
       if (n.out.startsWith(".") || n.out.startsWith("/"))
-        throw Error(b(B, `CDN entrypoint path must not start with '.' or '/'. Found: ${n.out}`));
+        throw Error(b(R, `CDN entrypoint path must not start with '.' or '/'. Found: ${n.out}`));
       r.push(n.out);
     }
     i += `"${r.join(",")}".split(",").map(e=>i[p+e+j]=i[p+e]=import.meta.resolve("./"+e+j));`;
@@ -1890,80 +1914,81 @@ function qr(e, t) {
     // minified to a variable name that is already used inside the closure).
     `)($arcgis,${e}`
   ].join(""), s) {
-    const n = D().name;
+    const n = O().name;
     i += `,"${n}/",".js"`;
   }
   return i += ")", i;
 }
-function $i(e, t) {
+function Pi(e, t) {
   if (e.isProcessing) {
-    e.isAsync = !0, Et(e);
+    e.isAsync = !0, Ct(e);
     return;
   }
   e.isProcessing = !0;
   const i = [], s = [], r = [], n = /* @__PURE__ */ new Set(), a = [];
   let c = 0;
-  const p = e.code.matchAll(zr);
+  const p = e.code.matchAll(Gr);
   for (const w of p) {
-    const [L, A, H, j, N] = w, K = N.startsWith(Ie);
+    const [L, A, z, j, N] = w, K = N.startsWith(Ie);
     if (c !== 0 && c !== w.index) {
-      const R = e.code.slice(c, w.index);
-      r.push(R), a.push([c, R.length, 0, ""]);
+      const D = e.code.slice(c, w.index);
+      r.push(D), a.push([c, D.length, 0, ""]);
     }
     if (c = w.index + L.length, K)
-      a.push([w.index, L.length, 0, ""]), s.push(`"${Ii(N.slice(Ie.length))}"`), i.push(A?.replaceAll(" as ", ":") ?? H ?? j ?? "");
+      a.push([w.index, L.length, 0, ""]), s.push(`"${xi(N.slice(Ie.length))}"`), i.push(A?.replaceAll(" as ", ":") ?? z ?? j ?? "");
     else {
-      const R = Pi(N, t), O = R?.isAsync === !0;
+      const D = ki(N, t), M = D?.isAsync === !0;
       if (A !== void 0) {
         const ye = [];
         for (const Fe of A.slice(1, -1).split(",")) {
-          const [mt, ft = mt] = Fe.split(" as ");
-          O || n.add(ft), ye.push(`${mt}:${ft}`);
+          const [ut, ft = ut] = Fe.split(" as ");
+          M || n.add(ft), ye.push(`${ut}:${ft}`);
         }
-        if (O) {
-          const Fe = R.oldSingleExportName === void 0 ? `{${ye.join(",")}}` : ye[0].split(":")[1];
+        if (M) {
+          const Fe = D.oldSingleExportName === void 0 ? `{${ye.join(",")}}` : ye[0].split(":")[1];
           a.push([w.index + 6, 0, A.length, Fe]);
         }
-      } else if (H === void 0 && j === void 0)
-        O && a.push([w.index + 6, 0, 0, ""]);
+      } else if (z === void 0 && j === void 0)
+        M && a.push([w.index + 6, 0, 0, ""]);
       else {
-        if (O)
+        if (M)
           throw Error(
             b(
-              B,
+              R,
               `Expected local import specifiers to use only named or side-effect import syntax. Found ${L} in a chunk:
-${R.code}`
+${D.code}`
             )
           );
-        n.add(j ?? H);
+        n.add(j ?? z);
       }
     }
   }
   e.isProcessing = !1;
   const l = e.isAsync === !0;
   if (e.isAsync = l || a.length > 0, !e.isAsync) {
-    e.code = Ct(e.code, t);
+    e.code = Tt(e.code, t);
     return;
   }
-  const d = Xr(n);
-  let f = e.code.slice(0, c);
+  const d = Qr(n);
+  let m = e.code.slice(0, c);
   for (let w = a.length - 1; w >= 0; w--) {
-    const [L, A, H, j] = a[w];
+    const [L, A, z, j] = a[w];
     let N = A, K = "";
     if (A === 0) {
-      const O = d();
-      s.push(O), K = ` ${O} from`, j !== "" ? (N = H + 4, i.push(j)) : i.push("");
+      const M = d();
+      s.push(M), K = ` ${M} from`, j !== "" ? (N = z + 4, i.push(j)) : i.push("");
     }
-    f = f.slice(0, L) + K + f.slice(L + N);
+    m = m.slice(0, L) + K + m.slice(L + N);
   }
-  const [m, g] = Et(e), h = i.findLastIndex((w) => w.length > 0), y = i.slice(0, h + 1).join(","), C = `export default $arcgis.t(${i.length === 0 ? "_" : `([${y}])`}=>{`, S = s.join(","), k = `${g}},${S})`;
-  let T = e.code.slice(c, m);
-  T = `${r.join("")}${T}`, T = Ct(T, t);
-  const x = `${f}${C}${T}${k}`;
+  const [f, g] = Ct(e), h = i.findLastIndex((w) => w.length > 0), y = i.slice(0, h + 1).join(","), v = i.length === 0 ? "_" : `([${y}])`, C = `${Ii}${v}=>{`, S = s.join(","), k = `${g}},${S})`;
+  let T = e.code.slice(c, f);
+  T = `${r.join("")}${T}`, T = Tt(T, t);
+  const x = `${m}${C}${T}${k}`;
   e.code = x;
 }
-function Et(e) {
-  const t = Vr.exec(e.code), i = t?.index ?? e.code.length;
+const Ii = "export default $arcgis.t(";
+function Ct(e) {
+  const t = Xr.exec(e.code), i = t?.index ?? e.code.length;
   let s = "";
   if (t !== null) {
     const r = t[1].split(",");
@@ -1979,51 +2004,51 @@ function Et(e) {
   }
   return [i, s];
 }
-const zr = /import(?:(\{[^}]+\})from|\*as ([\w$]+) from| ([\w$]+) from)?"([^"]+)";/gu, Vr = /export\{([^}]+)\};\n$/u, Ie = "@arcgis/core/";
-function Pi(e, t) {
+const Gr = /import(?:(\{[^}]+\})from|\*as ([\w$]+) from| ([\w$]+) from)?"([^"]+)";/gu, Xr = /export\{([^}]+)\};\n$/u, Ie = "@arcgis/core/";
+function ki(e, t) {
   if (!e.startsWith("./"))
     return;
   const i = e.slice(2), s = t.get(i);
   if (s === void 0)
-    throw Error(b(B, `Failed to find the ${e} module`));
-  if (s.isAsync === void 0 && $i(s, t), s.isAsync === void 0)
-    throw Error(b(B, `Failed to infer whether the ${e} module has top-level await`));
+    throw Error(b(R, `Failed to find the ${e} module`));
+  if (s.isAsync === void 0 && Pi(s, t), s.isAsync === void 0)
+    throw Error(b(R, `Failed to infer whether the ${e} module has top-level await`));
   return s;
 }
-function Ct(e, t) {
-  return e.replaceAll(Gr, (i, s) => {
+function Tt(e, t) {
+  return e.replaceAll(Yr, (i, s) => {
     if (s.startsWith(Ie))
-      return `$arcgis.t(m=>m[0],"${Ii(s.slice(Ie.length))}")`;
+      return `$arcgis.t(m=>m[0],"${xi(s.slice(Ie.length))}")`;
     if (s.startsWith("./")) {
-      const r = Pi(s, t);
+      const r = ki(s, t);
       if (r?.isAsync === !0)
         return `${i}.then(m=>m.default${r.oldSingleExportName === void 0 ? "" : `.then(e=>({${r.oldSingleExportName}:e}))`})`;
     }
     return i;
   });
 }
-const Gr = /(?<![.\w\d])import\("([^"]+)"\)/gu, Ii = (e) => e.endsWith(".js") ? e.slice(0, -3) : e;
-function Xr(e) {
+const Yr = /(?<![.\w\d])import\("([^"]+)"\)/gu, xi = (e) => e.endsWith(".js") ? e.slice(0, -3) : e;
+function Qr(e) {
   const t = [Ye];
   return () => {
     for (; ; ) {
-      const i = Zr(t);
-      if (en(t), !e.has(i))
+      const i = tn(t);
+      if (sn(t), !e.has(i))
         return e.add(i), i;
     }
   };
 }
-const Ye = 0, at = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$_", ki = `${at}0123456789`, Yr = at.length, Qr = ki.length;
-function Zr(e) {
+const Ye = 0, at = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$_", Ai = `${at}0123456789`, Zr = at.length, en = Ai.length;
+function tn(e) {
   let t = at[e[0]];
   for (let i = 1; i < e.length; ++i)
-    t += ki[e[i]];
+    t += Ai[e[i]];
   return t;
 }
-function en(e) {
+function sn(e) {
   let t = e.length - 1;
   for (; t >= 0; ) {
-    const i = t === 0 ? Yr : Qr;
+    const i = t === 0 ? Zr : en;
     if (e[t] += 1, e[t] >= i)
       e[t] = Ye, t--;
     else
@@ -2031,11 +2056,11 @@ function en(e) {
   }
   e.push(Ye);
 }
-function Ne(e = D(), t = !1) {
+function Ne(e = O(), t = !1) {
   const i = e.version.includes("next"), s = e.name === "@esri/calcite-components";
   if (s && i)
     return `https://cdn.jsdelivr.net/npm/@esri/calcite-components@${e.version}/dist/${ne}/`;
-  const r = t || i ? "jsdev.arcgis.com" : "js.arcgis.com", n = tn(e.name), a = sn(e.version);
+  const r = t || i ? "jsdev.arcgis.com" : "js.arcgis.com", n = rn(e.name), a = nn(e.version);
   if (a === void 0)
     throw Error(
       b(
@@ -2045,25 +2070,25 @@ function Ne(e = D(), t = !1) {
     );
   return n.length === 0 ? `https://${r}/${a}/` : s ? `https://${r}/${n}/${a}/` : `https://${r}/${a}/${n}/`;
 }
-const tn = (e) => e.split("/").pop() ?? e;
-function sn(e) {
+const rn = (e) => e.split("/").pop() ?? e;
+function nn(e) {
   const t = /^(?<major>\d+)\.(?<minor>\d+)\.(?<patch>\d+)(?<prerelease>-.*)?$/u, i = e.match(t);
   if (i?.groups === void 0)
     return;
   const { major: s, minor: r, patch: n, prerelease: a } = i.groups, c = `${s}.${r}.${n}`;
   return a?.startsWith("-next") ? `${c}-next` : c;
 }
-async function rn(e, t, i, s, r) {
-  const n = t.packageName, { hasCss: a, cdnName: c } = await xi(t.packageLocation) ?? {};
+async function on(e, t, i, s, r) {
+  const n = t.packageName, { hasCss: a, cdnName: c } = await Ni(t.packageLocation) ?? {};
   if (i === "cdn") {
-    const f = t.cdnUrl ?? Ne(t.packageJson, r);
+    const m = t.cdnUrl ?? Ne(t.packageJson, r);
     return [
       ...a ? [
         {
           tag: "link",
           attrs: {
             rel: "stylesheet",
-            src: `${f}${c}.css`
+            src: `${m}${c}.css`
           }
         }
       ] : [],
@@ -2071,12 +2096,12 @@ async function rn(e, t, i, s, r) {
         tag: "script",
         attrs: {
           type: "module",
-          src: `${f}${c}.esm.js`
+          src: `${m}${c}.esm.js`
         }
       }
     ];
   }
-  const p = `${n}/dist/${c}/${c}.css${X}`, l = a ? [
+  const p = `${n}/dist/${c}/${c}.css${Y}`, l = a ? [
     `import styles$${s} from "${p}";`,
     `document.adoptedStyleSheets = [...document.adoptedStyleSheets, styles$${s}.styleSheet];`
   ] : [], d = `${n}/dist/esm/loader.js`;
@@ -2097,18 +2122,18 @@ async function rn(e, t, i, s, r) {
     }
   ];
 }
-async function xi(e) {
+async function Ni(e) {
   const t = u.join(e, "dist"), i = u.basename(e), r = (await tt(t)).filter(
-    (a) => !Ci.has(a) && !a.includes(".")
+    (a) => !Ti.has(a) && !a.includes(".")
   ), n = r.find(
     (a) => a.startsWith("arcgis-") || // This is the case for template-components and field-apps-custom-elements
     a === i
   );
   return n === void 0 ? await Promise.all(
-    r.map(async (a) => await Tt(t, a))
-  ).then((a) => a.find(F)) : await Tt(t, n);
+    r.map(async (a) => await $t(t, a))
+  ).then((a) => a.find(F)) : await $t(t, n);
 }
-async function Tt(e, t) {
+async function $t(e, t) {
   const i = u.join(e, t, `${t}.css`), s = u.join(e, t, "assets"), r = u.join(e, t, `${t}.esm.js`), [n, a, c] = await Promise.all([
     _(i),
     _(s),
@@ -2119,8 +2144,8 @@ async function Tt(e, t) {
     cdnName: t
   } : void 0;
 }
-async function nn(e, t, i, s, r) {
-  const a = t.packageJson.exports?.[`./${Y}.css`] === void 0 ? await xi(t.packageLocation) : void 0, c = a?.cdnName ?? ne, p = a === void 0 ? `${Ti}.js` : `${a.cdnName}.esm.js`;
+async function an(e, t, i, s, r) {
+  const a = t.packageJson.exports?.[`./${Q}.css`] === void 0 ? await Ni(t.packageLocation) : void 0, c = a?.cdnName ?? ne, p = a === void 0 ? `${$i}.js` : `${a.cdnName}.esm.js`;
   if (i === "cdn")
     return {
       tag: "script",
@@ -2129,50 +2154,50 @@ async function nn(e, t, i, s, r) {
         src: `${t.cdnUrl ?? Ne(t.packageJson, r)}${p}`
       }
     };
-  const l = on(t.packageJson), d = `${t.packageName}/${u.normalize(l)}${X}`, f = [
+  const l = ln(t.packageJson), d = `${t.packageName}/${u.normalize(l)}${Y}`, m = [
     `import styles$${s} from "${d}";`,
     `document.adoptedStyleSheets = [...document.adoptedStyleSheets, styles$${s}.styleSheet];`
-  ], m = `${t.packageName}/loader`;
+  ], f = `${t.packageName}/loader`;
   return {
     /*
      * Do not pre-bundle CSS bundle as dep-optimizer ESBuild instance
      * doesn't know how to load our CSS (without a plugin)
      */
-    optimizableImports: [m],
+    optimizableImports: [f],
     javascriptCode: [
-      ...f,
-      `import { defineCustomElements as defineCustomElements$${s} } from "${m}";`,
+      ...m,
+      `import { defineCustomElements as defineCustomElements$${s} } from "${f}";`,
       `defineCustomElements$${s}({`,
       `  resourcesUrl: "${nt(e, t.packageLocation)}/dist/${c}/",`,
       "});"
     ]
   };
 }
-function on(e) {
+function ln(e) {
   const { exports: t } = e;
   if (t === void 0)
     throw new Error(
       `Package "${e.name}" does not have an "exports" field. All Lumina packages must include an "exports" field.`
     );
-  const i = Object.entries(t).filter(([r]) => u.extname(r) === ".css"), s = i.find(([, r]) => r === `./${Y}.css`);
-  return s ? s[0] : i.length > 0 ? i[0][0] : `./${Y}.css`;
+  const i = Object.entries(t).filter(([r]) => u.extname(r) === ".css"), s = i.find(([, r]) => r === `./${Q}.css`);
+  return s ? s[0] : i.length > 0 ? i[0][0] : `./${Q}.css`;
 }
 async function pe(e) {
-  return e._loadersCache ??= an(e), await e._loadersCache;
+  return e._loadersCache ??= cn(e), await e._loadersCache;
 }
-async function an(e) {
+async function cn(e) {
   const t = e.viteCommand === "build" ? "cdn" : "lazyNpm", i = e.environment === "development", s = e.viteConfig.base;
   let r = 0;
   const n = async (l) => (await Promise.all(
     l.map(async (d) => {
-      const f = r++;
-      return d.type === "stencil" ? await rn(s, d, t, f, i) : d.type === "@arcgis/lumina" ? await nn(s, d, t, f, i) : void 0;
+      const m = r++;
+      return d.type === "stencil" ? await on(s, d, t, m, i) : d.type === "@arcgis/lumina" ? await an(s, d, t, m, i) : void 0;
     })
   )).filter(F).flat(), a = await Promise.all([
     // This may contain an import map so must be first
-    Rr(s, t, i),
+    Or(s, t, i),
     ie.then(n),
-    Ai(e).then(n)
+    Li(e).then(n)
   ]), c = u.join(e.dir.src, "loader.ts");
   return [
     ...a.flat(),
@@ -2191,11 +2216,11 @@ async function an(e) {
     }
   ];
 }
-async function Ai(e) {
+async function Li(e) {
   const t = e.options?.serve?.extraDependencies ?? [];
   return t.length === 0 ? [] : (e._serveOnlyDependencies ??= Promise.all(
     t.map(async (i) => {
-      const s = typeof i == "string" ? void 0 : i, r = typeof i == "string" ? i : i.name, n = await wi(r);
+      const s = typeof i == "string" ? void 0 : i, r = typeof i == "string" ? i : i.name, n = await Si(r);
       if (n === void 0)
         throw Error(
           b(
@@ -2210,8 +2235,8 @@ async function Ai(e) {
     })
   ).then((i) => i.filter(F)), await e._serveOnlyDependencies);
 }
-const ln = "/@arcgis/lumina-compiler/testSetupFile", cn = /^\/@arcgis\/lumina-compiler\/testSetupFile/u, Je = [ln];
-async function dn(e) {
+const dn = "/@arcgis/lumina-compiler/testSetupFile", pn = /^\/@arcgis\/lumina-compiler\/testSetupFile/u, Je = [dn];
+async function mn(e) {
   if (
     /**
      * Only import custom element dependencies if we are running in Vitest browser mode.
@@ -2223,7 +2248,7 @@ async function dn(e) {
      */
     !e.apiJsonEnabled
   )
-    return $t(e);
+    return Pt(e);
   const i = (await pe(e)).map((s, r) => {
     if ("javascriptCode" in s)
       return s.javascriptCode.join(`
@@ -2234,7 +2259,7 @@ async function dn(e) {
          * The $index naming is already used by makeLoaders(), so we use the
          * $t prefix to avoid collisions.
          */
-        `import styles$t${r} from "${s.cssHref}${X}";`,
+        `import styles$t${r} from "${s.cssHref}${Y}";`,
         `document.adoptedStyleSheets = [...document.adoptedStyleSheets, styles$t${r}.styleSheet];`
       ].join(`
 `);
@@ -2247,18 +2272,18 @@ async function dn(e) {
   }).join(`
 
 `);
-  return [$t(e), i].join("");
+  return [Pt(e), i].join("");
 }
-const $t = (e) => [e.isInPuppeteerTestBackEnd ? pn : "", un].join(""), pn = `import { setupPuppeteerTest } from "@arcgis/lumina-compiler/puppeteerTesting";
+const Pt = (e) => [e.isInPuppeteerTestBackEnd ? un : "", fn].join(""), un = `import { setupPuppeteerTest } from "@arcgis/lumina-compiler/puppeteerTesting";
 setupPuppeteerTest();
-`, un = `import { setupLuminaTest } from "@arcgis/lumina-compiler/testing";
+`, fn = `import { setupLuminaTest } from "@arcgis/lumina-compiler/testing";
 setupLuminaTest();
-`, mn = "@arcgis/lumina:generateLoaderTs";
+`, gn = "@arcgis/lumina:generateLoaderTs";
 let ke;
-function fn(e) {
+function hn(e) {
   const t = /[\\\/]src[\\\/]loader\.ts$/u;
-  return [Is(e.apiExtractorPluginConfig), {
-    name: mn,
+  return [xs(e.apiExtractorPluginConfig), {
+    name: gn,
     configResolved() {
       ke = `${e.dir.root}src/loader.ts`;
     },
@@ -2273,7 +2298,7 @@ function fn(e) {
         id: t
       },
       async handler() {
-        return e.apiJsonDeferred !== void 0 && await e.apiJsonDeferred.promise, fr(e);
+        return e.apiJsonDeferred !== void 0 && await e.apiJsonDeferred.promise, hr(e);
       }
     },
     async handleHotUpdate() {
@@ -2283,17 +2308,17 @@ function fn(e) {
     name: "@arcgis/lumina:generateTestSetupVirtualFile",
     load: {
       filter: {
-        id: cn
+        id: pn
       },
-      handler: async () => await dn(e)
+      handler: async () => await mn(e)
     }
   }];
 }
-function Pt(e) {
+function It(e) {
   const t = e.server.moduleGraph.getModuleById(ke);
   t !== void 0 && e.server.moduleGraph.invalidateModule(t);
 }
-const It = (e) => {
+const kt = (e) => {
   e.server.ws.send({
     type: "full-reload",
     path: u.join("/", u.relative(e.dir.root, ke))
@@ -2304,17 +2329,17 @@ function ce(e, t, i = lt) {
     throw Error(b(Qe, "serveAssets() is only available when Vite is running in serve mode"));
   const s = e._serverConfigured, r = e.server.middlewares.stack.length;
   if (t.forEach((n) => {
-    const a = Li(n), c = Fi(e.dir, ji(a)), p = hn(e.viteConfig.base, c, e.dir.distCdn);
-    e.server.middlewares.use(p, (l, d, f) => {
-      const m = yn(l.url), g = a.type === "directory" ? u.resolve(a.source, m.slice(1)) : a.source, h = u.join(c, m), y = i.find((v) => v.match(h, e));
-      return (typeof g == "function" ? Promise.resolve(g()) : q(g)).then((v) => {
+    const a = Fi(n), c = Ri(e.dir, Di(a)), p = vn(e.viteConfig.base, c, e.dir.distCdn);
+    e.server.middlewares.use(p, (l, d, m) => {
+      const f = bn(l.url), g = a.type === "directory" ? u.resolve(a.source, f.slice(1)) : a.source, h = u.join(c, f), y = i.find((v) => v.match(h, e));
+      return (typeof g == "function" ? Promise.resolve(g()) : H(g)).then((v) => {
         const C = (typeof g == "function" ? void 0 : y?.transform(v.toString("utf8"), h, e)) ?? v;
-        d.setHeader("Cache-Control", "max-age=31536000, immutable"), d.setHeader("Content-Type", ks.lookup(m) || "application/octet-stream"), d.write(C), d.end();
+        d.setHeader("Cache-Control", "max-age=31536000, immutable"), d.setHeader("Content-Type", As.lookup(f) || "application/octet-stream"), d.write(C), d.end();
       }).catch((v) => {
         (a.type !== "directory" || process.env.DEBUG) && E.warn(
           Qe,
-          `Error occurred when trying to serve a file in response to request for "${l.originalUrl ?? m}":${String(v)}`
-        ), f();
+          `Error occurred when trying to serve a file in response to request for "${l.originalUrl ?? f}":${String(v)}`
+        ), m();
       }), !0;
     });
   }), s) {
@@ -2322,31 +2347,31 @@ function ce(e, t, i = lt) {
     e.server.middlewares.stack.splice(0, 0, ...n);
   }
 }
-async function Ni(e, t, i = lt) {
+async function ji(e, t, i = lt) {
   await Promise.all(
     t.map(async (s) => {
-      const r = Li(s), n = Fi(e.dir, ji(r));
+      const r = Fi(s), n = Ri(e.dir, Di(r));
       if (r.type === "directory") {
         const a = u.resolve(r.source), p = (await tt(a, { recursive: !0, withFileTypes: !0 })).filter((l) => l.isFile()).map((l) => {
-          const d = u.resolve(l.parentPath, l.name), f = u.relative(a, d), m = u.join(n, f);
-          return [d, m];
+          const d = u.resolve(l.parentPath, l.name), m = u.relative(a, d), f = u.join(n, m);
+          return [d, f];
         });
-        await Di(p.map(([l, d]) => d)), await Promise.all(
+        await Mi(p.map(([l, d]) => d)), await Promise.all(
           p.map(
-            async ([l, d]) => await kt(l, d, i, e)
+            async ([l, d]) => await xt(l, d, i, e)
           )
         );
       } else if (r.type === "file")
-        await Z(u.dirname(n), { recursive: !0 }), await kt(r.source, n, i, e);
+        await G(u.dirname(n), { recursive: !0 }), await xt(r.source, n, i, e);
       else if (r.type === "dynamic") {
-        await Z(u.dirname(n), { recursive: !0 });
+        await G(u.dirname(n), { recursive: !0 });
         const a = await Promise.resolve(r.source());
         await U(n, a);
       }
     })
   );
 }
-const Li = Xt ? (e) => e : (e) => e.type === "dynamic" ? {
+const Fi = Yt ? (e) => e : (e) => e.type === "dynamic" ? {
   ...e,
   destination: be(e.destination)
 } : {
@@ -2354,16 +2379,16 @@ const Li = Xt ? (e) => e : (e) => e.type === "dynamic" ? {
   source: be(e.source),
   destination: be(e.destination)
 };
-async function kt(e, t, i, s) {
+async function xt(e, t, i, s) {
   const r = i.find((n) => n.match(t, s));
   if (r === void 0)
-    await Ts(e, t);
+    await Ps(e, t);
   else {
-    const n = await q(e, "utf8"), a = r.transform(n, t, s);
+    const n = await H(e, "utf8"), a = r.transform(n, t, s);
     await U(t, a);
   }
 }
-function ji(e) {
+function Di(e) {
   if (e.type === "dynamic")
     return e.destination;
   if (e.source.endsWith(u.sep)) {
@@ -2378,34 +2403,34 @@ function ji(e) {
   }
   return e.destination === "" ? u.basename(e.source) : e.destination.endsWith(u.sep) ? e.type === "directory" && e.destination === u.sep ? e.destination : u.join(e.destination, u.basename(e.source)) : e.destination;
 }
-function Fi({ dist: e, distCdnAssets: t }, i) {
-  const s = gn(i), r = u.join(
+function Ri({ dist: e, distCdnAssets: t }, i) {
+  const s = yn(i), r = u.join(
     t,
     s ? u.relative(t, i) : i
-  ), n = u.relative(e, r), a = Ri(n);
+  ), n = u.relative(e, r), a = Oi(n);
   return u.join(e, a);
 }
-function gn(e) {
+function yn(e) {
   if (e.startsWith(u.sep)) {
-    const t = Yt(), i = t.startsWith(u.sep) ? t.split(u.sep)[1] ?? "" : "";
+    const t = Qt(), i = t.startsWith(u.sep) ? t.split(u.sep)[1] ?? "" : "";
     return e.startsWith(`/${i}/`) || e.startsWith("/Users/");
   } else
-    return !!(!Xt && u.isAbsolute(e));
+    return !!(!Yt && u.isAbsolute(e));
 }
-function hn(e, t, i) {
-  const s = Ri(u.relative(i, t)), r = s.startsWith("/") ? s.slice(1) : s;
+function vn(e, t, i) {
+  const s = Oi(u.relative(i, t)), r = s.startsWith("/") ? s.slice(1) : s;
   return `${e}${r}`;
 }
-const Ri = (e) => e.replaceAll("../", ""), yn = (e = "") => e.split("?")[0].split("#")[0];
-async function Di(e) {
+const Oi = (e) => e.replaceAll("../", ""), bn = (e = "") => e.split("?")[0].split("#")[0];
+async function Mi(e) {
   const t = new Set(e.map(u.dirname));
-  await Promise.all(Array.from(t, async (i) => await Z(i, { recursive: !0 })));
+  await Promise.all(Array.from(t, async (i) => await G(i, { recursive: !0 })));
 }
-const vn = {
+const wn = {
   match: (e, t) => t.environment === "production" && e.endsWith(".json"),
   transform: (e) => JSON.stringify(JSON.parse(e))
-}, lt = [vn];
-function bn(e) {
+}, lt = [wn];
+function Sn(e) {
   let t;
   const i = () => [
     ...e.options.assets?.transformers ?? [],
@@ -2428,38 +2453,38 @@ function bn(e) {
      * `configureServer`.
      */
     configResolved() {
-      e.viteCommand === "serve" && (t = xt(e));
+      e.viteCommand === "serve" && (t = At(e));
     },
     options() {
-      e.viteCommand === "build" && (t = xt(e));
+      e.viteCommand === "build" && (t = At(e));
     },
     async configureServer(s) {
       e.server = s, ce(e, await t, i()), s.watcher.on("addDir", (r) => {
         if (r.endsWith("assets")) {
           const n = u.dirname(r);
-          u.join(n, "/") === e.dir.root ? ce(e, [Mi], i()) : r.startsWith(e.dir.srcComponents) && ce(e, [Oi(r, n)], i());
+          u.join(n, "/") === e.dir.root ? ce(e, [Bi], i()) : r.startsWith(e.dir.srcComponents) && ce(e, [Ji(r, n)], i());
         }
       });
     },
     async writeBundle() {
-      await Ni(e, await t, i());
+      await ji(e, await t, i());
     }
   };
 }
-async function xt(e) {
+async function At(e) {
   const t = _("assets"), i = await e.componentFilesPromise, s = await Promise.all(
     i.map(async (r) => {
       const n = u.dirname(r), a = u.join(n, "assets");
-      return await _(a) ? Oi(a, n) : void 0;
+      return await _(a) ? Ji(a, n) : void 0;
     })
   );
-  return await t && s.push(Mi), s.filter(F);
+  return await t && s.push(Bi), s.filter(F);
 }
-const Oi = (e, t) => ({
+const Ji = (e, t) => ({
   type: "directory",
   source: e,
   destination: u.basename(t)
-}), Mi = { type: "directory", source: "assets/", destination: "" }, Be = "@arcgis/lumina:printTotalBuildSize", wn = (e) => ({
+}), Bi = { type: "directory", source: "assets/", destination: "" }, Be = "@arcgis/lumina:printTotalBuildSize", En = (e) => ({
   name: Be,
   apply: () => e.viteCommand === "build",
   configResolved(t) {
@@ -2475,13 +2500,13 @@ const Oi = (e, t) => ({
       throw Error(b(Be, "Expected vite:reporter to declare a writeBundle() function"));
     i.writeBundle = async function(n, a) {
       let c = 0, p = 0, l = 0, d = 0;
-      const f = console.log;
+      const m = console.log;
       console.log = function(...g) {
-        if (f.apply(console, g), g.length === 1 && typeof g[0] == "string") {
-          const [h, y] = g[0].match(En) ?? [];
+        if (m.apply(console, g), g.length === 1 && typeof g[0] == "string") {
+          const [h, y] = g[0].match(Tn) ?? [];
           if (!h)
             return;
-          d || (d = g[0].slice(0, g[0].indexOf(h) + h.length).replaceAll(Cn, "").length);
+          d || (d = g[0].slice(0, g[0].indexOf(h) + h.length).replaceAll($n, "").length);
           const v = Number.parseFloat(h.replace(" kB", "").replaceAll(",", ""));
           y ? (l += Number.parseFloat(y.replace(" kB", "").replaceAll(",", "")), p += v) : c += v;
         }
@@ -2489,37 +2514,37 @@ const Oi = (e, t) => ({
       try {
         await s.call(this, n, a);
       } finally {
-        console.log = f;
+        console.log = m;
       }
       if (p > 0) {
-        const g = l > 0 ? p : c, h = Lt(g), y = e.dir.relativeDist;
+        const g = l > 0 ? p : c, h = jt(g), y = e.dir.relativeDist;
         console.log(
           [
-            Nt,
+            Lt,
             y,
-            Sn,
+            Cn,
             "*",
             " ".repeat(d - `${y}*`.length - h.length),
             h,
-            At,
-            l > 0 ? ` ${Nt}│ gzip: ${Lt(l)}${At}` : ""
+            Nt,
+            l > 0 ? ` ${Lt}│ gzip: ${jt(l)}${Nt}` : ""
           ].join("")
         );
       }
     };
   }
-}), At = "\x1B[22m\x1B[1m\x1B[22m", Nt = "\x1B[2m", Sn = "\x1B[22m\x1B[36m", En = /\d+(?:,\d+)?\.\d{2} kB/gu, Cn = /\x1B\[\d+m/gu, Tn = new Intl.NumberFormat("en", {
+}), Nt = "\x1B[22m\x1B[1m\x1B[22m", Lt = "\x1B[2m", Cn = "\x1B[22m\x1B[36m", Tn = /\d+(?:,\d+)?\.\d{2} kB/gu, $n = /\x1B\[\d+m/gu, Pn = new Intl.NumberFormat("en", {
   maximumFractionDigits: 2,
   minimumFractionDigits: 2
-}), Lt = (e) => `${Tn.format(e)} kB`, $n = (e, t = u.resolve("src")) => u.relative(t, u.join(e, "..", ot.slice(0, -3))), jt = "@arcgis/lumina:configureVite", Pn = (e) => ({
-  name: jt,
+}), jt = (e) => `${Pn.format(e)} kB`, In = (e, t = u.resolve("src")) => u.relative(t, u.join(e, "..", ot.slice(0, -3))), Ft = "@arcgis/lumina:configureVite", kn = (e) => ({
+  name: Ft,
   async config({
     server: t,
     publicDir: i,
     build: { cssMinify: s, target: r, sourcemap: n, lib: a, rollupOptions: { output: c = [] } = {}, watch: p, emptyOutDir: l } = {},
     test: d = {}
   }) {
-    const f = p != null, { include: m, browser: g, environment: h, forceRerunTriggers: y } = d, v = {
+    const m = p != null, { include: f, browser: g, environment: h, forceRerunTriggers: y } = d, v = {
       // Public utilities exposed by the package
       index: "src/index.ts",
       /**
@@ -2573,7 +2598,7 @@ const Oi = (e, t) => ({
       include: [
         // Used by controllers. Need to add manually because @arcgis/lumina is
         // excluded per comment below, so Vite will discover these usages too late.
-        ...me ? ["@arcgis/core/applications/Components/reactiveUtils.js", "@arcgis/core/core/reactiveUtils.js"] : []
+        ...ue ? ["@arcgis/core/applications/Components/reactiveUtils.js", "@arcgis/core/core/reactiveUtils.js"] : []
       ],
       /**
        * Workaround for https://github.com/vitejs/vite/issues/18947. Affects all
@@ -2620,7 +2645,7 @@ const Oi = (e, t) => ({
     if (typeof d.setupFiles == "string" ? d.setupFiles = [...Je, d.setupFiles] : Array.isArray(d.setupFiles) ? d.setupFiles = [...Je, ...d.setupFiles] : d.setupFiles = [...Je], e.isInPuppeteerTestBackEnd) {
       if (g?.enabled === !0)
         throw Error(
-          b(jt, "Can't enable both Vitest browser mode and Puppeteer testing at the same time")
+          b(Ft, "Can't enable both Vitest browser mode and Puppeteer testing at the same time")
         );
       return {
         test: {
@@ -2629,7 +2654,7 @@ const Oi = (e, t) => ({
           globalSetup: ["@arcgis/lumina-compiler/puppeteerTesting/globalSetup"],
           runner: "@arcgis/lumina-compiler/puppeteerTesting/runner",
           // Run all test files that include *.e2e.* in the name.
-          include: m ? void 0 : ["**/*.{e2e,spec}.?(c|m)[jt]s?(x)"],
+          include: f ? void 0 : ["**/*.{e2e,spec}.?(c|m)[jt]s?(x)"],
           /**
            * Using happy-dom because:
            * - faster than js-dom
@@ -2654,7 +2679,7 @@ const Oi = (e, t) => ({
       publicDir: i ?? !1,
       build: {
         cssMinify: s ?? (e.environment === "production" ? !0 : void 0),
-        target: r ?? Ei(e),
+        target: r ?? Ci(e),
         sourcemap: n ?? (e.environment === "development" ? "inline" : e.options.build?.enableSourceMapsInProduction ?? !1),
         lib: {
           entry: v,
@@ -2684,7 +2709,7 @@ const Oi = (e, t) => ({
          * - in API Extractor we can avoid writing unchanged files to disk if
          *   the out dir is not emptied between watch rebuilds.
          */
-        emptyOutDir: l ?? !f
+        emptyOutDir: l ?? !m
       },
       optimizeDeps: x,
       define: k,
@@ -2693,7 +2718,7 @@ const Oi = (e, t) => ({
          * If in browser, run all test files that include *.e2e.* in the name.
          * Otherwise, run all files including *.test.* or *.spec.* in the name.
          */
-        include: m ? void 0 : [g?.enabled ?? !0 ? "**/*.e2e.?(c|m)[jt]s?(x)" : "**/*.{test,spec}.?(c|m)[jt]s?(x)"],
+        include: f ? void 0 : [g?.enabled ?? !0 ? "**/*.e2e.?(c|m)[jt]s?(x)" : "**/*.{test,spec}.?(c|m)[jt]s?(x)"],
         browser: {
           enabled: e.isInPuppeteerTestFrontEnd ? !1 : g?.enabled ?? !0,
           instances: g?.instances === void 0 ? [{ browser: "chromium" }] : void 0
@@ -2719,22 +2744,22 @@ const Oi = (e, t) => ({
     e._originalRollupInputOptions ??= t.input;
     const s = { ...e._originalRollupInputOptions };
     i.forEach((r) => {
-      const n = $n(r);
+      const n = In(r);
       s[n] = r;
     }), t.input = s;
   }
-}), In = (e) => ({
+}), xn = (e) => ({
   name: "@arcgis/lumina:setAssetPath",
   apply: () => e.viteCommand === "build",
   config: (t) => ({
     base: t.base ?? e.options.assets?.defaultPath ?? Ne()
   })
 });
-function kn(e = D()) {
+function An(e = O()) {
   const t = e.version ?? "0.0.1";
-  return ls(t);
+  return ds(t);
 }
-const xn = (e) => `/* ${e} */`, P = (e) => (t, i) => {
+const Nn = (e) => `/* ${e} */`, P = (e) => (t, i) => {
   Object.defineProperty(t, i, {
     get() {
       throw Error(
@@ -2773,8 +2798,8 @@ const le = {
   apiJson: "docs/api.json",
   stencilLikeDocsJson: "docs/docs.json"
 }, Ze = (e) => e.viteConfig.root.includes("/test-packages/") ? 2 : void 0;
-async function Ji(e, t, i, s, r = D()) {
-  const n = An(e, i, r), a = u.join(t, "lumina.ts"), p = await _(a) ? await q(a, "utf8") : "";
+async function Ki(e, t, i, s, r = O()) {
+  const n = Ln(e, i, r), a = u.join(t, "lumina.ts"), p = await _(a) ? await H(a, "utf8") : "";
   if (p.trim().replaceAll(`\r
 `, `
 `) === n.trim())
@@ -2792,9 +2817,9 @@ Current content:
 ${p}`
       )
     );
-  return Zt(a, n), !0;
+  return ei(a, n), !0;
 }
-function An(e, t, i = D()) {
+function Ln(e, t, i = O()) {
   const s = e.filter((l) => l.type === "@arcgis/lumina").map((l) => `
 /// <reference types="${l.packageName}/types/lumina" />`), r = e.filter((l) => l.type === "stencil"), n = r.map(
     (l, d) => `
@@ -2805,8 +2830,8 @@ declare module "@arcgis/lumina" {
   interface ImportStencilElements extends ${r.map((l, d) => `JSX$${d}.IntrinsicElements`).join(", ")} {}
 }`, c = i.devDependencies ?? {};
   return [
-    Nn,
-    t ? Ln : "",
+    jn,
+    t ? Fn : "",
     c.vitest ? `
 /// <reference types="vitest/config" />
 /// <reference types="vitest/browser" />` : "",
@@ -2817,7 +2842,7 @@ declare module "@arcgis/lumina" {
 `
   ].join("");
 }
-const Nn = `/**
+const jn = `/**
  * This file is autogenerated by \`@arcgis/lumina-compiler\` - do not edit it manually.
  * Manual edits will be overwritten.
  *
@@ -2826,8 +2851,8 @@ const Nn = `/**
  *
  * If you need to provide additional typings, create a separate file.
  */
-/// <reference types="@arcgis/lumina/typings" />`, Ln = `
-/// <reference types="@arcgis/core/interfaces" />`, we = "@arcgis/lumina:dependencySupport", Bi = (e, t) => e.viteCommand === "serve" && /**
+/// <reference types="@arcgis/lumina/typings" />`, Fn = `
+/// <reference types="@arcgis/core/interfaces" />`, we = "@arcgis/lumina:dependencySupport", _i = (e, t) => e.viteCommand === "serve" && /**
 * Vitest started calling transformIndexHtml in browser mode versions ^2.1.4
 * However, it is a bit buggy (see
 * https://github.com/vitejs/vite/issues/19213). Instead, we are using test
@@ -2838,10 +2863,10 @@ const Nn = `/**
 * is doing:
 * https://github.com/storybookjs/storybook/blob/a5c2cf1712f70b4e3ecf38d3c98e7db8e8d67849/code/builders/builder-vite/src/plugins/code-generator-plugin.ts#L110
 */
-e.isInStorybook && (t === void 0 || t.path === "/iframe.html") || e.viteCommand === "build" && !e.options.build?.cdn?.skip && e.options.build?.webApp?.destination !== void 0, jn = (e) => ({
+e.isInStorybook && (t === void 0 || t.path === "/iframe.html") || e.viteCommand === "build" && !e.options.build?.cdn?.skip && e.options.build?.webApp?.destination !== void 0, Dn = (e) => ({
   name: we,
   configResolved() {
-    !e.isInTest && !e.isInStorybook && (e._updateLuminaTsPromise = Fn(e).catch(
+    !e.isInTest && !e.isInStorybook && (e._updateLuminaTsPromise = Rn(e).catch(
       (t) => E.error(we, `Failed to update package's src/lumina.ts: ${String(t)}`)
     ));
   },
@@ -2849,7 +2874,7 @@ e.isInStorybook && (t === void 0 || t.path === "/iframe.html") || e.viteCommand
     // Add imports to index.html before Vite starts resolving imports
     order: "pre",
     async handler(t, i) {
-      return Bi(e, i) ? (await pe(e)).map(
+      return _i(e, i) ? (await pe(e)).map(
         (r) => "javascriptCode" in r ? {
           tag: "script",
           attrs: {
@@ -2891,27 +2916,27 @@ e.isInStorybook && (t === void 0 || t.path === "/iframe.html") || e.viteCommand
     await e._updateLuminaTsPromise;
   }
 });
-async function Fn(e) {
-  const i = (await Promise.all([ie, Ai(e)])).flat();
-  if (!await Ji(i, e.dir.src, me))
+async function Rn(e) {
+  const i = (await Promise.all([ie, Li(e)])).flat();
+  if (!await Ki(i, e.dir.src, ue))
     return;
   let r = !1;
   function n() {
-    r || E.warn(we, Rn), r = !0;
+    r || E.warn(we, On), r = !0;
   }
   process.on("exit", () => {
     n(), clearTimeout(c);
   });
   const c = setTimeout(n, 2e3);
 }
-const Rn = xs.greenBright(
+const On = Ns.greenBright(
   `lumina.ts has been updated (potentially because your dependencies changed). Please commit the updated file.
 If build failed with TypeScript errors, try running the build again to check whether new lumina.ts resolves the errors.`
-), Dn = { node: "^24.11" }, V = {
-  engines: Dn
+), Mn = { node: "^24.11" }, V = {
+  engines: Mn
 };
-async function On(e) {
-  const t = e.options.apiExtractor?.configFilePath === "" ? void 0 : await Ns(process.cwd()), i = e.apiExtractorPluginConfig.unsafeConfigOverride === void 0 || t === void 0 ? t ?? e.apiExtractorPluginConfig.unsafeConfigOverride : vt(t, e.apiExtractorPluginConfig.unsafeConfigOverride);
+async function Jn(e) {
+  const t = e.options.apiExtractor?.configFilePath === "" ? void 0 : await js(process.cwd()), i = e.apiExtractorPluginConfig.unsafeConfigOverride === void 0 || t === void 0 ? t ?? e.apiExtractorPluginConfig.unsafeConfigOverride : vt(t, e.apiExtractorPluginConfig.unsafeConfigOverride);
   e._documentationFileNames.apiJson = i?.context?.apiJsonEmitPath === void 0 ? e.options.documentation?.apiJsonFileName === !1 ? void 0 : e.options.documentation?.apiJsonFileName ? ae(e.options.documentation.apiJsonFileName) : le.apiJson : i.context.apiJsonEmitPath || void 0, e._documentationFileNames.apiJson !== void 0 && e.provideAssets([
     {
       type: "dynamic",
@@ -2919,7 +2944,7 @@ async function On(e) {
       destination: u.join("../..", e._documentationFileNames.apiJson)
     }
   ]);
-  const s = i?.types?.typeScriptConfig ?? Ls(
+  const s = i?.types?.typeScriptConfig ?? Fs(
     process.cwd(),
     e.options.types?.tsconfigPath ?? i?.types?.typeScriptConfigPath,
     !0
@@ -2963,35 +2988,35 @@ async function On(e) {
         if (e.apiJsonDeferred.resolve(), e.apiJsonDeferred = void 0, d !== void 0) {
           if (e.viteCommand === "serve")
             if ([...d.addedModules, ...d.removedModules].some(
-              (m) => Ce(m.sourcePath, "src/components/")
+              (f) => Ce(f.sourcePath, "src/components/")
             ))
-              Pt(e), It(e);
+              It(e), kt(e);
             else {
-              for (const m of d.changedModules) {
-                if (!Ce(m.new.sourcePath, "src/components/"))
+              for (const f of d.changedModules) {
+                if (!Ce(f.new.sourcePath, "src/components/"))
                   continue;
-                const g = m.old.declarations.find(
+                const g = f.old.declarations.find(
                   (v) => v.customElement === !0
-                ), h = m.new.declarations.find(
+                ), h = f.new.declarations.find(
                   (v) => v.customElement === !0
                 );
                 if (g === void 0 && h === void 0)
                   continue;
-                if (g !== void 0 && h === void 0 || g === void 0 && h !== void 0 || g.tagName !== h.tagName) {
-                  It(e);
+                if (g !== void 0 && h === void 0 || g === void 0 && h !== void 0 || g.tagName !== h.tagName || g.formAssociated !== h.formAssociated) {
+                  kt(e);
                   break;
                 }
-                const y = hi(h);
+                const y = yi(h);
                 e.server.ws.send({ type: "custom", event: "component-meta-update", data: y });
               }
-              Pt(e);
+              It(e);
             }
-          Ft(e, d.apiJson);
+          Dt(e, d.apiJson);
         }
       }
     },
     afterApiJsonCreate: (l) => {
-      e.options.apiJson?.afterCreate?.(l.apiJson, !n), n = !0, (e.viteCommand === "build" ? e.viteConfig.build.watch : e.viteConfig.server.watch) === null && (e.apiJsonDeferred.resolve(), Ft(e, l.apiJson));
+      e.options.apiJson?.afterCreate?.(l.apiJson, !n), n = !0, (e.viteCommand === "build" ? e.viteConfig.build.watch : e.viteConfig.server.watch) === null && (e.apiJsonDeferred.resolve(), Dt(e, l.apiJson));
     }
   }, c = i === void 0 ? a : vt(i, a);
   e.apiExtractorPluginConfig.configFilePath = "", e.apiExtractorPluginConfig.unsafeConfigOverride = c;
@@ -3000,7 +3025,7 @@ async function On(e) {
     e.apiExtractor = l, p?.(l);
   };
 }
-function Ft(e, t) {
+function Dt(e, t) {
   const i = { ...t, modules: [] }, s = [], r = e.viteCommand === "build" ? [] : void 0;
   for (const n of t.modules) {
     const a = { ...n, declarations: [] };
@@ -3017,7 +3042,7 @@ function Ft(e, t) {
       }
       const d = {
         ...l,
-        members: l.members.filter((f) => f.privacy === void 0)
+        members: l.members.filter((m) => m.privacy === void 0)
       };
       a.declarations.push(d), s.push(d);
     }
@@ -3025,28 +3050,28 @@ function Ft(e, t) {
   }
   e._localDefinedComponents = void 0, e.privateApiJson = t, e.apiJsonComponents = s, e.apiJson = i, r !== void 0 && (e.componentFilesPromise = Promise.resolve(r));
 }
-var Mn = Object.defineProperty, I = (e, t, i, s) => {
+var Bn = Object.defineProperty, I = (e, t, i, s) => {
   for (var r = void 0, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (r = a(t, i, r) || r);
-  return r && Mn(t, i, r), r;
+  return r && Bn(t, i, r), r;
 };
-const M = "@arcgis/lumina:context";
+const J = "@arcgis/lumina:context";
 class $ {
   constructor(t) {
     this._typeScriptSourceFiles = /* @__PURE__ */ new Map(), this._plugin = {
-      name: M,
+      name: J,
       // Make sure these globals are available to all plugins as soon as possible
       enforce: "pre",
-      apply: (d, f) => (this._inferBuildSetup(f, d.define), !0),
+      apply: (d, m) => (this._inferBuildSetup(m, d.define), !0),
       configResolved: {
         order: "pre",
         handler: (d) => {
           this.viteConfig = d;
-          const f = d.build.minify !== !1;
-          this.shouldMinify = f && this.viteCommand !== "serve", Object.hasOwn(this, "shouldMinifyJsx") || (this.shouldMinifyJsx = this.viteCommand !== "serve" || this.isInTest);
-          const m = u.join(d.root, u.sep), g = u.join(m, "src", u.sep), h = u.join(g, "components", u.sep), y = u.join(u.resolve(m, d.build.outDir), u.sep), v = u.join(u.relative(m, y), u.sep), C = u.join(y, "components", u.sep), S = u.join(y, this.options.build?.cdn?.namespace ?? ne, u.sep), k = u.join(S, "assets", u.sep);
+          const m = d.build.minify !== !1;
+          this.shouldMinify = m && this.viteCommand !== "serve", Object.hasOwn(this, "shouldMinifyJsx") || (this.shouldMinifyJsx = this.viteCommand !== "serve" || this.isInTest);
+          const f = u.join(d.root, u.sep), g = u.join(f, "src", u.sep), h = u.join(g, "components", u.sep), y = u.join(u.resolve(f, d.build.outDir), u.sep), v = u.join(u.relative(f, y), u.sep), C = u.join(y, "components", u.sep), S = u.join(y, this.options.build?.cdn?.namespace ?? ne, u.sep), k = u.join(S, "assets", u.sep);
           if (this.dir = {
-            root: m,
+            root: f,
             src: g,
             srcComponents: h,
             relativeDist: v,
@@ -3054,18 +3079,18 @@ class $ {
             distComponents: C,
             distCdn: S,
             distCdnAssets: k
-          }, E.initialize(d.logger, m), d.root !== Yt())
+          }, E.initialize(d.logger, f), d.root !== Qt())
             throw Error(
               b(
-                M,
+                J,
                 "Vite's config.root is not equal process.cwd(). This is not officially supported by Lumina and may lead to unexpected behavior. If you need this to be supported, comment on https://devtopia.esri.com/WebGIS/arcgis-web-components/issues/2126 or contact Lumina maintainers."
               )
             );
-          y === m ? E.warn(
-            M,
+          y === f ? E.warn(
+            J,
             "Vite output directory is set to the root directory. This can produce unexpected behavior. Please set the output directory to a subdirectory of the root directory (i.e dist/)"
           ) : v.startsWith("..") && E.warn(
-            M,
+            J,
             "Vite output directory is outside the root directory. This is not officially supported by Lumina and may lead to unexpected behavior. Contact Lumina maintainers if you need this to be supported."
           ), this.isInStorybook = d.resolve.conditions.includes("storybook"), this.isFullApiExtraction = this.viteCommand === "build" || this.isInStorybook, this.hmrEnabled = this.viteCommand === "serve" && !this.isInTest && !!(d.server?.hmr ?? !0), this.isInBuildWatch = d.command === "build" && d.build.watch != null;
           const T = this.isInTest && d.test?.browser?.enabled === !0 && d.resolve.conditions.includes("node"), x = this.isInTest && d.test?.browser?.enabled !== !0 && d.resolve.conditions.includes("node"), w = this.viteCommand === "serve" && process.argv[1].includes("vite-node");
@@ -3073,11 +3098,11 @@ class $ {
             extract: !0
           }, (this.viteCommand === "build" ? d.build.watch : d.server.watch) === null && (this.apiJsonDeferred = Promise.withResolvers())) : (this._localDefinedComponents = {}, this.options.build ??= {}, this.options.build.dependencies ??= {}, this.apiExtractorPluginConfig.serve = void 0, this.options.build.dependencies.silenceUnknownJsxElementUsage = () => !0);
           const L = this.viteCommand === "serve" && !this.isInStorybook, A = this.apiExtractorPluginConfig.unsafeConfigOverride;
-          L && (A.context.isLuminaMinimalExtraction = !0, A.types.typeCheckedExtraction = !1, A.types.fullTypeCheck = !1), this.isInStorybook && (A.context.dtsEmitPath = ""), this._typeScriptPrinter = As({
+          L && (A.context.isLuminaMinimalExtraction = !0, A.types.typeCheckedExtraction = !1, A.types.fullTypeCheck = !1), this.isInStorybook && (A.context.dtsEmitPath = ""), this._typeScriptPrinter = Ls({
             // Do not downlevel. ESBuild will do that if needed.
             target: o.ScriptTarget.ESNext,
             sourceMap: d.build.sourcemap !== !1
-          }), Bi(this) && pe(this);
+          }), _i(this) && pe(this);
         }
       },
       configureServer: {
@@ -3099,15 +3124,15 @@ class $ {
     }, this.apiExtractor = void 0, this.apiJsonDeferred = void 0, this._localDefinedComponents = void 0, this.isInCi = !!process.env.CI, this._serverConfigured = !1, this.assetsToProvide = [], this._globalCssString = void 0, this._loadersCache = void 0, this._serveOnlyDependencies = void 0, this._customElementDependencies = /* @__PURE__ */ Object.create(null), this._silencedRules = void 0, this._updateLuminaTsPromise = void 0, this._originalRollupInputOptions = void 0, this.options = t;
     const i = 3;
     (!V.engines.node.startsWith("^") || V.engines.node[i] !== ".") && E.error(
-      M,
+      J,
       `Unsupported Node.js version syntax used in monorepo's package.json. Expected "^NN.NN", got "${V.engines.node}". Update @arcgis/lumina-compiler to support this syntax.`
     );
     const s = Number.parseInt(V.engines.node.slice(1, i)), r = Number.parseInt(V.engines.node.slice(i + 1)), n = Number.parseInt(process.version.slice(1, i)), a = Number.parseInt(process.version.slice(i + 1));
     n < s || n === s && a < r ? E.warn(
-      M,
+      J,
       `Lumina requires Node.js version ${V.engines.node}. Current version is ${process.version}. Some features may not work as expected.`
     ) : n > s && E.info(
-      M,
+      J,
       `Lumina was tested with Node.js version ${V.engines.node}. Current version is ${process.version}. Some features may not work as expected.`
     );
     const c = t.documentation ?? {};
@@ -3118,21 +3143,21 @@ class $ {
       webTypes: c.jetBrains === !1 ? void 0 : c.jetBrains?.webTypesFileName ? ae(c.jetBrains.webTypesFileName) : le.webTypes,
       vsCodeHtml: c.vsCode === !1 ? void 0 : c.vsCode?.htmlFileName ? ae(c.vsCode.htmlFileName) : le.vsCodeHtml,
       vsCodeCss: c.vsCode === !1 ? void 0 : c.vsCode?.cssFileName ? ae(c.vsCode.cssFileName) : le.vsCodeCss
-    }, this.apiExtractorPluginConfig = this.options.apiExtractor ?? {}, this.configsPromise = On(this);
+    }, this.apiExtractorPluginConfig = this.options.apiExtractor ?? {}, this.configsPromise = Jn(this);
     const p = process.cwd().length + 1;
     this.componentFilesPromise = this.configsPromise.then(() => {
-      const d = this.apiExtractorPluginConfig.unsafeConfigOverride.types.typeScriptConfig.config.fileNames, f = [];
-      for (let m = 0; m < d.length; ++m) {
-        const h = d[m].slice(p);
-        Ce(h, "src/components") && f.push(h);
+      const d = this.apiExtractorPluginConfig.unsafeConfigOverride.types.typeScriptConfig.config.fileNames, m = [];
+      for (let f = 0; f < d.length; ++f) {
+        const h = d[f].slice(p);
+        Ce(h, "src/components") && m.push(h);
       }
-      return f;
-    }), vi(void 0, t);
-    const l = t.build?.preamble ?? kn();
-    this.banner = xn(l);
+      return m;
+    }), bi(void 0, t);
+    const l = t.build?.preamble ?? An();
+    this.banner = Nn(l);
   }
   _inferBuildSetup({ command: t, mode: i }, s) {
-    this.isInTest = process.env.NODE_ENV === "test", i === "production" || i === "development" ? this.environment = i : i === "test" || i === "benchmark" ? (this.environment = "development", this.isInTest = !0) : (E.warn(yi.name, `Vite is running in unknown mode "${i}". Assuming development`), this.environment = "development"), this.viteCommand = t;
+    this.isInTest = process.env.NODE_ENV === "test", i === "production" || i === "development" ? this.environment = i : i === "test" || i === "benchmark" ? (this.environment = "development", this.isInTest = !0) : (E.warn(vi.name, `Vite is running in unknown mode "${i}". Assuming development`), this.environment = "development"), this.viteCommand = t;
     const r = s?.__IS_IN_PUPPETEER__ === !0, n = this.viteCommand === "serve" && this.isInTest && this.options.puppeteerTesting?.enabled === !0;
     this.isInPuppeteerTestBackEnd = n && !r, this.isInPuppeteerTestFrontEnd = n && r;
   }
@@ -3147,7 +3172,7 @@ class $ {
     if (s !== void 0 && (n = s.getSourceFile(t), n === void 0 && r))
       throw Error(
         b(
-          M,
+          J,
           t,
           "Unable to find the TypeScript source file. Expected all files that are part of Vite's transform to also be part of TypeScript program."
         )
@@ -3158,7 +3183,7 @@ class $ {
         return c;
     }
     return i !== n?.text && ((this.viteCommand !== "serve" || this.isInStorybook) && E.warn(
-      M,
+      J,
       "The Vite's transform() content didn't match TypeScript's content. This may happen if some plugin transformed a file before Lumina or Vite got out of sync with TypeScript. This may lead to false errors. Debug your build configuration or report it as a bug",
       t
     ), n = o.createSourceFile(
@@ -3204,7 +3229,7 @@ class $ {
     else
       throw Error(
         b(
-          M,
+          J,
           "It is too late to call provideAssets() as Vite already wrote the bundle to disk. Please call provideAssets() before Vite's writeBundle()"
         )
       );
@@ -3276,8 +3301,8 @@ I([
 I([
   P("configResolved()")
 ], $.prototype, "_typeScriptPrinter");
-function Jn(e, t, i) {
-  const s = bi()[t] ?? Ki(e)[t];
+function Kn(e, t, i) {
+  const s = wi()[t] ?? Ui(e)[t];
   if (s === void 0) {
     if (e.options?.build?.dependencies?.silenceUnknownJsxElementUsage?.(t, i, e) === !0)
       return;
@@ -3291,11 +3316,11 @@ function Jn(e, t, i) {
   }
   return s;
 }
-function Bn(e, t) {
+function _n(e, t) {
   return e.packageName === void 0 ? fe(t, e.modulePath) : u.join(e.packageName, e.modulePath);
 }
-function Ki(e) {
-  return e._localDefinedComponents ??= Si(
+function Ui(e) {
+  return e._localDefinedComponents ??= Ei(
     e.privateApiJson,
     {
       packageName: void 0,
@@ -3306,8 +3331,8 @@ function Ki(e) {
     e.viteCommand === "build"
   ), e._localDefinedComponents;
 }
-const Rt = "makeRuntime(", Kn = "@arcgis/core", _n = "@arcgis/lumina:injectRuntimeOptions", Un = (e) => ({
-  name: _n,
+const Rt = "makeRuntime(", Un = "@arcgis/core", Wn = "@arcgis/lumina:injectRuntimeOptions", zn = (e) => ({
+  name: Wn,
   transform: {
     filter: {
       id: /\/src\/runtime\.ts$/u
@@ -3326,13 +3351,13 @@ const Rt = "makeRuntime(", Kn = "@arcgis/core", _n = "@arcgis/lumina:injectRunti
           "{",
           "defaultAssetPath:import.meta.env.BASE_URL,",
           'hydratedAttribute:"',
-          e.options.css?.hydratedAttribute ?? fi,
+          e.options.css?.hydratedAttribute ?? gi,
           '",',
           n === void 0 ? "" : "commonStyles",
           "}",
           t.slice(r),
-          me ? `
-import {createObservable,trackAccess,createTrackingTarget,runTracked} from "${Kn}/applications/Components/reactiveUtils.js";
+          ue ? `
+import {createObservable,trackAccess,createTrackingTarget,runTracked} from "${Un}/applications/Components/reactiveUtils.js";
           createObservable,
 runtime.t = trackAccess;
 runtime.o = createObservable;
@@ -3344,24 +3369,25 @@ runtime.r = runTracked;` : ""
     }
   }
 });
-function Wn(e) {
-  return `import "../${e.options.build?.cdn?.namespace === void 0 ? `${ne}/${Y}.css` : `${e.options.build.cdn.namespace}/${e.options.build.cdn.namespace}.css`}";
+function Hn(e) {
+  return `import "../${e.options.build?.cdn?.namespace === void 0 ? `${ne}/${Q}.css` : `${e.options.build.cdn.namespace}/${e.options.build.cdn.namespace}.css`}";
 `;
 }
-const ve = "@arcgis/lumina:addNonLazyImports", Hn = (e) => ({
+const ve = "@arcgis/lumina:addNonLazyImports", qn = (e) => ({
   name: ve,
   apply: () => e.viteCommand === "build",
   generateBundle(t, i) {
-    let s = !1;
-    if (Object.entries(i).forEach(([r, n]) => {
-      const a = We(r, e.apiExtractor);
-      if (a !== r && (n.fileName = a), n.type === "chunk") {
-        const c = u.dirname(u.join(e.dir.dist, r)), p = a === r ? c : u.dirname(u.join(e.dir.dist, a));
-        let l = n.code;
-        l = Br(l, e, p, c), !e.isInStorybook && a === "chunks/runtime.js" && (s = !0, l = Wn(e) + l), l = `${e.banner}
-${l}`, n.code = l;
+    const r = e.viteConfig.build.sourcemap !== !1 ? " " : `
+`;
+    let n = !1;
+    if (Object.entries(i).forEach(([a, c]) => {
+      const p = We(a, e.apiExtractor);
+      if (p !== a && (c.fileName = p), c.type === "chunk") {
+        const l = u.dirname(u.join(e.dir.dist, a)), d = p === a ? l : u.dirname(u.join(e.dir.dist, p));
+        let m = c.code;
+        m = _r(m, e, d, l), !e.isInStorybook && p === "chunks/runtime.js" && (n = !0, m = Hn(e) + m), m = `${e.banner}${r}${m}`, c.code = m;
       }
-    }), !s && !e.isInStorybook)
+    }), !n && !e.isInStorybook)
       throw Error(b(ve, "Expected to find a chunks/runtime.js file in the Vite's build output."));
   },
   async writeBundle() {
@@ -3373,7 +3399,7 @@ ${l}`, n.code = l;
     i.forEach(([n, { referencedTagNames: a, referencedDeferredTagNames: c, referencedBy: p }]) => {
       if (s.has(n) || a.length === 0 && c.length === 0)
         return;
-      const l = _i(t, p, s);
+      const l = Wi(t, p, s);
       if (l.forEach((d) => {
         t[d].referencedTagNames.splice(0, 0, ...a), t[d].referencedDeferredTagNames.splice(0, 0, ...c);
       }), (a.length > 0 || c.length > 0) && l.length === 0) {
@@ -3395,19 +3421,19 @@ Possible causes:
       if (!s.has(n))
         return [];
       const p = u.dirname(n), l = e.dir.src + We(p.slice(e.dir.src.length), e.apiExtractor), d = u.relative(e.dir.src, l);
-      function f(T) {
-        const x = Jn(e, T, n);
+      function m(T) {
+        const x = Kn(e, T, n);
         if (x === void 0)
           return;
-        const w = Bn(x, d);
+        const w = _n(x, d);
         if (w !== `./${d}`)
-          return w.startsWith(".") ? `${w}/${Dt}` : w;
+          return w.startsWith(".") ? `${w}/${Ot}` : w;
       }
-      const m = new Set(a), g = new Set(c), h = Array.from(m, f).filter(F), y = (T) => `import "${T}";
+      const f = new Set(a), g = new Set(c), h = Array.from(f, m).filter(F), y = (T) => `import "${T}";
 `, v = h.map(y).join(""), C = Array.from(g, (T) => {
-        const x = f(T);
+        const x = m(T);
         if (x !== void 0) {
-          if (m.has(T)) {
+          if (f.has(T)) {
             E.warn(
               ve,
               `"${T}" is used both with and without deferLoad in ${n} (either directly in ${n} or via a functional component). deferLoad will be ignored in this case.`
@@ -3420,13 +3446,13 @@ Possible causes:
       }).filter(F), S = `${v}export * from "./${ot}";`, k = C.length > 0 ? `import { deferredLoaders } from "@arcgis/lumina";
 ${S}
 deferredLoaders${C.join("")};` : S;
-      return await U(u.join(e.dir.dist, d, Dt), k);
+      return await U(u.join(e.dir.dist, d, Ot), k);
     });
     await Promise.all(r);
   }
-}), Dt = "index.js", _i = (e, t, i, s = /* @__PURE__ */ new Set()) => t.flatMap((r) => i.has(r) ? [r] : s.has(r) ? [] : (s.add(r), _i(e, e[r].referencedBy, i, s)));
-function Ot(e, t, i) {
-  if (Q(e))
+}), Ot = "index.js", Wi = (e, t, i, s = /* @__PURE__ */ new Set()) => t.flatMap((r) => i.has(r) ? [r] : s.has(r) ? [] : (s.add(r), Wi(e, e[r].referencedBy, i, s)));
+function Mt(e, t, i) {
+  if (Z(e))
     return e;
   {
     i === void 0 && t.neededImports.add("nothing");
@@ -3440,18 +3466,18 @@ function Ot(e, t, i) {
     );
   }
 }
-function Q(e) {
+function Z(e) {
   return (
     // Inlined string literal
     typeof e == "string" || // Syntax kinds that are never undefined
-    qn.has(e.kind) || // Ternary with both branches never undefined
-    o.isConditionalExpression(e) && Q(e.whenTrue) && Q(e.whenFalse) || // Binary expression with operator that never results in undefined Or both sides are definitely not undefined
-    o.isBinaryExpression(e) && (zn.has(e.operatorToken.kind) || Q(e.left) && Q(e.right)) || // `as`, `satisfies`, `()` with definitely not undefined expression
-    (o.isParenthesizedExpression(e) || o.isSatisfiesExpression(e) || o.isAsExpression(e)) && Q(e.expression) || // JSX that got converted to html`<p>Something</p>`
-    o.isTaggedTemplateExpression(e) && o.isIdentifier(e.tag) && Vs.has(e.tag.text)
+    Vn.has(e.kind) || // Ternary with both branches never undefined
+    o.isConditionalExpression(e) && Z(e.whenTrue) && Z(e.whenFalse) || // Binary expression with operator that never results in undefined Or both sides are definitely not undefined
+    o.isBinaryExpression(e) && (Gn.has(e.operatorToken.kind) || Z(e.left) && Z(e.right)) || // `as`, `satisfies`, `()` with definitely not undefined expression
+    (o.isParenthesizedExpression(e) || o.isSatisfiesExpression(e) || o.isAsExpression(e)) && Z(e.expression) || // JSX that got converted to html`<p>Something</p>`
+    o.isTaggedTemplateExpression(e) && o.isIdentifier(e.tag) && Xs.has(e.tag.text)
   );
 }
-const qn = /* @__PURE__ */ new Set([
+const Vn = /* @__PURE__ */ new Set([
   o.SyntaxKind.NumericLiteral,
   o.SyntaxKind.BigIntLiteral,
   o.SyntaxKind.StringLiteral,
@@ -3470,7 +3496,7 @@ const qn = /* @__PURE__ */ new Set([
   o.SyntaxKind.ClassExpression,
   // Trust? Trust.
   o.SyntaxKind.NonNullExpression
-]), zn = /* @__PURE__ */ new Set([
+]), Gn = /* @__PURE__ */ new Set([
   o.SyntaxKind.PlusEqualsToken,
   o.SyntaxKind.MinusEqualsToken,
   o.SyntaxKind.AsteriskAsteriskEqualsToken,
@@ -3505,28 +3531,28 @@ const qn = /* @__PURE__ */ new Set([
   o.SyntaxKind.SlashToken,
   o.SyntaxKind.PercentToken,
   o.SyntaxKind.AsteriskAsteriskToken
-]), Vn = {
+]), Xn = {
   property(e, t, i, s) {
-    const r = Gn(s, i, e), n = r?.type === "stringifiedReflected", a = r?.type === "reflected" || n;
+    const r = Yn(s, i, e), n = r?.type === "stringifiedReflected", a = r?.type === "reflected" || n;
     if (a) {
-      const m = _e(t);
-      if (m === !0)
+      const f = _e(t);
+      if (f === !0)
         return [r.name];
-      if (m === !1)
+      if (f === !1)
         return [];
     }
     const c = t === void 0 ? ["=", o.factory.createToken(o.SyntaxKind.TrueKeyword)] : Se(e, t, a), p = c[0] !== "=";
     if (a && p)
       return [r.name, ...c];
-    const [l, d] = c, f = r?.type === "stringifiedNonReflected";
-    if (n || f) {
-      const m = Ot(
+    const [l, d] = c, m = r?.type === "stringifiedNonReflected";
+    if (n || m) {
+      const f = Mt(
         d,
         e,
-        f ? "" : void 0
-      ), h = i === "value" && (s === "input" || s === "textarea" || s === Te) ? Yn(m, e) : m;
+        m ? "" : void 0
+      ), h = i === "value" && (s === "input" || s === "textarea" || s === Te) ? Zn(f, e) : f;
       if (h !== d)
-        return [f ? `.${i}` : r.name, l, h];
+        return [m ? `.${i}` : r.name, l, h];
     }
     return [`.${i}`, ...c];
   },
@@ -3536,7 +3562,7 @@ const qn = /* @__PURE__ */ new Set([
       return [i];
     if (s === !1)
       return [];
-    const r = Se(e, t, !0), a = r[0] !== "=" ? r : [r[0], Ot(r[1], e)];
+    const r = Se(e, t, !0), a = r[0] !== "=" ? r : [r[0], Mt(r[1], e)];
     return [i, ...a];
   },
   booleanAttribute(e, t, i) {
@@ -3549,7 +3575,7 @@ const qn = /* @__PURE__ */ new Set([
         `Event prop value must be an expression. Found ${String(t?.getText(e.sourceFile))}`
       );
     const s = i.slice(2), r = gt(s);
-    return [`@${oi.has(r) ? s.toLowerCase() : gt(s)}=`, ...pt(e, t, void 0)];
+    return [`@${ai.has(r) ? s.toLowerCase() : gt(s)}=`, ...pt(e, t, void 0)];
   },
   directives(e, t) {
     if (t === void 0 || !o.isJsxExpression(t))
@@ -3565,7 +3591,7 @@ const qn = /* @__PURE__ */ new Set([
         throw new Error(
           `Directives prop cannot contain a spread argument - it needs to be statically analyzable. Still, the following are allowed: directives={[directiveA, condition ? a : b, c()]}. Found ${String(t.expression?.getText(e.sourceFile))}`
         );
-      return z(e, void 0, r);
+      return q(e, void 0, r);
     });
   },
   ref(e, t) {
@@ -3580,12 +3606,12 @@ const qn = /* @__PURE__ */ new Set([
     const r = s ? e.importRenames.stabilizedRef : e.importRenames.ref;
     return [
       o.factory.createCallExpression(o.factory.createIdentifier(r), void 0, [
-        z(e, void 0, t.expression)
+        q(e, void 0, t.expression)
       ])
     ];
   },
-  class: Jt,
-  style: Jt,
+  class: Bt,
+  style: Bt,
   key: (e, t) => [ct(t, e.sourceFile)],
   deferLoad(e, t, i, s) {
     if (typeof s != "string")
@@ -3597,7 +3623,7 @@ const qn = /* @__PURE__ */ new Set([
     return [o.factory.createIdentifier(r)];
   }
 };
-function Gn(e, t, i) {
+function Yn(e, t, i) {
   if (typeof e == "string") {
     const n = (i.externalComponents[e] ?? i.localComponents[e])?.propToAttribute?.[t];
     if (n !== void 0)
@@ -3613,7 +3639,7 @@ function Gn(e, t, i) {
   } else {
     const r = Object.values(W.perElement).map(
       (a) => Ke(a, t)
-    ), n = He(r, (a) => a?.type === "stringifiedNonReflected" ? a : void 0) ?? He(r, (a) => a?.type === "stringifiedReflected" ? a : void 0);
+    ), n = ze(r, (a) => a?.type === "stringifiedNonReflected" ? a : void 0) ?? ze(r, (a) => a?.type === "stringifiedReflected" ? a : void 0);
     if (n !== void 0)
       return n;
   }
@@ -3652,10 +3678,10 @@ function Se(e, t, i = !1) {
       `Invalid JSX syntax detected or there is a bug in Lumina. Found ${t.getText(e.sourceFile)}. Expected JSX attribute value to be wrapped in { }`
     );
   if (o.isStringLiteral(t))
-    return Mt(t, i);
+    return Jt(t, i);
   if (o.isJsxExpression(t) && t.expression) {
     if (o.isStringLiteral(t.expression))
-      return Mt(t.expression, i);
+      return Jt(t.expression, i);
     if (i) {
       if (o.isNumericLiteral(t.expression))
         return [`=${t.expression.text}`];
@@ -3665,14 +3691,14 @@ function Se(e, t, i = !1) {
   }
   return ["=", ...pt(e, t, void 0)];
 }
-function Mt(e, t) {
+function Jt(e, t) {
   if (!t)
     return ["=", e];
   const i = e.text;
   if (i.length === 0)
     return [];
-  const s = ai(i);
-  if (Us(s)) {
+  const s = li(i);
+  if (zs(s)) {
     const r = s.replaceAll('"', "&#34;");
     if (r.length > s.length) {
       const n = s.replaceAll("'", "&#39;");
@@ -3683,7 +3709,7 @@ function Mt(e, t) {
   } else
     return [`=${s}`];
 }
-function Jt(e, t, i) {
+function Bt(e, t, i) {
   if (t !== void 0 && o.isStringLiteral(t))
     return [`${i}="${t.text}"`];
   if (t === void 0 || !o.isJsxExpression(t) || t.expression === void 0)
@@ -3691,28 +3717,28 @@ function Jt(e, t, i) {
       `${i} prop value must be an expression. Found ${String(t?.getText(e.sourceFile))}`
     );
   const s = t.expression;
-  if (Xn(s)) {
+  if (Qn(s)) {
     const n = i === "class" ? "safeClassMap" : "safeStyleMap";
     e.neededImports.add(n);
     const a = e.importRenames[n], c = o.factory.createCallExpression(o.factory.createIdentifier(a), void 0, [
-      z(e, void 0, s)
+      q(e, void 0, s)
     ]);
     return [`${i}=`, c];
   } else
     return [i, ...Se(e, t, !0)];
 }
-const Xn = (e) => o.isObjectLiteralExpression(e) || o.isPropertyAccessExpression(e) || o.isIdentifier(e) || o.isCallExpression(e) || o.isBinaryExpression(e) || o.isConditionalExpression(e);
-function Yn(e, t) {
+const Qn = (e) => o.isObjectLiteralExpression(e) || o.isPropertyAccessExpression(e) || o.isIdentifier(e) || o.isCallExpression(e) || o.isBinaryExpression(e) || o.isConditionalExpression(e);
+function Zn(e, t) {
   t.neededImports.add("live");
   const i = t.importRenames.live;
   return o.factory.createCallExpression(o.factory.createIdentifier(i), void 0, [
     typeof e == "string" ? o.factory.createStringLiteral(e) : e
   ]);
 }
-function Qn(e) {
-  if (e && o.isJsxExpression(e) && e.expression && o.isCallExpression(e.expression) && o.isIdentifier(e.expression.expression) && e.expression.expression.text in Bt && e.expression.arguments.length <= 1)
+function eo(e) {
+  if (e && o.isJsxExpression(e) && e.expression && o.isCallExpression(e.expression) && o.isIdentifier(e.expression.expression) && e.expression.expression.text in Kt && e.expression.arguments.length <= 1)
     return {
-      propType: Bt[e.expression.expression.text],
+      propType: Kt[e.expression.expression.text],
       // To simplify checking logic in convertProps, wrap expression in JSX expression
       initializer: o.factory.createJsxExpression(
         void 0,
@@ -3721,21 +3747,21 @@ function Qn(e) {
       )
     };
 }
-const Bt = {
+const Kt = {
   bindProperty: "property",
   bindAttribute: "attribute",
   bindBooleanAttribute: "booleanAttribute",
   bindEvent: "event"
 };
-function Zn(e, t, i) {
-  return to.has(e) ? e : e.startsWith("on") && t !== void 0 && o.isJsxExpression(t) && t.expression !== void 0 ? "event" : si.has(e) || e.includes("-") ? "attribute" : !rt(i) && (ri.has(e) || (i === qe ? !1 : i === Te ? (
+function to(e, t, i) {
+  return so.has(e) ? e : e.startsWith("on") && t !== void 0 && o.isJsxExpression(t) && t.expression !== void 0 ? "event" : ri.has(e) || e.includes("-") ? "attribute" : !rt(i) && (ni.has(e) || (i === He ? !1 : i === Te ? (
     // When tag name is dynamic, we can't help but check if the prop name matches an "always attribute" in any html element
-    Object.values(ze).some((n) => n.has(e))
-  ) : ze[i]?.has(e) === !0)) ? bt.has(e) ? "booleanAttribute" : "attribute" : i === "svg" || i === "math" || i === qe || i !== Te && (it.has(i) || st.has(i)) ? e in W.common.reflected || e in W.common.stringifiedReflected || e in W.common.stringifiedNonReflected ? "property" : bt.has(e) ? "booleanAttribute" : "attribute" : "property";
+    Object.values(qe).some((n) => n.has(e))
+  ) : qe[i]?.has(e) === !0)) ? bt.has(e) ? "booleanAttribute" : "attribute" : i === "svg" || i === "math" || i === He || i !== Te && (it.has(i) || st.has(i)) ? e in W.common.reflected || e in W.common.stringifiedReflected || e in W.common.stringifiedNonReflected ? "property" : bt.has(e) ? "booleanAttribute" : "attribute" : "property";
 }
-const eo = ["class", "style", "ref", "directives", "key", "deferLoad"], to = new Set(eo), io = (e) => typeof e != "string" || e.trim().length > 0;
+const io = ["class", "style", "ref", "directives", "key", "deferLoad"], so = new Set(io), ro = (e) => typeof e != "string" || e.trim().length > 0;
 function Le({ key: e, parts: t, litTag: i }, s) {
-  const r = so(t);
+  const r = no(t);
   if (r.length % 2 === 0)
     throw new Error("Normalized template parts array length must be odd");
   const [n, ...a] = r;
@@ -3756,11 +3782,11 @@ function Le({ key: e, parts: t, litTag: i }, s) {
   const p = s.importRenames[c], l = o.factory.createTaggedTemplateExpression(
     o.factory.createIdentifier(p),
     void 0,
-    a.length === 0 ? o.factory.createNoSubstitutionTemplateLiteral(n) : o.factory.createTemplateExpression(o.factory.createTemplateHead(n), ro(a))
+    a.length === 0 ? o.factory.createNoSubstitutionTemplateLiteral(n) : o.factory.createTemplateExpression(o.factory.createTemplateHead(n), oo(a))
   );
   return Ue(s, e, l);
 }
-const so = (e) => e.reduce(
+const no = (e) => e.reduce(
   (t, i, s) => {
     const r = t.at(-1), n = typeof r == "string", a = typeof i == "string";
     if (n && a)
@@ -3770,7 +3796,7 @@ const so = (e) => e.reduce(
   },
   [""]
 );
-function ro(e) {
+function oo(e) {
   if (!(e.length % 2 === 0))
     throw new Error("templatePartsToSpans should be called with normalized parts array without the first item");
   const i = e.length / 2;
@@ -3795,8 +3821,8 @@ function Ue(e, t, i) {
   const s = e.importRenames.keyed;
   return o.factory.createCallExpression(o.factory.createIdentifier(s), void 0, [t, i]);
 }
-const Ui = (e, t) => e.getFullText(t.sourceFile).slice(0, e.getLeadingTriviaWidth(t.sourceFile));
-function Wi(e, t) {
+const zi = (e, t) => e.getFullText(t.sourceFile).slice(0, e.getLeadingTriviaWidth(t.sourceFile));
+function Hi(e, t) {
   const i = dt(e);
   return i.length === 0 ? t : o.setSyntheticLeadingComments(
     t,
@@ -3804,18 +3830,18 @@ function Wi(e, t) {
       ...s,
       pos: -1,
       end: -1,
-      text: Hi(e.slice(s.pos, s.end))
+      text: qi(e.slice(s.pos, s.end))
     }))
   );
 }
 const dt = (e) => e.trim().length === 0 ? [] : o.getLeadingCommentRanges(e, 0) ?? [];
-function no(e) {
+function ao(e) {
   const t = dt(e);
   if (t.length === 0)
     return [e || " "];
   const i = t.reduceRight(
     ([r, ...n], a) => {
-      const c = oo(r), p = Hi(c.slice(a.pos, a.end));
+      const c = lo(r), p = qi(c.slice(a.pos, a.end));
       return [
         c.slice(0, a.pos),
         /**
@@ -3833,13 +3859,13 @@ function no(e) {
   const s = i.at(-1);
   return (typeof s != "string" || s.trim() !== "") && i.push(" "), i;
 }
-const Hi = (e) => e.startsWith("//") ? e.slice(2) : e.slice(2, -2);
-function oo(e) {
+const qi = (e) => e.startsWith("//") ? e.slice(2) : e.slice(2, -2);
+function lo(e) {
   if (typeof e == "string")
     return e;
   throw new Error(`Expected string, got ${typeof e}: ${String(e)}`);
 }
-function ao(e, t) {
+function co(e, t) {
   if (!(o.isPropertyAccessExpression(t.expression) && t.expression.name.text === "map"))
     return t;
   const s = t.arguments[0];
@@ -3849,9 +3875,9 @@ function ao(e, t) {
   if (!(typeof n == "object" && // If .map() callback has 3rd argument, it's not supported
   s.parameters.length <= 2))
     return t;
-  const c = ue(s.body);
+  const c = me(s.body);
   let p = !0, l;
-  if (Kt(c))
+  if (_t(c))
     l = c;
   else {
     if (!o.isBlock(c))
@@ -3859,24 +3885,24 @@ function ao(e, t) {
     const v = c.statements.at(-1);
     if (!(v && o.isReturnStatement(v) && v.expression))
       return t;
-    const S = ue(v.expression);
-    if (!Kt(S))
+    const S = me(v.expression);
+    if (!_t(S))
       return t;
     const k = c.statements.slice(0, -1);
-    if (k.some(qi))
+    if (k.some(Vi))
       return t;
     p = k.length === 0, l = S;
   }
-  const d = o.isJsxElement(l) ? l.openingElement : l, f = Yi(d);
-  if (f === -1)
+  const d = o.isJsxElement(l) ? l.openingElement : l, m = Zi(d);
+  if (m === -1)
     return t;
-  const m = d.attributes.properties[f];
-  if (m === void 0 || !o.isJsxAttribute(m))
+  const f = d.attributes.properties[m];
+  if (f === void 0 || !o.isJsxAttribute(f))
     return t;
-  const g = ct(m.initializer, e.sourceFile), h = lo(n, s, g, p, e);
+  const g = ct(f.initializer, e.sourceFile), h = po(n, s, g, p, e);
   if (h === void 0)
     return t;
-  e.liftedKeys.add(m.name), e.neededImports.add("repeat");
+  e.liftedKeys.add(f.name), e.neededImports.add("repeat");
   const y = e.importRenames.repeat;
   return o.factory.updateCallExpression(t, o.factory.createIdentifier(y), t.typeArguments, [
     // From `items.map()` get `items`
@@ -3895,22 +3921,22 @@ function ao(e, t) {
     )
   ]);
 }
-const Kt = (e) => o.isJsxElement(e) || o.isJsxSelfClosingElement(e);
-function qi(e) {
+const _t = (e) => o.isJsxElement(e) || o.isJsxSelfClosingElement(e);
+function Vi(e) {
   if (o.isReturnStatement(e))
     return !0;
   let t = !1;
   return o.visitEachChild(
     e,
-    (i) => (t ||= qi(i), i),
+    (i) => (t ||= Vi(i), i),
     void 0
   ), t;
 }
-function lo(e, t, i, s, r) {
-  const n = J(i);
+function po(e, t, i, s, r) {
+  const n = B(i);
   if (n === void 0)
     return;
-  let a = zi(e.name, n);
+  let a = Gi(e.name, n);
   const c = t.parameters.at(1);
   if (c !== void 0 && o.isIdentifier(c.name) && // A more basic check is also provided in lumina/no-unnecessary-key rule
   n.every(xe, c.name)) {
@@ -3922,7 +3948,7 @@ function lo(e, t, i, s, r) {
     return;
   }
   if (!s) {
-    const p = po(n, a, t);
+    const p = uo(n, a, t);
     if (p === void 0)
       return;
     a = p;
@@ -3938,38 +3964,38 @@ function lo(e, t, i, s, r) {
     e.initializer
   );
 }
-function J(e) {
+function B(e) {
   if (o.isIdentifier(e))
     return [e.text];
   if (o.isPropertyAccessExpression(e))
-    return J(e.expression);
+    return B(e.expression);
   if (o.isElementAccessExpression(e))
-    return J(e.argumentExpression);
+    return B(e.argumentExpression);
   if (o.isConditionalExpression(e)) {
-    const t = J(e.condition), i = J(e.whenTrue), s = J(e.whenFalse);
+    const t = B(e.condition), i = B(e.whenTrue), s = B(e.whenFalse);
     return t === void 0 || i === void 0 || s === void 0 ? void 0 : [...t, ...i, ...s];
   } else if (o.isBinaryExpression(e)) {
-    const t = J(e.left), i = J(e.right);
+    const t = B(e.left), i = B(e.right);
     return t === void 0 || i === void 0 ? void 0 : [...t, ...i];
   } else if (o.isTemplateExpression(e)) {
     const t = [];
     for (const i of e.templateSpans) {
-      const s = J(i.expression);
+      const s = B(i.expression);
       if (s === void 0)
         return;
       t.push(...s);
     }
     return t;
   } else {
-    if (co.has(e.kind))
+    if (mo.has(e.kind))
       return [];
     {
-      const t = ue(e);
-      return t !== e ? J(t) : void 0;
+      const t = me(e);
+      return t !== e ? B(t) : void 0;
     }
   }
 }
-const co = /* @__PURE__ */ new Set([
+const mo = /* @__PURE__ */ new Set([
   o.SyntaxKind.NumericLiteral,
   o.SyntaxKind.BigIntLiteral,
   o.SyntaxKind.StringLiteral,
@@ -3978,20 +4004,20 @@ const co = /* @__PURE__ */ new Set([
   o.SyntaxKind.FalseKeyword,
   o.SyntaxKind.NullKeyword,
   o.SyntaxKind.TrueKeyword
-]), ue = (e) => o.isAsExpression(e) || o.isNonNullExpression(e) || o.isSatisfiesExpression(e) || o.isParenthesizedExpression(e) ? ue(e.expression) : e, zi = (e, t) => o.isObjectBindingPattern(e) ? fo(e, t) : e;
-function po(e, t, i) {
+]), me = (e) => o.isAsExpression(e) || o.isNonNullExpression(e) || o.isSatisfiesExpression(e) || o.isParenthesizedExpression(e) ? me(e.expression) : e, Gi = (e, t) => o.isObjectBindingPattern(e) ? ho(e, t) : e;
+function uo(e, t, i) {
   if (e.every(xe, t))
     return t;
   if (o.isIdentifier(t)) {
-    const s = o.isBlock(i.body) ? He(i.body.statements, (n) => uo(n, t)) : void 0;
+    const s = o.isBlock(i.body) ? ze(i.body.statements, (n) => fo(n, t)) : void 0;
     if (s === void 0)
       return;
-    const r = zi(s, e);
+    const r = Gi(s, e);
     if (e.every(xe, r))
       return r;
   }
 }
-function uo(e, t) {
+function fo(e, t) {
   if (!o.isVariableStatement(e) || !(e.declarationList.flags & o.NodeFlags.Const))
     return;
   const i = e.declarationList.declarations[0];
@@ -3999,53 +4025,53 @@ function uo(e, t) {
 }
 function xe(e) {
   const t = this;
-  return o.isIdentifier(t) ? t.text === e : t.elements.some(mo, e);
+  return o.isIdentifier(t) ? t.text === e : t.elements.some(go, e);
 }
-function mo(e) {
+function go(e) {
   const t = this;
   return o.isOmittedExpression(e) ? !1 : xe.call(e.name, t);
 }
-function fo(e, t) {
+function ho(e, t) {
   let i = !1;
   const s = e.elements.filter((r) => o.isIdentifier(r.name) ? t.includes(r.name.text) : (i = !0, !0));
   return i || s.length === 0 ? e : o.factory.updateObjectBindingPattern(e, s);
 }
-const Vi = (e, t) => t.liftedKeys.has(e);
-function z(e, t, i) {
+const Xi = (e, t) => t.liftedKeys.has(e);
+function q(e, t, i) {
   if (de(i))
-    return Gi(e, i);
-  const s = o.isCallExpression(i) ? ao(e, i) : i, r = o.visitEachChild(
+    return Yi(e, i);
+  const s = o.isCallExpression(i) ? co(e, i) : i, r = o.visitEachChild(
     s,
     // Do not add "" if parent is binary expression to not turn {(a && <b />) || c} into {(a && <b />) || "" || c}
-    z.bind(null, e, t !== void 0 && o.isBinaryExpression(t) ? void 0 : i),
+    q.bind(null, e, t !== void 0 && o.isBinaryExpression(t) ? void 0 : i),
     e.transformationContext
   );
-  return t !== void 0 && o.isBinaryExpression(i) && (o.isJsxExpression(t) || de(ue(i.right)) || Qs(i.right)) ? yo(r) : r;
+  return t !== void 0 && o.isBinaryExpression(i) && (o.isJsxExpression(t) || de(me(i.right)) || er(i.right)) ? bo(r) : r;
 }
-function Gi(e, t) {
-  const i = Xi(e, t);
+function Yi(e, t) {
+  const i = Qi(e, t);
   return Le(i, e);
 }
-function Xi(e, t) {
+function Qi(e, t) {
   const i = "children" in t ? t.children : [];
   if (o.isJsxFragment(t))
     return { key: void 0, ...Ee(i, e) };
   const r = o.isJsxElement(t) ? t.openingElement : t, n = r.tagName;
   if (o.isJsxNamespacedName(n))
     throw Error(`JSX namespaced elements are not supported. Found ${n.getText(e.sourceFile)} `);
-  if (!o.isIdentifier(n) || !n.text.startsWith(n.text[0].toLowerCase()) && n.text !== De && n.text !== Oe) {
-    const w = o.isIdentifier(n) && n.text === Ds ? Ee(i, e) : {
+  if (!o.isIdentifier(n) || !n.text.startsWith(n.text[0].toLowerCase()) && n.text !== Re && n.text !== Oe) {
+    const w = o.isIdentifier(n) && n.text === Ms ? Ee(i, e) : {
       // No need to wrap the function call in a lit-html tag
       litTag: void 0,
-      parts: [ho(e, t, n, i)]
+      parts: [vo(e, t, n, i)]
     };
     return {
-      key: go(r, e),
+      key: yo(r, e),
       ...w
     };
   }
-  const c = n.text === De ? Te : n.text === Oe ? qe : n.text, p = n.text === De ? se : n.text === Oe ? G : Ms.has(c) ? li : it.has(c) ? ee : re, l = rt(c), d = l ? e.localComponents[c]?.requiredProperties : void 0, f = d === void 0 ? void 0 : new Set(d);
-  let m;
+  const c = n.text === Re ? Te : n.text === Oe ? He : n.text, p = n.text === Re ? se : n.text === Oe ? X : Bs.has(c) ? ci : it.has(c) ? ee : re, l = rt(c), d = l ? e.localComponents[c]?.requiredProperties : void 0, m = d === void 0 ? void 0 : new Set(d);
+  let f;
   const g = [];
   let h = !1;
   const y = r.attributes.properties.flatMap((x) => {
@@ -4057,34 +4083,34 @@ Found ${x.getText(e.sourceFile)}`
     const { name: w, initializer: L } = x;
     if (o.isJsxNamespacedName(w))
       throw Error(`JSX namespaced attributes are not supported. Found ${w.getText(e.sourceFile)}`);
-    const A = w.text, H = Qn(L), j = H?.propType ?? Zn(A, L, c);
-    f?.delete(A);
-    const N = Vn[j](e, H?.initializer ?? L, A, c);
+    const A = w.text, z = eo(L), j = z?.propType ?? to(A, L, c);
+    m?.delete(A);
+    const N = Xn[j](e, z?.initializer ?? L, A, c);
     if (N.length === 0)
       return [];
-    const K = e.compiler.shouldMinifyJsx ? [" "] : no(Ui(w, e));
-    return j === "key" ? (m = typeof N[0] == "object" && !Vi(w, e) ? N[0] : void 0, K.some(io) ? K : []) : j === "directives" || j === "ref" || A === "deferLoad" ? (h ||= j === "deferLoad", g.push(
+    const K = e.compiler.shouldMinifyJsx ? [" "] : ao(zi(w, e));
+    return j === "key" ? (f = typeof N[0] == "object" && !Xi(w, e) ? N[0] : void 0, K.some(ro) ? K : []) : j === "directives" || j === "ref" || A === "deferLoad" ? (h ||= j === "deferLoad", g.push(
       ...K,
       ...N.flatMap(
-        (R, O) => typeof R == "string" || O === 0 || typeof N[O - 1] == "string" ? R : [" ", R]
+        (D, M) => typeof D == "string" || M === 0 || typeof N[M - 1] == "string" ? D : [" ", D]
       )
     ), []) : [...K, ...N];
   });
-  if (f !== void 0 && f.size > 0 && e.compiler.logLintError(
+  if (m !== void 0 && m.size > 0 && e.compiler.logLintError(
     "mustIncludeAllRequiredProperties",
     e.sourceFile.fileName,
-    `Missing required properties for <${c}> }: ${Array.from(f).join(", ")}`
+    `Missing required properties for <${c}> }: ${Array.from(m).join(", ")}`
   ), g.length > 0 && y.push(...g), typeof c == "string" && st.has(c))
     throw Error(
       `JSX syntax for MathML elements is not yet supported. If you need it, please request it. Otherwise, use the \`math\` function from Lit directly. Tried to use the "${c}" element`
     );
   l && (h ? e.customElementsToImportDeferred.add(c) : e.customElementsToImport.add(c));
-  const v = typeof c == "string" && Os.has(c), C = Ee(i, e);
+  const v = typeof c == "string" && Js.has(c), C = Ee(i, e);
   if (v && C.parts.length > 0)
     throw Error(
       `Void HTML elements like <${c}> cannot have children. Found ${t.getText(e.sourceFile)}`
     );
-  const S = (p === ee || p === G) && C.parts.length === 0, k = [
+  const S = (p === ee || p === X) && C.parts.length === 0, k = [
     "<",
     typeof c == "string" ? c : n,
     ...y,
@@ -4101,24 +4127,24 @@ Found ${x.getText(e.sourceFile)}`
     typeof c == "string" ? c : n,
     ">"
   ];
-  return { key: m, parts: T, litTag: p };
+  return { key: f, parts: T, litTag: p };
 }
-function go(e, t) {
-  const i = e.attributes.properties[Yi(e)];
-  return i && o.isJsxAttribute(i) && !Vi(i.name, t) ? ct(i.initializer, t.sourceFile) : void 0;
+function yo(e, t) {
+  const i = e.attributes.properties[Zi(e)];
+  return i && o.isJsxAttribute(i) && !Xi(i.name, t) ? ct(i.initializer, t.sourceFile) : void 0;
 }
-const Yi = (e) => e.attributes.properties.findIndex(({ name: t }) => t && o.isIdentifier(t) && t.text === "key");
-function ho(e, t, i, s) {
+const Zi = (e) => e.attributes.properties.findIndex(({ name: t }) => t && o.isIdentifier(t) && t.text === "key");
+function vo(e, t, i, s) {
   const n = (o.isJsxElement(t) ? t.openingElement : t).attributes.properties.map((p) => {
     if (o.isJsxSpreadAttribute(p))
-      return Wi(Ui(p, e), o.factory.createSpreadAssignment(p.expression));
+      return Hi(zi(p, e), o.factory.createSpreadAssignment(p.expression));
     const { name: l, initializer: d } = p;
     if (o.isJsxNamespacedName(l))
       throw Error(`JSX namespaced attributes are not supported. Found ${l.getText(e.sourceFile)}`);
     if (l.text === "key")
       return;
-    const f = d === void 0 ? o.factory.createTrue() : o.isStringLiteral(d) ? d : de(d) ? Gi(e, d) : z(e, void 0, d.expression ?? o.factory.createIdentifier("undefined")), m = ei(l.text) ? o.factory.createStringLiteral(l.text) : l;
-    return o.factory.createPropertyAssignment(m, f);
+    const m = d === void 0 ? o.factory.createTrue() : o.isStringLiteral(d) ? d : de(d) ? Yi(e, d) : q(e, void 0, d.expression ?? o.factory.createIdentifier("undefined")), f = ti(l.text) ? o.factory.createStringLiteral(l.text) : l;
+    return o.factory.createPropertyAssignment(f, m);
   }), { parts: a, litTag: c } = Ee(s, e);
   return a.length > 0 && n.push(
     o.factory.createPropertyAssignment(
@@ -4133,13 +4159,13 @@ function Ee(e, t) {
   let i;
   const s = e.flatMap((r) => {
     if (o.isJsxText(r))
-      return [t.compiler.shouldMinifyJsx ? Bs(r.text) : r.text];
+      return [t.compiler.shouldMinifyJsx ? _s(r.text) : r.text];
     if (o.isJsxExpression(r))
       return pt(t, r, r);
     {
-      const n = Xi(t, r);
-      if (n.key === void 0 && n.litTag !== se && n.litTag !== G) {
-        if (n.litTag === li)
+      const n = Qi(t, r);
+      if (n.key === void 0 && n.litTag !== se && n.litTag !== X) {
+        if (n.litTag === ci)
           return n.parts;
         if (i !== void 0 && n.litTag !== void 0 && i !== n.litTag)
           throw new Error(
@@ -4152,7 +4178,7 @@ function Ee(e, t) {
   });
   return { litTag: i, parts: s };
 }
-function yo(e) {
+function bo(e) {
   return e.operatorToken.kind === o.SyntaxKind.AmpersandAmpersandToken ? o.factory.createBinaryExpression(
     e,
     o.factory.createToken(o.SyntaxKind.BarBarToken),
@@ -4164,9 +4190,9 @@ function pt(e, t, i) {
     if (e.compiler.shouldMinifyJsx)
       return [];
     const s = t.getText(e.sourceFile).slice(1, -1);
-    return dt(s).length === 0 ? [] : [Wi(s, o.factory.createIdentifier("undefined"))];
+    return dt(s).length === 0 ? [] : [Hi(s, o.factory.createIdentifier("undefined"))];
   }
-  return o.isStringLiteral(t.expression) ? [ai(t.expression.text)] : (
+  return o.isStringLiteral(t.expression) ? [li(t.expression.text)] : (
     /**
      * There is a bug in Chrome DevTools, where it won't let you set a
      * breakpoint inside a tagged template literal. It seems like they did
@@ -4187,7 +4213,7 @@ function pt(e, t, i) {
      * making this change useless.
      */
     e.compiler.viteCommand === "serve" && e.compiler.viteConfig.build.sourcemap !== !1 && !e.compiler.shouldMinifyJsx && o.isArrowFunction(t.expression) && !o.isBlock(t.expression.body) ? [
-      z(
+      q(
         e,
         i,
         o.factory.updateArrowFunction(
@@ -4200,29 +4226,29 @@ function pt(e, t, i) {
           o.factory.createBlock([o.factory.createReturnStatement(t.expression.body)], !0)
         )
       )
-    ] : [z(e, i, t.expression)]
+    ] : [q(e, i, t.expression)]
   );
 }
-const Qi = (e) => e.reduce((t, [i, s]) => (t[i] ??= [], t[i].push(s), t), {}), Zi = Qi(
+const es = (e) => e.reduce((t, [i, s]) => (t[i] ??= [], t[i].push(s), t), {}), ts = es(
   Object.entries(te).flatMap(
     ([e, t]) => t.map((i) => [i, e])
   )
-), es = new Set(Object.keys(Zi));
-function vo(e, t) {
+), is = new Set(Object.keys(ts));
+function wo(e, t) {
   const i = t.importClause, s = i === void 0, r = t.moduleSpecifier;
   if (!o.isStringLiteral(r))
     return t;
-  const n = bo(e.sourceFile.fileName, r.text, ""), a = !i?.isTypeOnly;
-  if (a && e.existingImportedModules.add(n), er.test(r.text) && // If id already includes ?, bypass our custom behavior
+  const n = So(e.sourceFile.fileName, r.text, ""), a = !i?.isTypeOnly;
+  if (a && e.existingImportedModules.add(n), ir.test(r.text) && // If id already includes ?, bypass our custom behavior
   !r.text.includes("?")) {
     if (s) {
       if (e.compiler.viteCommand !== "build" || e.compiler.isInStorybook || e.compiler.isInTest)
         return t;
-      const l = e.sourceFile.fileName, d = l.includes("/node_modules/") || l.includes("/dist/"), f = `import "${r.text}"`;
+      const l = e.sourceFile.fileName, d = l.includes("/node_modules/") || l.includes("/dist/"), m = `import "${r.text}"`;
       throw Error(
-        d ? `Unexpected case: during build, all node_modules runtime dependencies should be externalized (unless explicitly configured otherwise). ${l} is not externalized, and it contains a side-effect CSS import \`${f}\`. How should such CSS import be handled? Options:
+        d ? `Unexpected case: during build, all node_modules runtime dependencies should be externalized (unless explicitly configured otherwise). ${l} is not externalized, and it contains a side-effect CSS import \`${m}\`. How should such CSS import be handled? Options:
 1. (suggested) Externalize ${l}, which will make end-user's bundler treat this CSS import as global CSS.
-2. Write a transform() plugin to drop the CSS import from ${l}, and then manually import the CSS as needed inside your shadow root or your library's global CSS file.` : `${l}: Found a side-effect CSS import \`${f}\`. Such import is not allowed as it won't work with shadow DOM. Please use \`import { styles } from "${r.text}";\` instead and then add \`static override styles = styles;\` to your component. If this needs to be global CSS, @import it inside your global CSS file`
+2. Write a transform() plugin to drop the CSS import from ${l}, and then manually import the CSS as needed inside your shadow root or your library's global CSS file.` : `${l}: Found a side-effect CSS import \`${m}\`. Such import is not allowed as it won't work with shadow DOM. Please use \`import { styles } from "${r.text}";\` instead and then add \`static override styles = styles;\` to your component. If this needs to be global CSS, @import it inside your global CSS file`
       );
     }
     return o.factory.updateImportDeclaration(
@@ -4233,40 +4259,40 @@ function vo(e, t) {
       // runs for .tsx files, so .css imports in .ts files won't work. However,
       // that is unlikely for web component libraries. A workaround is to
       // rename the file or explicitly add (undocumented) ?litCss flag
-      o.factory.createStringLiteral(r.text + (e.isInLightDomComponent ? X : $e)),
+      o.factory.createStringLiteral(r.text + (e.isInLightDomComponent ? Y : $e)),
       t.attributes
     );
   }
   if (s)
     return t;
   if (i.name !== void 0) {
-    const l = i.name.text, d = i.name.text.startsWith(l[0].toUpperCase()), f = u.isAbsolute(n);
-    a && !i.isTypeOnly && d && f && e.importedFunctionComponentsFromModules.add(n);
+    const l = i.name.text, d = i.name.text.startsWith(l[0].toUpperCase()), m = u.isAbsolute(n);
+    a && !i.isTypeOnly && d && m && e.importedFunctionComponentsFromModules.add(n);
   }
   const c = i.namedBindings;
   if (c === void 0 || !o.isNamedImports(c))
     return t;
-  const p = es.has(r.text);
+  const p = is.has(r.text);
   if (c.elements.forEach((l) => {
-    const d = (l.propertyName ?? l.name).text, f = te[d];
+    const d = (l.propertyName ?? l.name).text, m = te[d];
     if (p) {
-      if (f?.some((h) => h === r.text)) {
-        const h = ts(d, n);
+      if (m?.some((h) => h === r.text)) {
+        const h = ss(d, n);
         e.existingLitImports.add(h), e.importRenames[h] = l.name?.text ?? h;
       }
-    } else (l.name.text === "h" || l.name.text === "createElement") && D().name !== "@arcgis/lumina" && (e.hasNonLuminaJsxImport = !0);
-    const m = d.startsWith(d[0].toUpperCase()), g = u.isAbsolute(n);
-    a && !l.isTypeOnly && m && g && e.importedFunctionComponentsFromModules.add(n);
+    } else (l.name.text === "h" || l.name.text === "createElement") && O().name !== "@arcgis/lumina" && (e.hasNonLuminaJsxImport = !0);
+    const f = d.startsWith(d[0].toUpperCase()), g = u.isAbsolute(n);
+    a && !l.isTypeOnly && f && g && e.importedFunctionComponentsFromModules.add(n);
   }), r.text === "@arcgis/lumina") {
     let l = !1;
-    const d = c.elements.filter((m) => {
-      const g = (m.propertyName ?? m.name).text;
-      return Zs.has(g) ? !1 : (l ||= !m.isTypeOnly, !0);
+    const d = c.elements.filter((f) => {
+      const g = (f.propertyName ?? f.name).text;
+      return tr.has(g) ? !1 : (l ||= !f.isTypeOnly, !0);
     });
     if (d.length === 0)
       return;
     if (d.length !== c.elements.length) {
-      const m = i.isTypeOnly || !l, g = l ? d : d.map(
+      const f = i.isTypeOnly || !l, g = l ? d : d.map(
         (h) => o.factory.updateImportSpecifier(
           h,
           !1,
@@ -4279,7 +4305,7 @@ function vo(e, t) {
         t.modifiers,
         o.factory.updateImportClause(
           i,
-          m,
+          f,
           i.name,
           o.factory.updateNamedImports(c, g)
         ),
@@ -4290,22 +4316,22 @@ function vo(e, t) {
   }
   return t;
 }
-const ts = (e, t) => e === re && te.staticHtml.includes(t) ? se : e === ee && te.staticSvg.includes(t) ? G : e, bo = (e, t, i) => t.startsWith(".") ? u.resolve(e, "..", `${t}${i}`) : t;
-function wo(e) {
-  return o.isImportDeclaration(e) ? So(this, e) : e;
+const ss = (e, t) => e === re && te.staticHtml.includes(t) ? se : e === ee && te.staticSvg.includes(t) ? X : e, So = (e, t, i) => t.startsWith(".") ? u.resolve(e, "..", `${t}${i}`) : t;
+function Eo(e) {
+  return o.isImportDeclaration(e) ? Co(this, e) : e;
 }
-function So(e, t) {
+function Co(e, t) {
   const i = t.importClause, s = i?.namedBindings, r = t.moduleSpecifier;
-  if (!o.isStringLiteral(r) || !s || !o.isNamedImports(s) || !es.has(r.text))
+  if (!o.isStringLiteral(r) || !s || !o.isNamedImports(s) || !is.has(r.text))
     return t;
   const n = i.isTypeOnly;
   let a = !1;
   const c = s.elements.map((p) => {
-    const l = (p.propertyName ?? p.name).text, d = ts(l, r.text);
+    const l = (p.propertyName ?? p.name).text, d = ss(l, r.text);
     return e.existingLitImports.delete(d), e.neededImports.has(d) ? (e.neededImports.delete(d), a = !0, o.factory.updateImportSpecifier(p, !1, p.propertyName, p.name)) : n ? o.factory.updateImportSpecifier(p, !0, p.propertyName, p.name) : p;
   });
-  return Zi[r.text]?.forEach((p) => {
-    !e.neededImports.has(p) || e.existingLitImports.has(p) || (e.neededImports.delete(p), a = !0, c.push(is(p, e)));
+  return ts[r.text]?.forEach((p) => {
+    !e.neededImports.has(p) || e.existingLitImports.has(p) || (e.neededImports.delete(p), a = !0, c.push(rs(p, e)));
   }), a ? o.factory.updateImportDeclaration(
     t,
     t.modifiers,
@@ -4319,8 +4345,8 @@ function So(e, t) {
     t.attributes
   ) : t;
 }
-function Eo(e) {
-  const t = Qi(
+function To(e) {
+  const t = es(
     Array.from(e.neededImports, (i) => [te[i][0], i])
   );
   return Object.entries(t).map(
@@ -4330,27 +4356,27 @@ function Eo(e) {
         !1,
         void 0,
         o.factory.createNamedImports(
-          s.map((r) => (e.neededImports.delete(r), is(r, e)))
+          s.map((r) => (e.neededImports.delete(r), rs(r, e)))
         )
       ),
       o.factory.createStringLiteral(i)
     )
   );
 }
-function is(e, t) {
-  const i = e === se ? re : e === G ? ee : e, s = t.importRenames[e];
+function rs(e, t) {
+  const i = e === se ? re : e === X ? ee : e, s = t.importRenames[e];
   return s === i ? o.factory.createImportSpecifier(!1, void 0, o.factory.createIdentifier(i)) : o.factory.createImportSpecifier(
     !1,
     o.factory.createIdentifier(i),
     o.factory.createIdentifier(s)
   );
 }
-function Co(e) {
-  const t = wr().map(({ packageName: i }) => i);
+function $o(e) {
+  const t = Er().map(({ packageName: i }) => i);
   return e.existingImportedModules.forEach((i) => {
     if (u.isAbsolute(i))
       return;
-    const s = Fs(i), r = i.slice(s.length + 1);
+    const s = Rs(i), r = i.slice(s.length + 1);
     if (t.includes(s ?? "") && (r.startsWith("dist/components") || r.startsWith("components"))) {
       const n = Ae(e.sourceFile.fileName);
       throw new Error(
@@ -4359,7 +4385,7 @@ function Co(e) {
     }
   }), [];
 }
-function To(e) {
+function Po(e) {
   if (e.compiler.viteCommand === "serve")
     return e.customElementsToImport.clear(), e.customElementsToImportDeferred.clear(), [];
   const t = e.compiler._customElementDependencies;
@@ -4374,17 +4400,17 @@ function To(e) {
     t[s] ??= { referencedBy: [], referencedTagNames: [], referencedDeferredTagNames: [] }, t[s].referencedBy.push(e.sourceFile.fileName);
   }), [];
 }
-const $o = (e, t) => {
+const Io = (e, t) => {
   const i = e.pragmas;
   if (i?.has("jsx") === !0 || i?.has("jsxImportSource") === !0)
     return e.statements;
   const s = {
     compiler: t.compiler,
-    externalComponents: bi(),
-    localComponents: Ki(t.compiler),
+    externalComponents: wi(),
+    localComponents: Ui(t.compiler),
     sourceFile: e,
     transformationContext: t.transformation,
-    importRenames: Po(e),
+    importRenames: ko(e),
     existingImportedModules: /* @__PURE__ */ new Set(),
     importedFunctionComponentsFromModules: /* @__PURE__ */ new Set(),
     existingLitImports: /* @__PURE__ */ new Set(),
@@ -4400,21 +4426,21 @@ const $o = (e, t) => {
   let r = [];
   if (e.statements.every((a) => {
     if (o.isImportDeclaration(a)) {
-      const c = vo(s, a);
+      const c = wo(s, a);
       if (c === void 0)
         return !0;
       if (r.push(c), s.hasNonLuminaJsxImport)
         return !1;
     } else
-      r.push(z(s, void 0, a));
+      r.push(q(s, void 0, a));
     return !0;
   }), s.hasNonLuminaJsxImport)
     return e.statements;
-  if (s.neededImports.size > 0 && (r = r.map(wo, s), s.existingLitImports.size > 0))
+  if (s.neededImports.size > 0 && (r = r.map(Eo, s), s.existingLitImports.size > 0))
     throw new Error(
       `Expected context.existingLitImports to be empty by now. Found: ${Array.from(s.existingLitImports).join(", ")}`
     );
-  const n = [Eo, Co, To].flatMap(
+  const n = [To, $o, Po].flatMap(
     (a) => a(s)
   );
   if (s.neededImports.size > 0)
@@ -4423,24 +4449,24 @@ const $o = (e, t) => {
     );
   return [...n, ...r];
 };
-function Po(e) {
-  return Io(e), Object.fromEntries(
-    Ys.map((t) => [t, e.identifiers.has(t) ? `${t}$jsx` : t])
+function ko(e) {
+  return xo(e), Object.fromEntries(
+    Zs.map((t) => [t, e.identifiers.has(t) ? `${t}$jsx` : t])
   );
 }
-function Io(e) {
+function xo(e) {
   if (!("identifiers" in e))
     throw new Error(
       "Expected sourceFile to have an undocumented identifiers property that is a Map<string,string>. If this error is thrown, it may mean Lumina Compiler needs to be updated to support the version of TypeScript being used."
     );
 }
-const _t = "customElement", ko = (e, t) => {
+const Ut = "customElement", Ao = (e, t) => {
   const i = [];
   if (t.apiModule?.declarations.forEach((n) => {
     const a = n;
     a.customElement !== void 0 && i.push(
       o.factory.createExpressionStatement(
-        o.factory.createCallExpression(o.factory.createIdentifier(_t), void 0, [
+        o.factory.createCallExpression(o.factory.createIdentifier(Ut), void 0, [
           o.factory.createStringLiteral(a.tagName ?? ""),
           o.factory.createIdentifier(a.name)
         ])
@@ -4458,13 +4484,13 @@ const _t = "customElement", ko = (e, t) => {
       !1,
       void 0,
       o.factory.createNamedImports([
-        o.factory.createImportSpecifier(!1, void 0, o.factory.createIdentifier(_t))
+        o.factory.createImportSpecifier(!1, void 0, o.factory.createIdentifier(Ut))
       ])
     ),
     o.factory.createStringLiteral(s)
   ), ...e.statements, ...i];
 };
-function xo(e, t, i) {
+function No(e, t, i) {
   return t.size === 0 ? e : [
     o.factory.createPropertyDeclaration(
       [
@@ -4478,8 +4504,8 @@ function xo(e, t, i) {
         Array.from(
           t.entries(),
           ([s, r]) => o.factory.createPropertyAssignment(
-            ei(s) ? o.factory.createStringLiteral(s) : s,
-            Ao(r, i)
+            ti(s) ? o.factory.createStringLiteral(s) : s,
+            Lo(r, i)
           )
         )
       )
@@ -4487,7 +4513,7 @@ function xo(e, t, i) {
     ...e
   ];
 }
-function Ao(e, t) {
+function Lo(e, t) {
   let i = 0, s = !0;
   const r = [], n = [];
   for (const p of e.properties)
@@ -4495,22 +4521,22 @@ function Ao(e, t) {
   function a(p) {
     if (!o.isPropertyAssignment(p) || !o.isIdentifier(p.name))
       return !0;
-    const l = p.name.text, d = p.initializer, f = d.kind === o.SyntaxKind.TrueKeyword, m = d.kind === o.SyntaxKind.FalseKeyword;
+    const l = p.name.text, d = p.initializer, m = d.kind === o.SyntaxKind.TrueKeyword, f = d.kind === o.SyntaxKind.FalseKeyword;
     if (l === "attribute")
-      return s = !1, i |= f ? ht : 0, !f && !m;
+      return s = !1, i |= m ? ht : 0, !m && !f;
     if (l === "reflect")
-      return i |= f ? us : 0, !1;
+      return i |= m ? fs : 0, !1;
     if (l === "type" && o.isIdentifier(d)) {
       if (d.text === "Boolean")
-        return i |= ms, !1;
+        return i |= gs, !1;
       if (d.text === "Number")
-        return i |= fs, !1;
+        return i |= hs, !1;
     } else {
       if (l === "state")
-        return s = !1, i |= f ? gs : 0, !1;
+        return s = !1, i |= m ? ys : 0, !1;
       if (l === "readOnly")
-        return i |= f ? hs : 0, !1;
-      l === "noAccessor" && (i |= f ? ys : 0);
+        return i |= m ? vs : 0, !1;
+      l === "noAccessor" && (i |= m ? bs : 0);
     }
     return !0;
   }
@@ -4529,35 +4555,35 @@ function Ao(e, t) {
     ...t ? [] : [o.factory.createObjectLiteralExpression(n)]
   ]);
 }
-function No(e, t, i) {
+function jo(e, t, i) {
   let s = -1, r = -1, n = -1;
-  e.options?.properties.forEach((d, f) => {
+  e.options?.properties.forEach((d, m) => {
     if (o.isSpreadAssignment(d))
       throw new Error(
         `Spread property assignment is not allowed in @property() as that is not statically analyzable. Found ${d.getText(t)}`
       );
     if (o.isIdentifier(d.name)) {
-      const m = d.name.escapedText;
-      m === "type" ? s = f : m === "attribute" ? r = f : m === "readOnly" && (n = f);
+      const f = d.name.escapedText;
+      f === "type" ? s = m : f === "attribute" ? r = m : f === "readOnly" && (n = m);
     }
   });
-  const a = i.attribute === void 0 && r === -1, c = i.readonly === !0 && i.docsOnlyReadonly !== !0 && n === -1, p = Lo(e, i, s), l = [
+  const a = i.attribute === void 0 && r === -1, c = i.readonly === !0 && i.docsOnlyReadonly !== !0 && n === -1, p = Fo(e, i, s), l = [
     ...a ? [o.factory.createPropertyAssignment("attribute", o.factory.createFalse())] : [],
     ...c ? [o.factory.createPropertyAssignment("readOnly", o.factory.createTrue())] : [],
     ...p !== void 0 ? [p] : []
   ];
   return l.length > 0 ? e.options === void 0 ? o.factory.createObjectLiteralExpression(l, !1) : o.factory.updateObjectLiteralExpression(e.options, [...e.options.properties, ...l]) : e.options;
 }
-function Lo(e, t, i) {
+function Fo(e, t, i) {
   if (t.attribute === void 0)
     return;
-  const s = jo(t.type.values);
+  const s = Do(t.type.values);
   return s === "Other" || t.readonly === !0 && (s !== "Boolean" || t.reflects === void 0) || e.options?.properties[i] !== void 0 ? void 0 : o.factory.createPropertyAssignment(
     o.factory.createIdentifier("type"),
     o.factory.createIdentifier(s)
   );
 }
-function jo(e) {
+function Do(e) {
   let t = !1, i = !1, s = !1;
   if (e?.forEach((r) => {
     t ||= r.type === "number", i ||= r.type === "boolean", s ||= r.type === "string" || r.type === "any" || r.type === "unknown";
@@ -4569,7 +4595,7 @@ function jo(e) {
   }
   return "Other";
 }
-function Fo(e, t, i, s, r, n) {
+function Ro(e, t, i, s, r, n) {
   if (i.modifiers === void 0)
     return i;
   let a = -1, c = -1;
@@ -4579,23 +4605,23 @@ function Fo(e, t, i, s, r, n) {
       d === "property" && (a = l), d === "state" && (c = l);
     }
   }), a !== -1) {
-    const p = Ro(e, t, i, s, r), l = Ut(i, a, r), d = No(l, r, p);
-    return n.set(p.name, d ?? o.factory.createObjectLiteralExpression()), l.options = d, Wt(i, a);
+    const p = Oo(e, t, i, s, r), l = Wt(i, a, r), d = jo(l, r, p);
+    return n.set(p.name, d ?? o.factory.createObjectLiteralExpression()), l.options = d, zt(i, a);
   } else if (c !== -1) {
-    const p = Ut(i, c, r), l = o.factory.createPropertyAssignment("state", o.factory.createTrue()), d = p.options === void 0 ? o.factory.createObjectLiteralExpression([l]) : o.factory.updateObjectLiteralExpression(p.options, [...p.options.properties, l]), f = ti(i.name);
-    if (f === void 0)
+    const p = Wt(i, c, r), l = o.factory.createPropertyAssignment("state", o.factory.createTrue()), d = p.options === void 0 ? o.factory.createObjectLiteralExpression([l]) : o.factory.updateObjectLiteralExpression(p.options, [...p.options.properties, l]), m = ii(i.name);
+    if (m === void 0)
       throw new Error("Failed to statically determine the state property name");
-    return n.set(f, d), Wt(i, c);
+    return n.set(m, d), zt(i, c);
   } else
     return i;
 }
-function Ro(e, t, i, s, r) {
+function Oo(e, t, i, s, r) {
   const n = t ?? (e.compiler.isInTest ? {
     members: []
   } : void 0);
   if (n === void 0)
     throw Error(`Failed to find API component for ${s} in ${r.fileName}`);
-  const a = ti(i.name);
+  const a = ii(i.name);
   let c;
   for (let p = 0; p < n.members.length; ++p) {
     const l = n.members[p];
@@ -4610,11 +4636,11 @@ function Ro(e, t, i, s, r) {
       throw Error(
         `Failed to statically determine the property name: ${i.getText(r)} in ${s} in ${r.fileName}`
       );
-    c.name = a, c.attribute ??= Qt(a);
+    c.name = a, c.attribute ??= Zt(a);
   }
   return c;
 }
-function Ut(e, t, i) {
+function Wt(e, t, i) {
   const s = e.modifiers[t], r = s.expression, n = r.arguments.at(0);
   if (n && !o.isObjectLiteralExpression(n))
     throw new Error(
@@ -4622,7 +4648,7 @@ function Ut(e, t, i) {
     );
   return { decorator: s, callExpression: r, options: n };
 }
-function Wt(e, t) {
+function zt(e, t) {
   const i = [
     ...e.modifiers.slice(0, t),
     ...e.modifiers.slice(t + 1)
@@ -4649,7 +4675,7 @@ function Wt(e, t) {
     e.initializer
   );
 }
-function Do(e, t, i, s) {
+function Mo(e, t, i, s) {
   let r;
   if (e.apiJsonEnabled)
     for (let p = 0; p < e.privateApiJson.modules.length; ++p) {
@@ -4672,9 +4698,9 @@ function Do(e, t, i, s) {
   } finally {
     c = i.statements, i.statements = a;
   }
-  return Oo(i, c);
+  return Jo(i, c);
 }
-const Oo = (e, t) => o.factory.updateSourceFile(
+const Jo = (e, t) => o.factory.updateSourceFile(
   e,
   t,
   /*
@@ -4689,10 +4715,10 @@ const Oo = (e, t) => o.factory.updateSourceFile(
   e.hasNoDefaultLib,
   e.libReferenceDirectives
 );
-function Mo(e, t) {
+function Bo(e, t) {
   t.compiler.viteCommand === "build" && ("emitNode" in e && (e.emitNode ??= {}), o.setEmitFlags(e, o.EmitFlags.NoComments));
 }
-const Jo = (e, t) => {
+const Ko = (e, t) => {
   let i;
   if (t.apiModule !== void 0)
     for (let p = 0; p < t.apiModule.declarations.length; ++p) {
@@ -4708,16 +4734,16 @@ const Jo = (e, t) => {
   function r() {
     s = /* @__PURE__ */ new Map();
   }
-  const n = (p) => xo(p, s, t.compiler.shouldMinify);
+  const n = (p) => No(p, s, t.compiler.shouldMinify);
   function a(p, l) {
-    const d = Ko(t, i, p, l, e, s);
-    return Mo(d, t), d;
+    const d = Uo(t, i, p, l, e, s);
+    return Bo(d, t), d;
   }
   return e.statements.map(
-    (p) => ss(a, p, t, r, n)
+    (p) => ns(a, p, t, r, n)
   );
 };
-function ss(e, t, i, s, r = ii) {
+function ns(e, t, i, s, r = si) {
   if (o.isClassDeclaration(t) && // Ignore classes that don't extend anything - those are definitely not components
   t.heritageClauses?.some((n) => n.token === o.SyntaxKind.ExtendsKeyword)) {
     let n = !1;
@@ -4740,15 +4766,15 @@ function ss(e, t, i, s, r = ii) {
   } else
     return i.compiler.isInTest ? o.visitEachChild(
       t,
-      (a) => ss(e, a, i, s, r),
+      (a) => ns(e, a, i, s, r),
       i.transformation
     ) : t;
 }
-const Bo = /* @__PURE__ */ new Set(["connectedCallback", "disconnectedCallback"]);
-function Ko(e, t, i, s, r, n) {
+const _o = /* @__PURE__ */ new Set(["connectedCallback", "disconnectedCallback"]);
+function Uo(e, t, i, s, r, n) {
   if (o.isMethodDeclaration(i)) {
     const a = i.modifiers?.filter(
-      (c) => !o.isDecorator(c) || !_o(c)
+      (c) => !o.isDecorator(c) || !Wo(c)
     );
     if (a?.length !== i.modifiers?.length)
       return o.factory.updateMethodDeclaration(
@@ -4762,7 +4788,7 @@ function Ko(e, t, i, s, r, n) {
         i.type,
         i.body
       );
-    if ("text" in i.name && Bo.has(i.name.text) && i.body) {
+    if ("text" in i.name && _o.has(i.name.text) && i.body) {
       const c = i.name.text;
       return i.body.statements.some(
         (l) => o.isExpressionStatement(l) && o.isCallExpression(l.expression) && o.isPropertyAccessExpression(l.expression.expression) && l.expression.expression.expression.kind === o.SyntaxKind.SuperKeyword && l.expression.expression.name.text === c
@@ -4788,14 +4814,14 @@ function Ko(e, t, i, s, r, n) {
       );
     }
   }
-  return o.isPropertyDeclaration(i) || o.isAccessor(i) ? Fo(e, t, i, s, r, n) : i;
-}
-const _o = (e) => o.isCallExpression(e.expression) && o.isIdentifier(e.expression.expression) && e.expression.expression.text === "method", Uo = [
-  $o,
-  ko,
-  Jo
-], Wo = "@arcgis/lumina:transformComponents", Ho = (e) => ({
-  name: Wo,
+  return o.isPropertyDeclaration(i) || o.isAccessor(i) ? Ro(e, t, i, s, r, n) : i;
+}
+const Wo = (e) => o.isCallExpression(e.expression) && o.isIdentifier(e.expression.expression) && e.expression.expression.text === "method", zo = [
+  Io,
+  Ao,
+  Ko
+], Ho = "@arcgis/lumina:transformComponents", qo = (e) => ({
+  name: Ho,
   transform: {
     // Transform JSX to lit-html first so that vite:esbuild doesn't transform JSX to h().
     // Also, we need to run on the original fs file, before other transforms so
@@ -4812,11 +4838,11 @@ const _o = (e) => o.isCallExpression(e.expression) && o.isIdentifier(e.expressio
         e.apiJsonDeferred === void 0 ? [ie] : [ie, e.apiJsonDeferred.promise]
       );
       const s = e.getSourceFile(i, t), n = o.transform(s, [
-        (f) => () => Do(e, f, s, [
+        (m) => () => Mo(e, m, s, [
           ...e.options.types?.sourceFileTransformers ?? [],
-          ...Uo
+          ...zo
         ])
-      ]).transformed[0], a = e._typeScriptPrinter, c = e.viteConfig.build.sourcemap === !1 ? void 0 : yt.createSourceMapGenerator(qo, u.basename(i), "", u.dirname(i), {}), p = yt.createTextWriter(`
+      ]).transformed[0], a = e._typeScriptPrinter, c = e.viteConfig.build.sourcemap === !1 ? void 0 : yt.createSourceMapGenerator(Vo, u.basename(i), "", u.dirname(i), {}), p = yt.createTextWriter(`
 `);
       a.writeFile(n, p, c);
       const l = p.getText(), d = c?.toJSON();
@@ -4826,10 +4852,10 @@ const _o = (e) => o.isCallExpression(e.expression) && o.isIdentifier(e.expressio
       };
     }
   }
-}), qo = {
+}), Vo = {
   getCurrentDirectory: o.sys.getCurrentDirectory,
-  getCanonicalFileName: o.sys.useCaseSensitiveFileNames ? ii : (e) => e.toLowerCase()
-}, zo = (e) => ({
+  getCanonicalFileName: o.sys.useCaseSensitiveFileNames ? si : (e) => e.toLowerCase()
+}, Go = (e) => ({
   name: "@arcgis/lumina:handleDynamicAssets",
   configureServer(t) {
     e.server = t, Ht(e).forEach(({ assets: i, transformers: s }) => ce(e, i, s));
@@ -4837,7 +4863,7 @@ const _o = (e) => o.isCallExpression(e.expression) && o.isIdentifier(e.expressio
   async writeBundle() {
     await Promise.all(
       Ht(e).map(
-        async ({ assets: t, transformers: i }) => await Ni(e, t, i)
+        async ({ assets: t, transformers: i }) => await ji(e, t, i)
       )
     );
   }
@@ -4848,20 +4874,20 @@ function Ht(e) {
     "type" in s ? t.push(s) : "assets" in s && t.push(...s.assets);
   }), t.length > 0 && i.push({ assets: t }), e.isInBuildWatch || (e.assetsToProvide = void 0), i;
 }
-const et = "@arcgis/lumina:updatePackageJson", Vo = (e) => ({
+const et = "@arcgis/lumina:updatePackageJson", Xo = (e) => ({
   name: et,
   apply: () => e.viteCommand === "serve" && e.environment === "development" && !e.isInTest && !e.isInCi,
   configResolved() {
-    Go(e).catch(
+    Yo(e).catch(
       (t) => E.error(et, `Failed to update package's package.json:${String(t)}`)
     );
   }
 });
-async function Go(e) {
-  const t = u.join(e.dir.root, "package.json"), i = JSON.parse(await q(t, "utf-8")), s = Xo(i, e);
-  s && Zt(t, JSON.stringify(s, null, 2));
+async function Yo(e) {
+  const t = u.join(e.dir.root, "package.json"), i = JSON.parse(await H(t, "utf-8")), s = Qo(i, e);
+  s && ei(t, JSON.stringify(s, null, 2));
 }
-function Xo(e, t) {
+function Qo(e, t) {
   const i = e?.devDependencies ?? {};
   Object.keys(e?.peerDependencies ?? {}).forEach((l) => {
     l in i || E.warn(
@@ -4887,7 +4913,7 @@ function Xo(e, t) {
     const l = r(n.webTypes);
     e["web-types"] !== l && (s = !0, e["web-types"] = l);
   }
-  const a = `./${Y}.css`, c = t.options.build?.cdn?.namespace !== void 0, p = fe(
+  const a = `./${Q}.css`, c = t.options.build?.cdn?.namespace !== void 0, p = fe(
     t.dir.root,
     u.join(t.dir.distCdn, a)
   );
@@ -4900,20 +4926,20 @@ function Xo(e, t) {
   if (s)
     return e;
 }
-const Yo = (e) => ({
+const Zo = (e) => ({
   timestamp: e.apiJson.timestamp,
   compiler: e.apiJson.compiler,
-  components: Qo(e),
+  components: ea(e),
   typeLibrary: {}
 });
-function Qo(e) {
+function ea(e) {
   const t = [];
   for (const i of e.apiJson.modules)
     for (const s of i.declarations)
-      s.customElement === !0 && t.push(Zo(s, i.sourcePath));
+      s.customElement === !0 && t.push(ta(s, i.sourcePath));
   return t;
 }
-function Zo(e, t) {
+function ta(e, t) {
   const i = e.superclass ? [{ name: "superclass", text: JSON.stringify(e.superclass) }] : [];
   return {
     filePath: t,
@@ -4928,9 +4954,9 @@ function Zo(e, t) {
     dependencies: [],
     dependencyGraph: {},
     deprecation: typeof e.deprecated == "boolean" ? e.deprecated ? "" : void 0 : e.deprecated,
-    props: e.members.map(ea).filter(F),
-    methods: e.members.map(ta).filter(F),
-    events: e.events?.map(ia) ?? [],
+    props: e.members.map(ia).filter(F),
+    methods: e.members.map(sa).filter(F),
+    events: e.events?.map(ra) ?? [],
     styles: e.cssProperties?.map((s) => ({
       name: s.name,
       annotation: "prop",
@@ -4942,7 +4968,7 @@ function Zo(e, t) {
     listeners: []
   };
 }
-function ea(e) {
+function ia(e) {
   if (e.kind !== "field")
     return;
   const t = e, i = t.inheritedFrom ? [{ name: "inheritedFrom", text: JSON.stringify(t.inheritedFrom) }] : [], s = t.readonly ? [{ name: "readonly", text: "" }] : [], r = t.docsTags?.some((n) => n.name === "required") ?? !1;
@@ -4952,7 +4978,7 @@ function ea(e) {
     complexType: t.type === void 0 ? void 0 : {
       original: t.type.text,
       resolved: t.type.text,
-      references: ut(t.type.references)
+      references: mt(t.type.references)
     },
     mutable: !0,
     attr: "attribute" in t && typeof t.attribute == "string" ? t.attribute : void 0,
@@ -4971,19 +4997,19 @@ function ea(e) {
     required: r
   };
 }
-const ut = (e) => Object.fromEntries(
+const mt = (e) => Object.fromEntries(
   e?.map(
     (t) => [
       t.name,
       {
-        location: t.package === bs ? "global" : t.package === void 0 ? "local" : "import",
+        location: t.package === Ss ? "global" : t.package === void 0 ? "local" : "import",
         path: typeof t.module == "string" && typeof t.package == "string" ? u.join(t.package, t.module) : t.module ?? t.package,
         id: "notImplemented"
       }
     ]
   ) ?? []
 );
-function ta(e) {
+function sa(e) {
   if (e.kind !== "method")
     return;
   const t = e, i = e.inheritedFrom ? [{ name: "inheritedFrom", text: JSON.stringify(e.inheritedFrom) }] : [], s = t.parameters?.map(({ name: r, type: n, description: a }) => ({
@@ -5002,7 +5028,7 @@ function ta(e) {
       signature: t.signature ?? "()=>unknown",
       parameters: s,
       return: t.return?.type?.text ?? "void",
-      references: ut([
+      references: mt([
         ...t.return?.type?.references ?? [],
         ...t.parameters?.flatMap((r) => r.type.references ?? []) ?? []
       ])
@@ -5014,7 +5040,7 @@ function ta(e) {
     deprecation: typeof t.deprecated == "boolean" ? t.deprecated ? "" : void 0 : t.deprecated
   };
 }
-function ia(e) {
+function ra(e) {
   const t = e.inheritedFrom ? [{ name: "inheritedFrom", text: JSON.stringify(e.inheritedFrom) }] : [];
   return {
     event: e.name,
@@ -5023,7 +5049,7 @@ function ia(e) {
     complexType: {
       original: e.type.text,
       resolved: e.type.text,
-      references: ut(e.type.references)
+      references: mt(e.type.references)
     },
     cancelable: e.cancelable ?? !0,
     composed: e.composed ?? !0,
@@ -5032,18 +5058,18 @@ function ia(e) {
     deprecation: typeof e.deprecated == "boolean" ? e.deprecated ? "" : void 0 : e.deprecated
   };
 }
-const rs = (e) => e.flatMap(
+const os = (e) => e.flatMap(
   (t) => t.cssProperties?.map((i) => ({
     name: i.name,
     description: i.description || void 0
   })) ?? []
-), ns = (e) => e.flatMap(
+), as = (e) => e.flatMap(
   (t) => t.cssParts?.map((i) => ({
     name: `::part(${i.name})`,
     description: i.description || void 0
   })) ?? []
 );
-function sa(e) {
+function na(e) {
   if (e.attributes === void 0)
     return [];
   const t = [];
@@ -5054,7 +5080,7 @@ function sa(e) {
       description: je(s.description, s.deprecated) || void 0,
       default: s.default,
       value: {
-        type: ra(
+        type: oa(
           s.type.values?.map(
             (r) => r.type === "string" && r.value !== void 0 ? `"${r.value}"` : r.value ?? r.type
           )
@@ -5064,15 +5090,15 @@ function sa(e) {
   }
   return t;
 }
-const ra = (e) => e?.length === 1 ? e[0] : e, je = (e = "", t = !1) => t === !1 ? e : `**Deprecated**${typeof t == "string" ? `: ${t}` : ""}. ${e}`, ge = {
+const oa = (e) => e?.length === 1 ? e[0] : e, je = (e = "", t = !1) => t === !1 ? e : `**Deprecated**${typeof t == "string" ? `: ${t}` : ""}. ${e}`, ge = {
   slots: "Slots",
   events: "Events",
   cssProperties: "CSS Properties",
   cssParts: "CSS Parts",
   methods: "Methods"
 };
-function os(e) {
-  const t = na(e.slots), i = oa(e.events), s = aa(e.cssProperties), r = la(e.cssParts), n = ca(e.members), a = je(e.description, e.deprecated).trim();
+function ls(e) {
+  const t = aa(e.slots), i = la(e.events), s = ca(e.cssProperties), r = da(e.cssParts), n = pa(e.members), a = je(e.description, e.deprecated).trim();
   return [...a ? [`${a}
 --`] : [], i, n, t, s, r].filter(Boolean).join(`
 
@@ -5080,28 +5106,28 @@ function os(e) {
 }
 const he = (e, t) => t === void 0 || t.length === 0 ? "" : `### ${e}
 ${t.join(`
-`)}`, na = (e) => he(
+`)}`, aa = (e) => he(
   ge.slots,
   e?.map((t) => `- ${t.name ? `**${t.name}**` : "_default_"} - ${t.description}`)
-), oa = (e) => he(
+), la = (e) => he(
   ge.events,
   e?.filter((t) => t.name !== null && t.name !== void 0).map((t) => `- **${t.name}**${t.description ? ` - ${t.description}` : ""}`)
-), aa = (e = []) => he(
+), ca = (e = []) => he(
   ge.cssProperties,
   e?.map(
     (t) => `- **${t.name}** - ${t.description} ${t.default ? `_(default: ${t.default})_}` : ""}`
   )
-), la = (e) => he(
+), da = (e) => he(
   ge.cssParts,
   e?.map((t) => `- **${t.name}** - ${t.description}`)
-), ca = (e) => he(
+), pa = (e) => he(
   ge.methods,
-  e.filter(ws).map(
+  e.filter(Es).map(
     (t) => [`- \`${t.name}${t.signature}\``, je(t.description, t.deprecated)].filter(Boolean).join(" - ")
   )
 );
-function da(e, t) {
-  const i = pa(e), s = rs(e), r = ns(e), n = D();
+function ma(e, t) {
+  const i = ua(e), s = os(e), r = as(e), n = O();
   return {
     $schema: "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
     name: n.name,
@@ -5119,11 +5145,11 @@ function da(e, t) {
     }
   };
 }
-const pa = (e) => e.map((t) => ({
+const ua = (e) => e.map((t) => ({
   name: t.tagName,
-  description: os(t),
+  description: ls(t),
   "doc-url": t.demos?.[0]?.url,
-  attributes: sa(t),
+  attributes: na(t),
   slots: t.slots?.map((i) => ({
     name: i.name,
     description: i.description
@@ -5131,10 +5157,10 @@ const pa = (e) => e.map((t) => ({
   // REFACTOR: this was deprecated in the spec: https://github.com/JetBrains/web-types/blob/11e46e47cb65edc1930dc1fae854005ad45ac08f/schema/web-types.json#L866
   events: qt(t),
   js: {
-    properties: ua(t),
+    properties: fa(t),
     events: qt(t)
   }
-})), ua = (e) => e.members.filter(Ss).map((t) => ({
+})), fa = (e) => e.members.filter(Cs).map((t) => ({
   name: t.name,
   description: t.description,
   type: t.type?.text
@@ -5142,90 +5168,90 @@ const pa = (e) => e.map((t) => ({
   name: t.name,
   type: t.type?.text,
   description: t.description
-})) ?? [], ma = (e) => e.map((t) => ({
+})) ?? [], ga = (e) => e.map((t) => ({
   name: t.tagName,
-  description: os(t),
-  attributes: fa(t),
+  description: ls(t),
+  attributes: ha(t),
   references: t.demos?.map((i) => ({ name: i.description, url: i.url })) ?? []
-})), fa = (e) => e.attributes?.map((t) => ({
+})), ha = (e) => e.attributes?.map((t) => ({
   name: t.name,
   description: je(t.description, t.deprecated) || void 0,
-  values: ga(t)
-})) ?? [], ga = (e) => e.type.values?.map((t) => t.value ?? "").filter(Boolean).map((t) => ({ name: t })) ?? [], ha = (e) => ({
+  values: ya(t)
+})) ?? [], ya = (e) => e.type.values?.map((t) => t.value ?? "").filter(Boolean).map((t) => ({ name: t })) ?? [], va = (e) => ({
   $schema: "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
   version: 1.1,
-  tags: ma(e)
-}), ya = (e) => ({
+  tags: ga(e)
+}), ba = (e) => ({
   $schema: "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
   version: 1.1,
-  properties: rs(e),
-  pseudoElements: ns(e)
-}), va = "@arcgis/lumina:generateDocs";
-function ba(e) {
+  properties: os(e),
+  pseudoElements: as(e)
+}), wa = "@arcgis/lumina:generateDocs";
+function Sa(e) {
   return e._documentationFileNames.stencilLikeDocsJson !== void 0 && e.provideAssets([
     {
       type: "dynamic",
-      source: () => JSON.stringify(Yo(e), null, Ze(e)),
+      source: () => JSON.stringify(Zo(e), null, Ze(e)),
       destination: u.join("../..", e._documentationFileNames.stencilLikeDocsJson)
     }
   ]), {
-    name: va,
+    name: wa,
     async writeBundle() {
       if (e.isInStorybook)
         return;
       const t = Ze(e), { jetBrains: i } = e.options.documentation ?? {}, s = e._documentationFileNames, r = s.vsCodeHtml === void 0 ? void 0 : u.join(e.dir.dist, s.vsCodeHtml), n = s.vsCodeCss === void 0 ? void 0 : u.join(e.dir.dist, s.vsCodeCss), a = s.webTypes === void 0 ? void 0 : u.join(e.dir.dist, s.webTypes), c = [r, n, a].filter(F);
       if (c.length === 0)
         return;
-      await Di(c);
+      await Mi(c);
       const p = [];
       if (r !== void 0) {
-        const l = JSON.stringify(ha(e.apiJsonComponents), null, t);
+        const l = JSON.stringify(va(e.apiJsonComponents), null, t);
         p.push(U(r, l));
       }
       if (n !== void 0) {
-        const l = JSON.stringify(ya(e.apiJsonComponents), null, t);
+        const l = JSON.stringify(ba(e.apiJsonComponents), null, t);
         p.push(U(n, l));
       }
       if (a !== void 0) {
-        const l = da(e.apiJsonComponents, typeof i == "object" ? i : {});
+        const l = ma(e.apiJsonComponents, typeof i == "object" ? i : {});
         p.push(U(a, JSON.stringify(l, null, t)));
       }
       await Promise.all(p);
     }
   };
 }
-function wa(e) {
+function Ea(e) {
   return {
     name: "@arcgis/lumina:buildWrappers",
     apply: () => e.viteCommand === "build" && !!e.options.build?.wrappers?.length,
     async writeBundle() {
       e.isInStorybook || await Promise.all(
         e.options.build?.wrappers?.map(async (t) => {
-          t.type === "react18" && await Ca(e, t);
+          t.type === "react18" && await $a(e, t);
         }) ?? []
       );
     }
   };
 }
-const Sa = "react", zt = "@lit/react", Ea = `
-import React from "${Sa}";
-import { createComponent } from "${zt}";
-import type { EventName } from "${zt}";
+const Ca = "react", Vt = "@lit/react", Ta = `
+import React from "${Ca}";
+import { createComponent } from "${Vt}";
+import type { EventName } from "${Vt}";
 import { makeReactWrapperFactory, getReactWrapperOptions } from "@arcgis/lumina";
 
 const createWrapper = /*@__PURE__*/ makeReactWrapperFactory(React, createComponent) as typeof createComponent;
 `;
-async function Ca(e, t) {
-  const { name: i } = D(), s = [];
+async function $a(e, t) {
+  const { name: i } = O(), s = [];
   for (const a of e.apiJson.modules)
     for (const c of a.declarations)
-      c.customElement === !0 && s.push(Ta(c));
-  const r = [`/// <reference types="${i}" preserve="true" />`, Ea, ...s].join(""), n = u.resolve(t.proxiesFile);
-  await Z(u.dirname(n), { recursive: !0 }), await U(n, r);
+      c.customElement === !0 && s.push(Pa(c));
+  const r = [`/// <reference types="${i}" preserve="true" />`, Ta, ...s].join(""), n = u.resolve(t.proxiesFile);
+  await G(u.dirname(n), { recursive: !0 }), await U(n, r);
 }
-function Ta(e) {
+function Pa(e) {
   const t = e.events?.map(
-    (i) => `      ${js(`on${cs(i.name)}`)}: "${i.name}" as EventName<HTML${e.pascalCaseName}Element["${i.name}"]>,`
+    (i) => `      ${Ds(`on${ps(i.name)}`)}: "${i.name}" as EventName<HTML${e.pascalCaseName}Element["${i.name}"]>,`
   ).join(`
 `);
   return `
@@ -5240,41 +5266,41 @@ ${t}
 );
 `;
 }
-function Va(e = {}) {
+function Xa(e = {}) {
   const t = new $(e), s = [
     t._plugin,
-    Pn(t),
-    In(t),
-    Vo(t),
-    fn(t),
-    ba(t),
-    Ho(t),
-    Un(t),
-    tr(t),
-    bn(t),
-    zo(t),
-    Hn(t),
-    jn(t),
-    Rs(t),
-    _r(t),
-    wa(t),
-    wn(t)
+    kn(t),
+    xn(t),
+    Xo(t),
+    hn(t),
+    Sa(t),
+    qo(t),
+    zn(t),
+    sr(t),
+    Sn(t),
+    Go(t),
+    qn(t),
+    Dn(t),
+    Os(t),
+    Wr(t),
+    Ea(t),
+    En(t)
   ].filter(F);
   return s.context = t, s;
 }
-const Ga = {
-  initializeComponentDependencies: vi,
-  updateLuminaTs: Ji,
+const Ya = {
+  initializeComponentDependencies: bi,
+  updateLuminaTs: Ki,
   propertyToAttributeMappings: W,
-  nativeEvents: oi,
+  nativeEvents: ai,
   svgElements: it,
   mathMlElements: st,
-  alwaysAttributes: si,
-  nativeAlwaysAttributes: ri,
-  htmlAlwaysAttributes: ze
+  alwaysAttributes: ri,
+  nativeAlwaysAttributes: ni,
+  htmlAlwaysAttributes: qe
 };
 export {
-  Ga as exportsForCodemod,
+  Ya as exportsForCodemod,
   Ne as inferCdnUrl,
-  Va as useLumina
+  Xa as useLumina
 };