@arcgis/lumina 4.32.0-next.2 → 4.32.0-next.21

package/dist/LitElement.d.ts

@@ -36,6 +36,9 @@ export declare class LitElement extends OriginalLitElement implements ComponentL
     /** @internal */
     static runtime: Runtime;
     static tagName: string;
+    /**
+     * Customize Lit's default style handling to support non-shadow-root styles
+     */
     static finalizeStyles(styles?: CSSResultGroup): CSSResultOrNative[];
     static createProperty(name: PropertyKey, 
     /**

package/dist/{chunk-CH52Q2MB.js → chunk-PGHUBTOM.js}

@@ -2,9 +2,6 @@
 var lazyMetaGroupJoiner = ";";
 var lazyMetaItemJoiner = ",";
 var lazyMetaSubItemJoiner = ":";
-var defaultEventBubbles = true;
-var defaultEventCancelable = true;
-var defaultEventComposed = true;
 var PropertyFlags = /* @__PURE__ */ ((PropertyFlags2) => {
   PropertyFlags2[PropertyFlags2["ATTRIBUTE"] = 1] = "ATTRIBUTE";
   PropertyFlags2[PropertyFlags2["REFLECT"] = 2] = "REFLECT";
@@ -20,8 +17,5 @@ export {
   lazyMetaGroupJoiner,
   lazyMetaItemJoiner,
   lazyMetaSubItemJoiner,
-  defaultEventBubbles,
-  defaultEventCancelable,
-  defaultEventComposed,
   PropertyFlags
 };

package/dist/config.d.ts

@@ -6,14 +6,6 @@
 export declare const lazyMetaGroupJoiner = ";";
 export declare const lazyMetaItemJoiner = ",";
 export declare const lazyMetaSubItemJoiner = ":";
-/**
- * While these defaults don't match DOM defaults (all false), they match
- * Stencil and Shoelace defaults. Also, they make more sense for our
- * usage (i.e why would you want events to not be cancelable by default?)
- */
-export declare const defaultEventBubbles = true;
-export declare const defaultEventCancelable = true;
-export declare const defaultEventComposed = true;
 /**
  * By default in Lit, the `@property()` decorator accepts an object. However, to
  * keep the bundle size smaller, in production builds, instead of passing it an

package/dist/config.js

@@ -1,17 +1,11 @@
 import {
   PropertyFlags,
-  defaultEventBubbles,
-  defaultEventCancelable,
-  defaultEventComposed,
   lazyMetaGroupJoiner,
   lazyMetaItemJoiner,
   lazyMetaSubItemJoiner
-} from "./chunk-CH52Q2MB.js";
+} from "./chunk-PGHUBTOM.js";
 export {
   PropertyFlags,
-  defaultEventBubbles,
-  defaultEventCancelable,
-  defaultEventComposed,
   lazyMetaGroupJoiner,
   lazyMetaItemJoiner,
   lazyMetaSubItemJoiner

package/dist/context.d.ts

@@ -0,0 +1,26 @@
+import { type ControllerHost } from "@arcgis/components-controllers";
+import { ContextConsumer, ContextProvider, type Context, type ContextType } from "@lit/context";
+interface ContextProviderOptions<C extends Context<unknown, unknown>> {
+    context: C;
+    initialValue?: ContextType<C>;
+}
+interface ContextConsumerOptions<C extends Context<unknown, unknown>> {
+    context: C;
+    callback?: (value: ContextType<C>, dispose?: () => void) => void;
+    subscribe?: boolean;
+}
+/**
+ * Wrapper for Lit's ContextProvider controller to provide lazy-loading compatibility.
+ *
+ * @see https://lit.dev/docs/data/context/
+ */
+export declare function useContextProvider<C extends Context<unknown, unknown>>(options: ContextProviderOptions<C>): ContextProvider<C>;
+/**
+ * Wrapper for Lit's ContextConsumer controller to provide lazy-loading compatibility.
+ *
+ * @see https://lit.dev/docs/data/context/
+ *
+ * FEATURE: wrap this in proxyExports to improve DX, or keep it simple?
+ */
+export declare function useContextConsumer<C extends Context<unknown, unknown>>(options: ContextConsumerOptions<C>): ContextConsumer<C, ControllerHost & HTMLElement>;
+export {};

package/dist/createEvent.d.ts

@@ -1,4 +1,9 @@
-import type { EventEmitter } from "@arcgis/components-controllers";
+import type { BaseComponent, EventEmitter } from "@arcgis/components-controllers";
+/**
+ * While these defaults don't match DOM defaults (all false), they match
+ * Stencil and Shoelace defaults. Also, they make more sense for our
+ * usage (i.e why would you want events to not be cancelable by default?)
+ */
 export type EventOptions = {
     /**
      * A Boolean indicating whether the event bubbles up through the DOM or not.
@@ -22,7 +27,7 @@ export type EventOptions = {
      */
     composed?: boolean;
 };
-export declare const createEventFactory: <T = undefined>(eventName?: string, options?: EventOptions, component?: import("@arcgis/components-controllers").BaseComponent) => EventEmitter<T>;
+export declare const createEventFactory: <T = undefined>(eventName?: string, options?: EventOptions, component?: BaseComponent) => EventEmitter<T>;
 /**
  * Creates an event emitter.
  * Events emitted by your component will be included in the documentation.

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { useContextProvider, useContextConsumer } from "./context";
 export type { EventOptions } from "./createEvent";
 export { createEvent } from "./createEvent";
 export { state, property, method } from "./decorators";
@@ -10,7 +11,7 @@ export type { PublicLitElement } from "./PublicLitElement";
 export type { Runtime, RuntimeOptions, DevOnlyGlobalRuntime, DevOnlyGlobalComponentRefCallback } from "./runtime";
 export { makeRuntime } from "./runtime";
 export * from "./jsx/jsx";
-export { safeClassMap, safeStyleMap, directive, dynamicValueDirective, live } from "./jsx/directives";
+export { safeClassMap, safeStyleMap, directive, live } from "./jsx/directives";
 export { nothing, noChange, setAttribute, stringOrBoolean } from "./jsx/utils";
 export { noShadowRoot } from "./utils";
 export { createPrototypeProxy } from "./wrappersUtils";

package/dist/index.js

@@ -1,15 +1,28 @@
 import {
-  defaultEventBubbles,
-  defaultEventCancelable,
-  defaultEventComposed,
   lazyMetaGroupJoiner,
   lazyMetaItemJoiner,
   lazyMetaSubItemJoiner
-} from "./chunk-CH52Q2MB.js";
+} from "./chunk-PGHUBTOM.js";
+
+// src/context.ts
+import { retrieveComponent } from "@arcgis/components-controllers";
+import { ContextConsumer, ContextProvider } from "@lit/context";
+function useContextProvider(options) {
+  const component = retrieveComponent();
+  const controller = new ContextProvider(component.el, options);
+  component.addController(controller);
+  return controller;
+}
+function useContextConsumer(options) {
+  const component = retrieveComponent();
+  const controller = new ContextConsumer(component.el, options);
+  component.addController(controller);
+  return controller;
+}
 
 // src/createEvent.ts
-import { retrieveComponent, trackPropertyKey, keyTrackResolve } from "@arcgis/components-controllers";
-var createEventFactory = (eventName = "", options = {}, component = retrieveComponent()) => {
+import { retrieveComponent as retrieveComponent2, trackPropertyKey, keyTrackResolve } from "@arcgis/components-controllers";
+var createEventFactory = (eventName = "", options = {}, component = retrieveComponent2()) => {
   const emitter = {
     emit: (payload) => {
       if (process.env.NODE_ENV !== "production" && !component.el.isConnected) {
@@ -25,9 +38,9 @@ var createEventFactory = (eventName = "", options = {}, component = retrieveComp
       }
       const event = new CustomEvent(eventName, {
         detail: payload,
-        cancelable: defaultEventCancelable,
-        bubbles: defaultEventBubbles,
-        composed: defaultEventComposed,
+        cancelable: true,
+        bubbles: true,
+        composed: true,
         ...options
       });
       component.el.dispatchEvent(event);
@@ -76,7 +89,10 @@ function devOnlyDetectIncorrectLazyUsages(LitClass) {
     // Called by Lit - we proxy it to this.el in ProxyComponent
     "isConnected",
     // Called by Lit, but only in dev mode for warnings, so we don't have to proxy.
-    "localName"
+    "localName",
+    // Called by Lit Context - we proxy it to this.el in ProxyComponent.
+    // Interestingly, they never call removeEventListener.
+    "addEventListener"
   ]);
   const customErrorMessages = {
     addEventListener: "use this.listen() or this.el.addEventListener()"
@@ -121,9 +137,6 @@ function attachToAncestor(child) {
   return false;
 }
 
-// src/utils.ts
-var noShadowRoot = {};
-
 // src/lazyLoad.ts
 var makeDefineCustomElements = (runtime, structure) => function defineCustomElements(windowOrOptions, options) {
   if (!globalThis.customElements) {
@@ -212,8 +225,10 @@ var ProxyComponent = class extends HtmlElement {
       this._initializeComponent({ a: ProxyClass._LitConstructor });
     } else {
       void ProxyClass._loadPromise.then(this._initializeComponent.bind(this)).catch((error) => {
-        console.error(error);
         this._postLoaded.reject(error);
+        setTimeout(() => {
+          throw error;
+        });
       });
     }
     if (process.env.NODE_ENV !== "production") {
@@ -332,7 +347,7 @@ var ProxyComponent = class extends HtmlElement {
   }
   connectedCallback() {
     if (this._litElement) {
-      this._litElement.connectedCallback();
+      this._litElement.connectedCallback?.();
     } else {
       queueMicrotask(() => {
         this._ancestorLoad = attachToAncestor(this);
@@ -340,19 +355,20 @@ var ProxyComponent = class extends HtmlElement {
     }
   }
   disconnectedCallback() {
-    this._litElement?.disconnectedCallback();
+    this._litElement?.disconnectedCallback?.();
   }
   /**
    * Create a promise that resolves once component is fully loaded
    */
   async componentOnReady() {
     await this._postLoaded.promise;
-    return this._litElement;
+    return this;
   }
   /** @internal */
   _initializeComponent(module) {
     const ProxyClass = this.constructor;
     const tagName = ProxyClass._name;
+    const store = this._store;
     if (process.env.NODE_ENV !== "production") {
       Object.entries(module).forEach(([name, LitConstructor2]) => {
         if (name !== "exportsForTests" && typeof LitConstructor2 !== "function" || typeof LitConstructor2.tagName !== "string") {
@@ -371,27 +387,32 @@ var ProxyComponent = class extends HtmlElement {
       );
     }
     const lazyTagName = process.env.NODE_ENV === "production" ? `${tagName}--lazy` : (ProxyClass._hmrIndex ?? 0) === 0 ? `${tagName}--lazy` : `${tagName}--lazy-${ProxyClass._hmrIndex}`;
-    const isFirstInitialization = !ProxyClass._LitConstructor;
-    if (isFirstInitialization) {
-      ProxyClass._LitConstructor = LitConstructor;
-      LitConstructor.prototype.removeAttribute = function(qualifiedName) {
-        HTMLElement.prototype.removeAttribute.call(this.el, qualifiedName);
+    let parentClass = LitConstructor;
+    while (parentClass && !Object.hasOwn(parentClass, "lumina")) {
+      parentClass = Object.getPrototypeOf(parentClass);
+    }
+    const litElementPrototype = parentClass.prototype;
+    const elementPrototype = Element.prototype;
+    const alreadyPatched = Object.hasOwn(litElementPrototype, "isConnected");
+    if (!alreadyPatched) {
+      litElementPrototype.setAttribute = function(qualifiedName, value) {
+        elementPrototype.setAttribute.call(this.el, qualifiedName, value);
       };
-      LitConstructor.prototype.setAttribute = function(qualifiedName, value) {
-        HTMLElement.prototype.setAttribute.call(this.el, qualifiedName, value);
+      litElementPrototype.removeAttribute = function(qualifiedName) {
+        elementPrototype.removeAttribute.call(this.el, qualifiedName);
       };
-      defineProperty(LitConstructor.prototype, "isConnected", {
+      defineProperty(litElementPrototype, "isConnected", {
         get() {
-          return this.el.isConnected;
+          return Reflect.get(elementPrototype, "isConnected", this.el);
         }
       });
-      if (process.env.NODE_ENV !== "production" && LitConstructor.shadowRootOptions !== noShadowRoot) {
-        let prototype = LitConstructor;
-        while (prototype && !Object.hasOwn(prototype, "lumina")) {
-          prototype = Object.getPrototypeOf(prototype);
-        }
-        devOnlyDetectIncorrectLazyUsages(prototype);
-      }
+    }
+    if (process.env.NODE_ENV !== "production") {
+      devOnlyDetectIncorrectLazyUsages(parentClass);
+    }
+    const isFirstInitialization = !ProxyClass._LitConstructor;
+    if (isFirstInitialization) {
+      ProxyClass._LitConstructor = LitConstructor;
       customElements.define(lazyTagName, LitConstructor);
     }
     LitConstructor.lazy = this;
@@ -406,6 +427,7 @@ var ProxyComponent = class extends HtmlElement {
     } else {
       this._litElement = litElement;
     }
+    this._store = litElement;
     this._pendingAttributes.forEach((name) => {
       const value = this.getAttribute(name);
       litElement.attributeChangedCallback(
@@ -415,8 +437,7 @@ var ProxyComponent = class extends HtmlElement {
         value
       );
     });
-    Object.entries(this._store).forEach(syncLitElement, litElement);
-    this._store = litElement;
+    Object.entries(store).forEach(syncLitElement, litElement);
     if (process.env.NODE_ENV !== "production") {
       const litObserved = LitConstructor.observedAttributes ?? [];
       const lazyObserved = ProxyClass.observedAttributes ?? [];
@@ -441,6 +462,17 @@ var ProxyComponent = class extends HtmlElement {
       }
     }
   }
+  /**
+   * Implemented on the proxy for compatibility with Lit Context.
+   */
+  addController() {
+  }
+  /**
+   * Implemented on the proxy for compatibility with Lit Context.
+   */
+  requestUpdate() {
+    this._litElement?.requestUpdate();
+  }
 };
 function syncLitElement([key, value]) {
   this[key] = value;
@@ -448,6 +480,11 @@ function syncLitElement([key, value]) {
 
 // src/hmrSupport.ts
 import { camelToKebab as camelToKebab2 } from "@arcgis/components-utils";
+
+// src/utils.ts
+var noShadowRoot = {};
+
+// src/hmrSupport.ts
 function handleHmrUpdate(newModules) {
   newModules.forEach((newModule) => {
     if (newModule === void 0) {
@@ -484,6 +521,21 @@ function handleHmrUpdate(newModules) {
 }
 function reInitialize(instance, newModule) {
   const PreviousLitConstructor = instance._litElement.constructor;
+  const isShadowRoot = PreviousLitConstructor.shadowRootOptions !== noShadowRoot;
+  if (!isShadowRoot) {
+    const root = instance.getRootNode() ?? document;
+    if ("adoptedStyleSheets" in root) {
+      const rootStyles = Array.from(root.adoptedStyleSheets);
+      PreviousLitConstructor.elementStyles.forEach((style) => {
+        const styleSheet = "styleSheet" in style ? style.styleSheet : style;
+        const index = rootStyles.lastIndexOf(styleSheet);
+        if (index > -1) {
+          rootStyles.splice(index, 1);
+        }
+      });
+      root.adoptedStyleSheets = rootStyles;
+    }
+  }
   const properties = PreviousLitConstructor.elementProperties;
   const preservedProperties = Array.from(properties.entries()).filter(
     ([propertyName, descriptor]) => typeof propertyName === "string" && (instance._hmrSetProps.has(propertyName) || typeof descriptor.attribute === "string" && instance._hmrSetAttributes.has(descriptor.attribute))
@@ -501,10 +553,11 @@ function handleComponentMetaUpdate(meta) {
     return;
   }
   const attributes = meta.properties.map(([property2, attribute]) => attribute ?? camelToKebab2(property2)).filter(Boolean);
+  const observedAttributes = initializeAttributeObserver();
   observedAttributes[meta.tagName] ??= {};
   observedAttributes[meta.tagName].original ??= new Set(ProxyClass.observedAttributes);
   const originallyObserved = observedAttributes[meta.tagName].original;
-  observedAttributes[meta.tagName].manuallyObserved ??= new Set(
+  observedAttributes[meta.tagName].manuallyObserved = new Set(
     /**
      * Never manually observe attributes that were in the original
      * observedAttributes as those would be observed by the browser
@@ -516,27 +569,30 @@ function handleComponentMetaUpdate(meta) {
   ProxyClass._properties = meta.properties.map(([name]) => name);
   ProxyClass.observedAttributes = attributes;
 }
-var observedAttributesSymbol = Symbol.for("@arcgis/lumina:observedAttributes");
-var globalThisWithObservedAttributes = globalThis;
-var alreadyHadObservers = observedAttributesSymbol in globalThisWithObservedAttributes;
-globalThisWithObservedAttributes[observedAttributesSymbol] ??= {};
-var observedAttributes = globalThisWithObservedAttributes[observedAttributesSymbol];
-if (!alreadyHadObservers) {
-  const makeObserver = (original) => function observeAttributes(qualifiedName, ...rest) {
-    const observed = observedAttributes[this.tagName.toLowerCase()]?.manuallyObserved;
-    if (observed?.has(qualifiedName)) {
-      const oldValue = this.getAttribute(qualifiedName);
-      const returns = original.call(this, qualifiedName, ...rest);
-      const newValue = this.getAttribute(qualifiedName);
-      this.attributeChangedCallback(qualifiedName, oldValue, newValue);
-      return returns;
-    } else {
-      return original.call(this, qualifiedName, ...rest);
-    }
-  };
-  ProxyComponent.prototype.setAttribute = makeObserver(ProxyComponent.prototype.setAttribute);
-  ProxyComponent.prototype.toggleAttribute = makeObserver(ProxyComponent.prototype.toggleAttribute);
-  ProxyComponent.prototype.removeAttribute = makeObserver(ProxyComponent.prototype.removeAttribute);
+function initializeAttributeObserver() {
+  const observedAttributesSymbol = Symbol.for("@arcgis/lumina:observedAttributes");
+  const globalThisWithObservedAttributes = globalThis;
+  const alreadyHadObservers = observedAttributesSymbol in globalThisWithObservedAttributes;
+  globalThisWithObservedAttributes[observedAttributesSymbol] ??= {};
+  const observedAttributes = globalThisWithObservedAttributes[observedAttributesSymbol];
+  if (!alreadyHadObservers) {
+    const makeObserver = (original) => function observeAttributes(qualifiedName, ...rest) {
+      const observed = observedAttributes[this.tagName.toLowerCase()]?.manuallyObserved;
+      if (observed?.has(qualifiedName)) {
+        const oldValue = this.getAttribute(qualifiedName);
+        const returns = original.call(this, qualifiedName, ...rest);
+        const newValue = this.getAttribute(qualifiedName);
+        this.attributeChangedCallback(qualifiedName, oldValue, newValue);
+        return returns;
+      } else {
+        return original.call(this, qualifiedName, ...rest);
+      }
+    };
+    ProxyComponent.prototype.setAttribute = makeObserver(ProxyComponent.prototype.setAttribute);
+    ProxyComponent.prototype.toggleAttribute = makeObserver(ProxyComponent.prototype.toggleAttribute);
+    ProxyComponent.prototype.removeAttribute = makeObserver(ProxyComponent.prototype.removeAttribute);
+  }
+  return observedAttributes;
 }
 
 // src/LitElement.ts
@@ -598,13 +654,15 @@ var LitElement = class _LitElement extends OriginalLitElement {
       this.el.setAttribute(this.constructor.runtime.hydratedAttribute, "");
     }
   }
+  /**
+   * Customize Lit's default style handling to support non-shadow-root styles
+   */
   static finalizeStyles(styles) {
     if (process.env.NODE_ENV === "test" && Array.isArray(styles)) {
       styles = styles.filter(Boolean);
     }
     const finalizedStyles = super.finalizeStyles(styles);
-    const options = this.constructor.shadowRootOptions;
-    const useLightDom = options === noShadowRoot;
+    const useLightDom = this.shadowRootOptions === noShadowRoot;
     return this.runtime?.commonStyles === void 0 || useLightDom ? finalizedStyles : [this.runtime.commonStyles, ...finalizedStyles];
   }
   static createProperty(name, options) {
@@ -655,8 +713,10 @@ var LitElement = class _LitElement extends OriginalLitElement {
       queueMicrotask(
         // eslint-disable-next-line @typescript-eslint/no-misused-promises, @typescript-eslint/promise-function-async
         () => this._load().catch((error) => {
-          console.error(error);
           this._postLoaded.reject(error);
+          setTimeout(() => {
+            throw error;
+          });
         })
       );
     }
@@ -797,47 +857,11 @@ var bindEvent = void 0;
 // src/jsx/directives.ts
 import { classMap } from "lit-html/directives/class-map.js";
 import { styleMap } from "lit/directives/style-map.js";
-import { Directive } from "lit-html/directive.js";
 import { directive as litDirective } from "lit-html/directive.js";
 import { live as litLive } from "lit-html/directives/live.js";
 var safeClassMap = (parameters) => typeof parameters === "object" && parameters != null ? classMap(parameters) : parameters;
 var safeStyleMap = (parameters) => typeof parameters === "object" && parameters != null ? styleMap(parameters) : parameters;
 var directive = litDirective;
-var DynamicHtmlValueDirective = class extends Directive {
-  update(part, [prop, value]) {
-    if (process.env.NODE_ENV !== "production") {
-      if (part.type !== 6) {
-        throw new Error("DynamicHtmlValueDirective can only be used in the element part position");
-      }
-      if (prop !== "value" && prop !== "defaultValue") {
-        throw new Error('Expected the first argument to DynamicHtmlValueDirective to be "value" or "defaultValue"');
-      }
-      if (typeof value === "object" && value != null) {
-        if ("_$litDirective$" in value) {
-          throw new Error(
-            "Directive is not supported as a value for the `value` or `defaultValue` prop when the tag name is dynamic."
-          );
-        } else {
-          throw new Error(
-            `Tried to set an object as the value/defaultValue prop in a <${part.element.tagName}> element.`
-          );
-        }
-      }
-    }
-    const element = part.element;
-    const tagName = element.tagName;
-    if (prop === "value" ? tagName === "INPUT" : tagName === "BUTTON" || tagName === "DATA") {
-      if (element[prop] !== value) {
-        element[prop] = value;
-      }
-    } else if (value != null) {
-      element.setAttribute("value", value);
-    } else {
-      element.removeAttribute("value");
-    }
-  }
-};
-var dynamicValueDirective = directive(DynamicHtmlValueDirective);
 var live = litLive;
 
 // src/jsx/utils.ts
@@ -884,7 +908,6 @@ export {
   createEvent,
   createPrototypeProxy,
   directive,
-  dynamicValueDirective,
   handleComponentMetaUpdate,
   handleHmrUpdate,
   live,
@@ -899,5 +922,7 @@ export {
   safeStyleMap,
   setAttribute,
   state,
-  stringOrBoolean
+  stringOrBoolean,
+  useContextConsumer,
+  useContextProvider
 };

package/dist/jsx/directives.d.ts

@@ -60,14 +60,6 @@ export declare const safeStyleMap: (parameters: CssProperties | Nil | string) =>
  * "never" to allow it be set as a value for any JSX attribute.
  */
 export declare const directive: <C extends DirectiveClass>(c: C) => (...values: Parameters<InstanceType<C>["render"]>) => never;
-/**
- * Do not import this directly. It will be inserted automatically by JSX to
- * lit-html transformer when you are setting "value" or "defaultValue" JSX prop
- * in an element with dynamic tag name.
- *
- * @internal
- */
-export declare const dynamicValueDirective: (...values: never) => never;
 /**
  * Checks binding values against live DOM values, instead of previously bound
  * values, when determining whether to update the value.

package/dist/jsx/jsx.d.ts

@@ -6,7 +6,6 @@
  * /// <reference types="@arcgis/lumina/typings" />
  * ```
  */
-/// <reference path="../typings/jsxGlobals.d.ts" />
 import type { Properties as CssProperties } from "csstype";
 import type { TemplateResult } from "lit-html";
 import type { DirectiveResult } from "lit-html/directive.js";
@@ -843,6 +842,7 @@ export declare namespace LuminaJsx {
     }
     interface HTMLAttributes<T = HTMLElement> extends AriaAttributes, DOMAttributes<T>, RdfaAttributes {
         accessKey?: string;
+        autofocus?: boolean;
         dir?: HTMLDir;
         draggable?: boolean;
         hidden?: boolean | "hidden" | "until-found";
@@ -922,7 +922,6 @@ export declare namespace LuminaJsx {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autofocus?: boolean;
         disabled?: boolean;
         form?: string;
         name?: string;
@@ -1031,7 +1030,6 @@ export declare namespace LuminaJsx {
         autocomplete?: AutoFill;
         accept?: string;
         alt?: string;
-        autofocus?: boolean;
         capture?: boolean | string;
         checked?: boolean;
         disabled?: boolean;
@@ -1293,6 +1291,8 @@ export declare namespace LuminaJsx {
         form?: string;
         for?: string;
         name?: string;
+        value?: string | number;
+        defaultValue?: string | number;
     }
     interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
         max?: number | string;
@@ -1311,7 +1311,6 @@ export declare namespace LuminaJsx {
         referrerPolicy?: HTMLReferrerPolicy;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autofocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1348,7 +1347,6 @@ export declare namespace LuminaJsx {
     }
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         children?: "Error: Use value property instead. See https://lit.dev/docs/templates/expressions/#invalid-locations";
-        autofocus?: boolean;
         cols?: number | string;
         dirname?: string;
         disabled?: boolean;
@@ -1862,7 +1860,7 @@ export declare namespace LuminaJsx {
         base: BaseHTMLAttributes<HTMLBaseElement>;
         bdi: HTMLAttributes;
         bdo: HTMLAttributes;
-        blockquote: BlockquoteHTMLAttributes<HTMLElement>;
+        blockquote: BlockquoteHTMLAttributes<HTMLQuoteElement>;
         body: HTMLAttributes<HTMLBodyElement>;
         br: HTMLAttributes<HTMLBRElement>;
         button: ButtonHTMLAttributes<HTMLButtonElement>;
@@ -1872,7 +1870,7 @@ export declare namespace LuminaJsx {
         code: HTMLAttributes;
         col: ColHTMLAttributes<HTMLTableColElement>;
         colgroup: ColgroupHTMLAttributes<HTMLTableColElement>;
-        data: DataHTMLAttributes<HTMLElement>;
+        data: DataHTMLAttributes<HTMLDataElement>;
         datalist: HTMLAttributes<HTMLDataListElement>;
         dd: HTMLAttributes;
         del: HTMLAttributes;
@@ -1914,16 +1912,16 @@ export declare namespace LuminaJsx {
         map: MapHTMLAttributes<HTMLMapElement>;
         math: MathMLAttributes;
         mark: HTMLAttributes;
-        menu: MenuHTMLAttributes<HTMLElement>;
+        menu: MenuHTMLAttributes<HTMLMenuElement>;
         meta: MetaHTMLAttributes<HTMLMetaElement>;
-        meter: MeterHTMLAttributes<HTMLElement>;
+        meter: MeterHTMLAttributes<HTMLMeterElement>;
         nav: HTMLAttributes;
         noscript: HTMLAttributes;
         object: ObjectHTMLAttributes<HTMLObjectElement>;
         ol: OlHTMLAttributes<HTMLOListElement>;
         optgroup: OptgroupHTMLAttributes<HTMLOptGroupElement>;
         option: OptionHTMLAttributes<HTMLOptionElement>;
-        output: OutputHTMLAttributes<HTMLElement>;
+        output: OutputHTMLAttributes<HTMLOutputElement>;
         p: HTMLAttributes<HTMLParagraphElement>;
         picture: HTMLAttributes;
         pre: HTMLAttributes<HTMLPreElement>;
@@ -1961,7 +1959,7 @@ export declare namespace LuminaJsx {
         tfoot: HTMLAttributes<HTMLTableSectionElement>;
         th: ThHTMLAttributes<HTMLTableCellElement>;
         thead: HTMLAttributes<HTMLTableSectionElement>;
-        time: TimeHTMLAttributes<HTMLElement>;
+        time: TimeHTMLAttributes<HTMLTimeElement>;
         title: HTMLAttributes<HTMLTitleElement>;
         tr: HTMLAttributes<HTMLTableRowElement>;
         track: TrackHTMLAttributes<HTMLTrackElement>;

package/dist/lazyLoad.d.ts

@@ -2,6 +2,7 @@ import { Deferred } from "@arcgis/components-utils";
 import type { LitElement } from "./LitElement";
 import type { Runtime } from "./runtime";
 import type { ControllerManager } from "@arcgis/components-controllers";
+import type { PublicLitElement } from "./PublicLitElement";
 /**
  * Defines lazy-loading proxy components for all web components in this package.
  *
@@ -105,7 +106,9 @@ export declare abstract class ProxyComponent extends HtmlElement {
     /**
      * Direct offspring that should be awaited before loaded() is emitted
      */
-    _offspring: (Element & Partial<Pick<LitElement, "manager">> & Pick<LitElement, "componentOnReady">)[];
+    _offspring: (PublicLitElement & {
+        manager?: LitElement["manager"];
+    })[];
     /**
      * Promise that resolves once parent's load() completed. False if there is no
      * parent
@@ -147,9 +150,17 @@ export declare abstract class ProxyComponent extends HtmlElement {
     /**
      * Create a promise that resolves once component is fully loaded
      */
-    componentOnReady(): Promise<LitElement>;
+    componentOnReady(): Promise<this>;
     /** @internal */
     _initializeComponent(module: Record<string, typeof LitElement>): void;
+    /**
+     * Implemented on the proxy for compatibility with Lit Context.
+     */
+    addController(): void;
+    /**
+     * Implemented on the proxy for compatibility with Lit Context.
+     */
+    requestUpdate(): void;
 }
 export type GlobalThisWithPuppeteerEnv = typeof globalThis & {
     devOnly$createdElements?: WeakRef<ProxyComponent>[];

package/dist/runtime.d.ts

@@ -8,7 +8,7 @@ import type { LitElement } from "./LitElement";
 export type Runtime = RuntimeOptions & {
     /**
      * Get the base path to where the package assets can be found.
-     * By default, the package asset path is set to "https://js.arcgis.com/<simplified-package-name>/<released-verion>/".
+     * By default, the package asset path is set to `https://js.arcgis.com/<simplified-package-name>/<released-verion>/`.
      * We are hosting our assets on a CDN (Content Delivery Network) to ensure fast and reliable access.
      * It is CORS-enabled, so you can load the assets from any domain.
      * Use "setAssetPath(path)" if the path needs to be customized.
@@ -18,8 +18,8 @@ export type Runtime = RuntimeOptions & {
      * Used to manually set the base path where package assets (like localization
      * and icons) can be found.
      *
-     * By default, the package asset path is set to "https://js.arcgis.com/<simplified-package-name>/<released-verion>/".
-     * For example, "https://js.arcgis.com/map-components/4.30/".
+     * By default, the package asset path is set to `https://js.arcgis.com/<simplified-package-name>/<released-verion>/`.
+     * For example, `https://js.arcgis.com/map-components/4.30/`.
      * We are hosting our assets on a CDN (Content Delivery Network) to ensure fast and reliable access.
      * It is CORS-enabled, so you can load the assets from any domain.
      * This is the recommended way to load the assets and avoid bundling them with your application.

package/dist/stencilSsrCompatibility/index.d.ts

@@ -2,7 +2,6 @@
  * Lots of silencing of ESLint in this file to be compatible with Stencil's
  * unsafe typings.
  */
-/// <reference types="node" />
 import { type RenderInfo } from "@lit-labs/ssr/lib/render.js";
 import type { Readable } from "node:stream";
 /**

package/dist/typings/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference path="jsxGlobals.d.ts" />
-/// <reference path="loadLitCss.d.ts" />
-/// <reference path="viteEnv.d.ts" />
-/// <reference path="importMeta.d.ts" />
+/// <reference path="jsxGlobals.d.ts" preserve="true" />
+/// <reference path="loadLitCss.d.ts" preserve="true" />
+/// <reference path="viteEnv.d.ts" preserve="true" />
+/// <reference path="importMeta.d.ts" preserve="true" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/lumina",
-  "version": "4.32.0-next.2",
+  "version": "4.32.0-next.21",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -17,33 +17,15 @@
   "files": [
     "dist/"
   ],
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
-  },
   "license": "SEE LICENSE IN LICENSE.md",
-  "scripts": {
-    "build": "tsup",
-    "build:dev": "tsup --sourcemap",
-    "watch": "yarn build:dev --watch",
-    "clean": "rimraf ./dist ./build ./turbo ./node_modules"
-  },
   "dependencies": {
-    "@arcgis/components-controllers": "4.32.0-next.2",
-    "@arcgis/components-utils": "4.32.0-next.2",
+    "@arcgis/components-controllers": "4.32.0-next.21",
+    "@arcgis/components-utils": "4.32.0-next.21",
     "@lit-labs/ssr": "^3.2.2",
     "@lit-labs/ssr-client": "^1.1.7",
+    "@lit/context": "^1.1.3",
     "csstype": "^3.1.3",
     "lit": "^3.2.0",
     "tslib": "^2.7.0"
-  },
-  "devDependencies": {
-    "@arcgis/typescript-config": "4.32.0-next.2",
-    "@types/node": "^20.2.5",
-    "eslint": "^8.55.0",
-    "rimraf": "^5.0.0",
-    "tsup": "^8.3.0",
-    "typescript": "~5.4.0"
-  },
-  "gitHead": "8c9d6f7c0e88ea1b6ddbc00ebdb1c89069b0cbbf"
-}
+  }
+}