@arcgis/lumina 5.2.0-next.12 → 5.2.0-next.121

package/LICENSE.md

@@ -1,12 +1,14 @@
 # Licensing
 
-COPYRIGHT © Esri
+COPYRIGHT Esri
 
 All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.
 
-This material is licensed for use under the [Esri Master License Agreement (MLA)](https://www.esri.com/content/dam/esrisites/en-us/media/legal/ma-full/ma-full.pdf), and is bound by the terms of that agreement.
+This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement.
 You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.
 
+See use restrictions at https://www.esri.com/content/dam/esrisites/en-us/media/legal/ma-full/ma-full.pdf.
+
 For additional information, contact:
 Environmental Systems Research Institute, Inc.
 Attn: Contracts and Legal Services Department

package/README.md

@@ -8,5 +8,5 @@ It is not intended to be used directly, but rather used as a dependency by other
 
 ## License
 
-This package is licensed under the terms described in the `LICENSE.md` file, located in the root of the package, and at https://js.arcgis.com/5.1/LICENSE.txt.
-For third party notices, see https://js.arcgis.com/5.1/third-party-notices.txt.
+This package is licensed under the terms described in the `LICENSE.md` file, located in the root of the package, and at https://js.arcgis.com/5.2/LICENSE.txt.
+For third party notices, see https://js.arcgis.com/5.2/third-party-notices.txt.

package/dist/{ControllerInternals-CeDntN3G.js → ControllerInternals-DBoubTn4.js}

@@ -74,7 +74,7 @@ const use = async (value, watchExports) => {
       throw new Error(`The controller must implement watchExports method to support watching exports`);
     }
     const unsubscribe = controller.watchExports(
-      (exports$1) => watchExports(exports$1, unsubscribe)
+      (exports) => watchExports(exports, unsubscribe)
     );
   }
   return controller.exports;
@@ -114,18 +114,18 @@ const bypassReadOnly = (callback) => {
   }
 };
 export {
-  setAmbientComponent as a,
-  setParentController as b,
-  controllerSymbol as c,
-  retrieveParentControllers as d,
-  bypassReadOnly as e,
-  isController as f,
+  setParentController as a,
+  retrieveParentControllers as b,
+  bypassReadOnly as c,
+  controllerSymbol as d,
+  isController as e,
+  setAmbientChildController as f,
   getControllersCount as g,
-  setAmbientChildController as h,
+  shouldBypassReadOnly as h,
   isPromise as i,
   useRef as j,
   useRefSync as k,
   retrieveComponent as r,
-  shouldBypassReadOnly as s,
+  setAmbientComponent as s,
   use as u
 };

package/dist/{ControllerManager-4cSEnB5Y.js → ControllerManager-CXEWZVTX.js}

@@ -1,8 +1,8 @@
 import { safeCall, isEsriInternalEnv } from "@arcgis/toolkit/error";
-import { G as GenericController, p as propertyTrackResolve } from "./GenericController-C8NSb50b.js";
+import { G as GenericController, p as propertyTrackResolve } from "./GenericController-Ko6PTuJs.js";
 import { nothing, LitElement as LitElement$1 } from "lit";
 import { devToolsAwareTimeout } from "@arcgis/toolkit/promise";
-import { a as setAmbientComponent } from "./ControllerInternals-CeDntN3G.js";
+import { a as setParentController, s as setAmbientComponent } from "./ControllerInternals-DBoubTn4.js";
 class ControllerManager extends GenericController {
   /**
    * @public
@@ -79,6 +79,7 @@ class ControllerManager extends GenericController {
       }
     });
     queueMicrotask(() => this.R = true);
+    setParentController(void 0);
     setAmbientComponent(component);
   }
   #autoDestroyTimeout;
@@ -88,7 +89,7 @@ class ControllerManager extends GenericController {
    * @privateRemarks
    * Keeping this method async needlessly for now to avoid a breaking change if
    * we would need to make it async in the future.
-   * Related: https://devtopia.esri.com/WebGIS/arcgis-web-components/pull/15301#issuecomment-6321306
+   * Related: https://devtopia.esri.com/WebGIS/webgis-sdk/pull/15301#issuecomment-6321306
    */
   // eslint-disable-next-line @typescript-eslint/require-await
   async destroy() {
@@ -137,14 +138,14 @@ class ControllerManager extends GenericController {
    * Associate an exports object with a controller for reverse lookup in
    * controller.use
    */
-  W(controller, exports$1) {
-    if (typeof exports$1 === "object" && exports$1 !== null || typeof exports$1 === "function") {
-      this.#exportsStore.set(exports$1, controller);
+  W(controller, exports) {
+    if (typeof exports === "object" && exports !== null || typeof exports === "function") {
+      this.#exportsStore.set(exports, controller);
     }
   }
-  X(exports$1) {
-    if (typeof exports$1 === "object" && exports$1 !== null || typeof exports$1 === "function") {
-      return this.#exportsStore.get(exports$1);
+  X(exports) {
+    if (typeof exports === "object" && exports !== null || typeof exports === "function") {
+      return this.#exportsStore.get(exports);
     } else {
       return void 0;
     }
@@ -183,7 +184,7 @@ function setAutoDestroyOnDisconnectTimeout(timeout) {
 }
 export {
   ControllerManager as C,
-  autoDestroyDisabledPropName as a,
-  autoDestroyOnDisconnectTimeout as b,
+  autoDestroyOnDisconnectTimeout as a,
+  autoDestroyDisabledPropName as b,
   setAutoDestroyOnDisconnectTimeout as s
 };

package/dist/{GenericController-C8NSb50b.js → GenericController-Ko6PTuJs.js}

@@ -1,5 +1,5 @@
 import { safeCall, isEsriInternalEnv, safeAsyncCall } from "@arcgis/toolkit/error";
-import { r as retrieveComponent, d as retrieveParentControllers, b as setParentController, a as setAmbientComponent, u as use, j as useRef, k as useRefSync, c as controllerSymbol } from "./ControllerInternals-CeDntN3G.js";
+import { r as retrieveComponent, b as retrieveParentControllers, a as setParentController, s as setAmbientComponent, u as use, j as useRef, k as useRefSync, d as controllerSymbol } from "./ControllerInternals-DBoubTn4.js";
 import { nothing } from "lit";
 import { Deferred } from "@arcgis/toolkit/promise";
 import { rethrowError } from "@arcgis/toolkit/log";
@@ -217,19 +217,19 @@ class Controller {
   get exports() {
     return this.#exports;
   }
-  set exports(exports$1) {
+  set exports(exports) {
     const oldExports = this.#exports;
-    if (oldExports !== exports$1) {
-      this.#exports = exports$1;
+    if (oldExports !== exports) {
+      this.#exports = exports;
       this.#exportWatchers.forEach(safeCall);
       if (this.connectedCalled && this.O !== false) {
         this.#component.requestUpdate(this.O, oldExports);
       }
     }
-    this.P.resolve(exports$1);
+    this.P.resolve(exports);
   }
-  setProvisionalExports(exports$1, proxy = true) {
-    this.#exports = proxy ? makeProvisionalValue(exports$1) : exports$1;
+  setProvisionalExports(exports, proxy = true) {
+    this.#exports = proxy ? makeProvisionalValue(exports) : exports;
     this.#exportWatchers.forEach(safeCall);
   }
   #exportWatchers;
@@ -489,10 +489,10 @@ const GenericController = Controller;
 export {
   Controller as C,
   GenericController as G,
-  createEventFactory as a,
-  trackPropKey as b,
-  createEvent as c,
+  trackKey as a,
+  createEvent as b,
+  createEventFactory as c,
   trackPropertyKey as d,
   propertyTrackResolve as p,
-  trackKey as t
+  trackPropKey as t
 };

package/dist/LitElement.d.ts

@@ -29,6 +29,9 @@ export class LitElement extends OriginalLitElement {
   static readonly lumina: true;
   /** @internal */
   constructor();
+  readonly "@cssParts": Record<never, HTMLElement | undefined>;
+  readonly "@cssStates": Record<never, boolean>;
+  readonly "@slots": Record<never, Node | Node[] | undefined>;
   /**
    * In lazy build, the actual DOM element differs from the class instance:
    * - "this.el" is a proxy custom element - it's physically present in the DOM

package/dist/context.js

@@ -1,5 +1,5 @@
 import { ContextConsumer, ContextProvider } from "@lit/context";
-import { r as retrieveComponent } from "./ControllerInternals-CeDntN3G.js";
+import { r as retrieveComponent } from "./ControllerInternals-DBoubTn4.js";
 const useContextProvider = (options) => {
   const component = retrieveComponent();
   const controller = new ContextProvider(component.el, options);

package/dist/controllers/accessor/index.d.ts

@@ -1,6 +1,36 @@
-export { reEmitEvent } from "./reEmitEvent.js";
-export { makeAccessorController, AccessorController, reCreateAccessor, makeBinderProxy, getAccessorControllerBoundProperties } from "./useAccessor.js";
-export { type AccessorControllerRequires } from "./useAccessor.js";
-export { createStore, createLegacyStore } from "./store.js";
-export { type ObservableMap } from "./store.js";
+import type { reEmitEvent as reEmitEventAliased } from "./reEmitEvent.js";
+import type { createLegacyStore as createLegacyStoreAliased, createStore as createStoreAliased, ObservableMap as ObservableMapAliased } from "./store.js";
+import type { AccessorController as AccessorControllerAliased, getAccessorControllerBoundProperties as getAccessorControllerBoundPropertiesAliased, makeAccessorController as makeAccessorControllerAliased, makeBinderProxy as makeBinderProxyAliased, reCreateAccessor as reCreateAccessorAliased, AccessorControllerRequires as AccessorControllerRequiresAliased } from "./useAccessor.js";
 
+/** @deprecated import from "@arcgis/lumina-toolkit/reEmitEvent" instead. Refactor using `@arcgis/codemod`. */
+export const reEmitEvent: typeof reEmitEventAliased;
+
+/** @deprecated import from "@arcgis/lumina-toolkit/useAccessor" instead. Refactor using `@arcgis/codemod`. */
+export const makeAccessorController: typeof makeAccessorControllerAliased;
+
+/** @deprecated import from "@arcgis/lumina-toolkit/useAccessor" instead. Refactor using `@arcgis/codemod`. */
+export const AccessorController: typeof AccessorControllerAliased;
+
+/** @deprecated import from "@arcgis/lumina-toolkit/useAccessor" instead. Refactor using `@arcgis/codemod`. */
+export type AccessorController<Props, Accessor extends InstanceType<typeof AccessorControllerAliased>["exports"], ExtraRequires = Record<never, never>> = AccessorControllerAliased<Props, Accessor, ExtraRequires>;
+
+/** @deprecated import from "@arcgis/lumina-toolkit/useAccessor" instead. Refactor using `@arcgis/codemod`. */
+export const reCreateAccessor: typeof reCreateAccessorAliased;
+
+/** @deprecated import from "@arcgis/lumina-toolkit/useAccessor" instead. Refactor using `@arcgis/codemod`. */
+export const makeBinderProxy: typeof makeBinderProxyAliased;
+
+/** @deprecated import from "@arcgis/lumina-toolkit/useAccessor" instead. Refactor using `@arcgis/codemod`. */
+export const getAccessorControllerBoundProperties: typeof getAccessorControllerBoundPropertiesAliased;
+
+/** @deprecated import from "@arcgis/lumina-toolkit/useAccessor" instead. Refactor using `@arcgis/codemod`. */
+export type AccessorControllerRequires<Props, Accessor extends InstanceType<typeof AccessorControllerAliased>["exports"], OmitProps extends string = never> = AccessorControllerRequiresAliased<Props, Accessor, OmitProps>;
+
+/** @deprecated import from "@arcgis/lumina-toolkit/store" instead. Refactor using `@arcgis/codemod`. */
+export const createStore: typeof createStoreAliased;
+
+/** @deprecated import from "@arcgis/lumina-toolkit/store" instead. Refactor using `@arcgis/codemod`. */
+export const createLegacyStore: typeof createLegacyStoreAliased;
+
+/** @deprecated import from "@arcgis/lumina-toolkit/store" instead. Refactor using `@arcgis/codemod`. */
+export type ObservableMap<T> = ObservableMapAliased<T>;

package/dist/controllers/accessor/index.js

@@ -1,12 +1,12 @@
 import { isEsriInternalEnv } from "@arcgis/toolkit/error";
-import { r as retrieveComponent } from "../../ControllerInternals-CeDntN3G.js";
+import { r as retrieveComponent } from "../../ControllerInternals-DBoubTn4.js";
 import { on, watch } from "@arcgis/core/core/reactiveUtils.js";
-import { a as createEventFactory, G as GenericController, b as trackPropKey, t as trackKey } from "../../GenericController-C8NSb50b.js";
-import { p as proxyExports } from "../../proxyExports-ZRLty8oJ.js";
-import { createObservable, trackAccess } from "@arcgis/core/applications/Components/reactiveUtils.js";
+import { c as createEventFactory, G as GenericController, t as trackPropKey, a as trackKey } from "../../GenericController-Ko6PTuJs.js";
 import { property, subclass } from "@arcgis/core/core/accessorSupport/decorators.js";
 import Accessor from "@arcgis/core/core/Accessor.js";
-const reEmitEvent = (getEventedAccessor, eventName) => {
+import { p as proxyExports } from "../../proxyExports-D-G9Eby6.js";
+import { createObservable, trackAccess } from "@arcgis/core/applications/Components/reactiveUtils.js";
+const reEmitEvent$1 = (getEventedAccessor, eventName) => {
   const component = retrieveComponent();
   const manager = component.manager;
   manager.onLoaded(() => manager.onLifecycle(() => on(getEventedAccessor, eventName, emitter.emit)));
@@ -18,8 +18,34 @@ const reEmitEvent = (getEventedAccessor, eventName) => {
   }
   return emitter;
 };
-const makeAccessorController = (createInstance, _options) => (component) => proxy(component, createInstance);
-class AccessorController extends GenericController {
+const createStore$1 = (initializer) => {
+  const SubClass = class extends Accessor {
+  };
+  const defaultValues = typeof initializer === "function" ? initializer() : initializer;
+  const descriptors = Object.getOwnPropertyDescriptors(defaultValues);
+  for (const [key, descriptor] of Object.entries(descriptors)) {
+    Object.defineProperty(SubClass.prototype, key, descriptor);
+    property()(SubClass.prototype, key);
+  }
+  const State = subclass()(SubClass);
+  return new State();
+};
+const createLegacyStore$1 = (defaultState) => {
+  const defaultValues = typeof defaultState === "function" ? defaultState() : defaultState;
+  const state = createStore$1(defaultValues);
+  return {
+    state,
+    get: (propName) => state[propName],
+    set: (propName, value) => state.set(propName, value),
+    onChange: (propName, callback) => watch(
+      () => state[propName],
+      (newValue) => callback(newValue),
+      { sync: true }
+    ).remove
+  };
+};
+const makeAccessorController$1 = (createInstance, _options) => (component) => proxy(component, createInstance);
+let AccessorController$1 = class AccessorController extends GenericController {
   /**
    * @public
    * @param component
@@ -34,7 +60,7 @@ class AccessorController extends GenericController {
     that.#createInstance = createInstance;
     that.Z();
     that.setProvisionalExports(
-      makeBinderProxy(
+      makeBinderProxy$1(
         component,
         new WeakRef(that),
         component.M.length - 1,
@@ -115,9 +141,9 @@ class AccessorController extends GenericController {
       this.instance.destroy?.();
     }
   }
-}
-const proxy = proxyExports(AccessorController);
-const makeBinderProxy = (component, accessorControllerRef, accessorControllerIndex, instance, boundProperties) => new Proxy(instance, {
+};
+const proxy = proxyExports(AccessorController$1);
+const makeBinderProxy$1 = (component, accessorControllerRef, accessorControllerIndex, instance, boundProperties) => new Proxy(instance, {
   get: (target, propertyName) => {
     const value = target[propertyName];
     if (
@@ -221,8 +247,8 @@ const bindPropToProperty = (descriptor, accessorControllerIndex, propertyName, s
     }
   };
 };
-const getAccessorControllerBoundProperties = (controller) => controller.Y;
-const reCreateAccessor = (instance, component) => {
+const getAccessorControllerBoundProperties$1 = (controller) => controller.Y;
+const reCreateAccessor$1 = (instance, component) => {
   const accessorController = component.manager.useRefSync(instance);
   accessorController?.hostDestroy();
   accessorController?.Z();
@@ -231,34 +257,16 @@ const reCreateAccessor = (instance, component) => {
     console.error("Unable to resolve the useAccessor controller from the provided value");
   }
 };
-const createStore = (initializer) => {
-  const SubClass = class extends Accessor {
-  };
-  const defaultValues = typeof initializer === "function" ? initializer() : initializer;
-  const descriptors = Object.getOwnPropertyDescriptors(defaultValues);
-  for (const [key, descriptor] of Object.entries(descriptors)) {
-    Object.defineProperty(SubClass.prototype, key, descriptor);
-    property()(SubClass.prototype, key);
-  }
-  const State = subclass()(SubClass);
-  return new State();
-};
-const createLegacyStore = (defaultState) => {
-  const defaultValues = typeof defaultState === "function" ? defaultState() : defaultState;
-  const state = createStore(defaultValues);
-  return {
-    state,
-    get: (propName) => state[propName],
-    set: (propName, value) => state.set(propName, value),
-    onChange: (propName, callback) => watch(
-      () => state[propName],
-      (newValue) => callback(newValue),
-      { sync: true }
-    ).remove
-  };
-};
+const reEmitEvent = reEmitEvent$1;
+const makeAccessorController = makeAccessorController$1;
+const AccessorController2 = AccessorController$1;
+const reCreateAccessor = reCreateAccessor$1;
+const makeBinderProxy = makeBinderProxy$1;
+const getAccessorControllerBoundProperties = getAccessorControllerBoundProperties$1;
+const createStore = createStore$1;
+const createLegacyStore = createLegacyStore$1;
 export {
-  AccessorController,
+  AccessorController2 as AccessorController,
   createLegacyStore,
   createStore,
   getAccessorControllerBoundProperties,

package/dist/controllers/accessor/useAccessor.d.ts

@@ -16,7 +16,7 @@ export type AccessorControllerRequires<Props, Accessor extends coreAccessor, Omi
  * be "any". In such cases, all accessor properties are assumed to be required
  * for binding. We add a few exceptions for well known built-in properties
  */
-export type AlwaysOmit = "addHandles" | "declaredClass" | "destroyed" | "hasHandles" | "initialized" | "removeHandles" | "set" | "watch";
+export type AlwaysOmit = typeof Symbol.dispose | "addHandles" | "declaredClass" | "destroyed" | "hasHandles" | "initialized" | "removeHandles" | "set" | "watch";
 
 /**
  * Given an Accessor class, create a controller that will do two-way binding of

package/dist/controllers/index.js

@@ -1,13 +1,13 @@
-import { C as Controller, c as createEvent, t as trackKey, a as createEventFactory } from "../GenericController-C8NSb50b.js";
-import { G, p, b, d } from "../GenericController-C8NSb50b.js";
-import { a as setAmbientComponent, i as isPromise, b as setParentController, d as retrieveParentControllers, r as retrieveComponent } from "../ControllerInternals-CeDntN3G.js";
-import { e, c, g, f } from "../ControllerInternals-CeDntN3G.js";
-import { p as proxyExports } from "../proxyExports-ZRLty8oJ.js";
+import { C as Controller, b as createEvent, a as trackKey, c as createEventFactory } from "../GenericController-Ko6PTuJs.js";
+import { G, p, t, d } from "../GenericController-Ko6PTuJs.js";
+import { s as setAmbientComponent, i as isPromise, a as setParentController, b as retrieveParentControllers, r as retrieveComponent } from "../ControllerInternals-DBoubTn4.js";
+import { c, d as d2, g, e } from "../ControllerInternals-DBoubTn4.js";
+import { p as proxyExports } from "../proxyExports-D-G9Eby6.js";
 import { isServer } from "lit";
 import { isEsriInternalEnv } from "@arcgis/toolkit/error";
 import { observeAncestorsMutation, getElementAttribute } from "@arcgis/toolkit/dom";
-import { getElementLocale, startLocaleObserver } from "@arcgis/toolkit/intl";
-import { s as setAutoDestroyOnDisconnectTimeout, b as autoDestroyOnDisconnectTimeout } from "../ControllerManager-4cSEnB5Y.js";
+import { getElementLocale, startLocaleObserver } from "@arcgis/toolkit/intl/dom";
+import { s as setAutoDestroyOnDisconnectTimeout, a as autoDestroyOnDisconnectTimeout } from "../ControllerManager-CXEWZVTX.js";
 const makeController = (constructor) => proxy(void 0, constructor);
 const makeGenericController = (constructor) => (component) => proxy(
   component,
@@ -304,11 +304,11 @@ const exportsForTests = {
 export {
   Controller,
   G as GenericController,
-  e as bypassReadOnly,
-  c as controllerSymbol,
+  c as bypassReadOnly,
+  d2 as controllerSymbol,
   exportsForTests,
   g as getControllersCount,
-  f as isController,
+  e as isController,
   load,
   makeController,
   makeGenericController,
@@ -318,7 +318,7 @@ export {
   retrieveComponent,
   toFunction,
   trackKey,
-  b as trackPropKey,
+  t as trackPropKey,
   d as trackPropertyKey,
   useDirection,
   useMedia,

package/dist/controllers/useDirection.d.ts

@@ -5,6 +5,6 @@ export type Direction = "ltr" | "rtl";
  * Watches for changes to "dir" and will re-render your component if needed.
  *
  * @see https://webgis.esri.com/references/lumina/controllers/useDirection
- * @see [Design decisions](https://devtopia.esri.com/WebGIS/arcgis-web-components/discussions/987)
+ * @see [Design decisions](https://devtopia.esri.com/WebGIS/webgis-sdk/discussions/987)
  */
 export function useDirection(): Direction;

package/dist/controllers/useT9n.d.ts

@@ -1,4 +1,5 @@
-import type { GenericT9nStrings, LocaleObserverResult } from "@arcgis/toolkit/intl";
+import type { GenericT9nStrings } from "@arcgis/toolkit/intl";
+import type { LocaleObserverResult } from "@arcgis/toolkit/intl/dom";
 
 export type T9nMeta<T9nStrings extends GenericT9nStrings> = {
   _lang: LocaleObserverResult["lang"];
@@ -48,7 +49,7 @@ export interface UseT9n {
  *
  * @param getAssetPath
  * @see [Documentation](https://webgis.esri.com/references/lumina/controllers/useT9n)
- * @see [Design decisions 1](https://devtopia.esri.com/WebGIS/arcgis-web-components/discussions/969)
- * @see [Design decisions 2](https://devtopia.esri.com/WebGIS/arcgis-web-components/discussions/987)
+ * @see [Design decisions 1](https://devtopia.esri.com/WebGIS/webgis-sdk/discussions/969)
+ * @see [Design decisions 2](https://devtopia.esri.com/WebGIS/webgis-sdk/discussions/987)
  */
 export function makeT9nController(getAssetPath: (path: string) => string): UseT9n;

package/dist/hmrSupport.js

@@ -1,4 +1,4 @@
-import { P as ProxyComponent, n as noShadowRoot } from "./lazyLoad-B5Rj3U_I.js";
+import { P as ProxyComponent, n as noShadowRoot } from "./lazyLoad-ki2r1z-R.js";
 import { camelToKebab } from "@arcgis/toolkit/string";
 function handleHmrUpdate(newModules) {
   newModules.forEach((newModule) => {

package/dist/index.js

@@ -1,15 +1,15 @@
-import { p as propertyTrackResolve } from "./GenericController-C8NSb50b.js";
-import { c } from "./GenericController-C8NSb50b.js";
+import { p as propertyTrackResolve } from "./GenericController-Ko6PTuJs.js";
+import { b } from "./GenericController-Ko6PTuJs.js";
 import { state } from "lit/decorators/state.js";
 import { property as property$1 } from "lit/decorators/property.js";
-import { e as emptyFunction, n as noShadowRoot, p as proxyFormMethodsToEvents, a as attachToAncestor } from "./lazyLoad-B5Rj3U_I.js";
-import { d, m } from "./lazyLoad-B5Rj3U_I.js";
+import { e as emptyFunction, n as noShadowRoot, p as proxyFormMethodsToEvents, a as attachToAncestor } from "./lazyLoad-ki2r1z-R.js";
+import { d, m } from "./lazyLoad-ki2r1z-R.js";
 import { isEsriInternalEnv, safeAsyncCall, safeCall } from "@arcgis/toolkit/error";
 import { camelToKebab } from "@arcgis/toolkit/string";
 import { Deferred } from "@arcgis/toolkit/promise";
 import { LitElement as LitElement$1, isServer, notEqual, noChange as noChange$1, nothing as nothing$1, render } from "lit";
-import { c as controllerSymbol, s as shouldBypassReadOnly } from "./ControllerInternals-CeDntN3G.js";
-import { C as ControllerManager, a as autoDestroyDisabledPropName } from "./ControllerManager-4cSEnB5Y.js";
+import { h as shouldBypassReadOnly, d as controllerSymbol } from "./ControllerInternals-DBoubTn4.js";
+import { C as ControllerManager, b as autoDestroyDisabledPropName } from "./ControllerManager-CXEWZVTX.js";
 import { propertyFlagAttribute, propertyFlagUseDefault, propertyFlagNoAccessor, propertyFlagReadOnly, propertyFlagState, propertyFlagBoolean, propertyFlagNumber, propertyFlagReflect } from "./config.js";
 import { classMap } from "lit/directives/class-map.js";
 import { styleMap } from "lit/directives/style-map.js";
@@ -557,7 +557,7 @@ export {
   bindBooleanAttribute,
   bindEvent,
   bindProperty,
-  c as createEvent,
+  b as createEvent,
   deferLoad,
   deferredLoaders,
   d as devOnly$getLitElementTagNameAndRuntime,

package/dist/jsx/directives.d.ts

@@ -1,4 +1,4 @@
-import type { Properties as CssProperties } from "csstype";
+import type { StandardProperties } from "csstype";
 import type { ClassInfo, ClassMapDirective } from "lit/directives/class-map.js";
 import type { DirectiveResult, DirectiveClass } from "lit/directive.js";
 import type { StyleMapDirective } from "lit/directives/style-map.js";
@@ -54,7 +54,7 @@ export function safeClassMap(parameters: ClassInfo | null | undefined | string):
  * @param parameters
  * @internal
  */
-export function safeStyleMap(parameters: CssProperties | null | undefined | string): DirectiveResult<typeof StyleMapDirective> | null | undefined | string;
+export function safeStyleMap(parameters: null | undefined | StandardProperties | string): DirectiveResult<typeof StyleMapDirective> | null | undefined | string;
 
 /**
  * Do not use this directive directly. Use the `deferLoad` JSX prop instead.

package/dist/jsx/generatedTypes.d.ts

@@ -3,7 +3,7 @@ import type { ClassInfo, ClassMapDirective } from "lit/directives/class-map.js";
 import type { StyleMapDirective } from "lit/directives/style-map.js";
 import type { ChangeEventHandlerUnion, CustomAttributes, EventHandlerUnion, FocusEventHandlerUnion, InputEventHandlerUnion } from "./baseTypes.js";
 import type { JsxNode } from "./types.js";
-import type { Properties as CssProperties } from "csstype";
+import type { StandardProperties } from "csstype";
 
 export type HtmlAutocapitalize = "characters" | "none" | "off" | "on" | "sentences" | "words";
 
@@ -501,7 +501,7 @@ export interface HTMLAttributes<T = HTMLElement> extends AriaAttributes, DOMAttr
    */
   spellcheck?: boolean;
   /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/style) */
-  style?: CssProperties | DirectiveResult<typeof StyleMapDirective> | string;
+  style?: DirectiveResult<typeof StyleMapDirective> | StandardProperties | string;
   /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/tabIndex) */
   tabIndex?: number | string;
   /**
@@ -2279,7 +2279,7 @@ export interface SvgCoreAttributes<T> extends AriaAttributes, DOMAttributes<T> {
 }
 
 export interface SvgStylableAttributes {
-  style?: CssProperties | DirectiveResult<typeof StyleMapDirective> | string;
+  style?: DirectiveResult<typeof StyleMapDirective> | StandardProperties | string;
 }
 
 export interface SvgTransformableAttributes {

package/dist/jsx/types.d.ts

@@ -70,7 +70,8 @@ export declare namespace LuminaJsx {
   }
 
   export interface IntrinsicElements
-    extends HTMLElementTags,
+    extends
+      HTMLElementTags,
       SvgElementTags,
       ReMappedComponents<DeclareElements>,
       ReMapStencilComponents<ImportStencilElements> {}
@@ -322,6 +323,14 @@ export type RemapEvents<Component extends { el: unknown; }> = {
  */
 export interface ImportStencilElements {}
 
+/** @internal */
+export interface DeclareCssProperties {}
+
+/** @internal */
+export type NormalizedDeclaredCssProperties = {
+    [key in keyof DeclareCssProperties]?: number | string;
+};
+
 /**
  * Get the type of all events for a given component. Includes native DOM events
  * and custom events.

package/dist/{lazyLoad-B5Rj3U_I.js → lazyLoad-ki2r1z-R.js}

@@ -215,7 +215,7 @@ class ProxyComponent extends HtmlElement {
           /**
            * "$$" is our top-level await polyfill due to broken top-level await
            * support in Safari. Only applies in CDN build.
-           * See https://devtopia.esri.com/WebGIS/arcgis-web-components/issues/3933
+           * See https://devtopia.esri.com/WebGIS/webgis-sdk/issues/3933
            * and https://bugs.webkit.org/show_bug.cgi?id=242740
            */
           await (module.default?.then(
@@ -408,9 +408,15 @@ const patchLitElement = (parentClass) => {
   const alreadyPatched = Object.hasOwn(litElementPrototype, "isConnected");
   if (!alreadyPatched) {
     litElementPrototype.setAttribute = function(qualifiedName, value) {
+      if (process.env.NODE_ENV !== "production" && isStaleHmrComponent(this)) {
+        return;
+      }
       elementPrototype.setAttribute.call(this.el, qualifiedName, value);
     };
     litElementPrototype.removeAttribute = function(qualifiedName) {
+      if (process.env.NODE_ENV !== "production" && isStaleHmrComponent(this)) {
+        return;
+      }
       elementPrototype.removeAttribute.call(this.el, qualifiedName);
     };
     litElementPrototype.hasAttribute = function(qualifiedName) {
@@ -426,6 +432,10 @@ const patchLitElement = (parentClass) => {
     devOnlyDetectIncorrectLazyUsages(parentClass);
   }
 };
+function isStaleHmrComponent(component) {
+  const currentComponent = "$component" in component.el ? component.el.$component : void 0;
+  return isEsriInternalEnv() && currentComponent !== void 0 && currentComponent !== component;
+}
 export {
   ProxyComponent as P,
   attachToAncestor as a,

package/dist/{proxyExports-ZRLty8oJ.js → proxyExports-D-G9Eby6.js}

@@ -1,5 +1,5 @@
-import { b as setParentController, h as setAmbientChildController, d as retrieveParentControllers, e as bypassReadOnly } from "./ControllerInternals-CeDntN3G.js";
-import { t as trackKey } from "./GenericController-C8NSb50b.js";
+import { a as setParentController, f as setAmbientChildController, b as retrieveParentControllers, c as bypassReadOnly } from "./ControllerInternals-DBoubTn4.js";
+import { a as trackKey } from "./GenericController-Ko6PTuJs.js";
 const proxyExports = (Class) => (...args) => {
   const ambientControllers = retrieveParentControllers();
   const instance = new Class(...args);

package/dist/utils/cssSyntax.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A helper for documenting the accepted syntax for a CSS property.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@property/syntax
+ */
+export type CssSyntax<Syntax extends CssSyntaxUnion, Multiplier extends "" | "#" | "+" = ""> = `<${Syntax}>${Multiplier}`;
+
+export type CssSyntaxUnion = "absolute-size" | "alpha-value" | "angle-percentage" | "angle" | "axis" | "baseline-position" | "basic-shape" | "blend-mode" | "box-edge" | "calc-keyword" | "calc-sum" | "color-interpolation-method" | "color" | "content-distribution" | "content-position" | "corner-shape-value" | "custom-ident" | "dashed-function" | "dashed-ident" | "dimension" | "display-box" | "display-inside" | "display-internal" | "display-legacy" | "display-listitem" | "display-outside" | "easing-function" | "filter-function" | "flex" | "frequency-percentage" | "frequency" | "generic-family" | "gradient" | "hex-color" | "hue-interpolation-method" | "hue" | "ident" | "image" | "integer" | "length-percentage" | "length" | "line-style" | "line-width" | "named-color" | "number" | "overflow-position" | "overflow" | "percentage" | "position-area" | "position" | "ratio" | "relative-size" | "resolution" | "rule-list" | "self-position" | "shape" | "string" | "system-color" | "text-edge" | "time-percentage" | "time" | "timeline-range-name" | "transform-function" | "url";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/lumina",
-  "version": "5.2.0-next.12",
+  "version": "5.2.0-next.121",
   "description": "Runtime for WebGIS SDK web components",
   "sideEffects": false,
   "type": "module",
@@ -24,6 +24,9 @@
     "./PublicLitElement": {
       "types": "./dist/PublicLitElement.d.ts"
     },
+    "./utils/cssSyntax": {
+      "types": "./dist/utils/cssSyntax.d.ts"
+    },
     "./controllers": "./dist/controllers/index.js",
     "./controllers/accessor": "./dist/controllers/accessor/index.js",
     "./package.json": "./package.json"
@@ -33,9 +36,9 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
+    "@arcgis/toolkit": "~5.2.0-next.121",
     "csstype": "^3.1.3",
-    "tslib": "^2.8.1",
-    "@arcgis/toolkit": "~5.2.0-next.12"
+    "tslib": "^2.8.1"
   },
   "peerDependencies": {
     "@lit/context": "^1.1.6",