@arcgis/lumina 4.32.0-next.58 → 4.32.0-next.59

package/dist/LitElement.d.ts

@@ -3,7 +3,7 @@ import { LitElement as OriginalLitElement } from "lit";
 import type { LuminaPropertyDeclaration } from "@arcgis/components-controllers";
 import type { Runtime } from "./runtime";
 import type { ProxyComponent } from "./lazyLoad";
-import type { ToElement } from "./jsx/jsx";
+import type { ToElement } from "./jsx/types";
 type ComponentLifecycle = {
     connectedCallback?: () => void;
     disconnectedCallback?: () => void;

package/dist/index.d.ts

@@ -8,7 +8,8 @@ export { LitElement } from "./LitElement";
 export type { PublicLitElement } from "./PublicLitElement";
 export type { Runtime, RuntimeOptions, DevOnlyGlobalRuntime, DevOnlyGlobalComponentRefCallback } from "./runtime";
 export { makeRuntime } from "./runtime";
-export * from "./jsx/jsx";
+export type { EventHandler } from "./jsx/baseTypes";
+export * from "./jsx/types";
 export { safeClassMap, safeStyleMap, directive, live } from "./jsx/directives";
 export { nothing, noChange, setAttribute, stringOrBoolean } from "./jsx/utils";
 export { noShadowRoot } from "./utils";

package/dist/index.js

@@ -354,7 +354,7 @@ function makeRuntime(options) {
   return runtime;
 }
 
-// src/jsx/jsx.ts
+// src/jsx/types.ts
 var Fragment = void 0;
 var bindAttribute = void 0;
 var bindBooleanAttribute = void 0;

package/dist/jsx/baseTypes.d.ts

@@ -0,0 +1,35 @@
+import type { DirectiveResult } from "lit-html/directive.js";
+import type { Ref } from "lit-html/directives/ref.js";
+export type EventHandlerUnion<T, E extends Event> = (e: E & {
+    currentTarget: T;
+    target: Element;
+}) => void;
+export type InputEventHandlerUnion<T, E extends InputEvent> = (e: E & {
+    currentTarget: T;
+    target: T extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement ? T : Element;
+}) => void;
+export type ChangeEventHandlerUnion<T, E extends Event> = (e: E & {
+    currentTarget: T;
+    target: T extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement ? T : Element;
+}) => void;
+export type FocusEventHandlerUnion<T, E extends FocusEvent> = (e: E & {
+    currentTarget: T;
+    target: T extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement ? T : Element;
+}) => void;
+export type EventHandler<E> = {
+    bivarianceHack(event: E): void;
+}["bivarianceHack"];
+export interface CustomAttributes<T = HTMLElement> {
+    /**
+     * The `key` is a special attribute that can be set on any element.
+     *
+     * At build-time it is translated into the `keyed()` directive:
+     * https://lit.dev/docs/templates/directives/#keyed
+     *
+     * @remarks
+     * Unlike in React or Stencil, any JavaScript value is acceptable as a key
+     */
+    key?: unknown;
+    ref?: EventHandler<T | undefined> | Ref<T>;
+    directives?: readonly DirectiveResult[];
+}