@aracna/react 1.0.26 → 1.0.28

package/definitions/constants.d.ts

@@ -0,0 +1 @@
+export declare const HTML_ELEMENT_EVENTS: string[];

package/definitions/constants.js

@@ -0,0 +1 @@
+const e=["abort","abort-capture","animation-end","animation-end-capture","animation-iteration","animation-iteration-capture","animation-start","animation-start-capture","aux-click","aux-click-capture","before-input","before-input-capture","blur","blur-capture","can-play","can-play-capture","can-play-through","can-play-through-capture","change","change-capture","click","click-capture","composition-end","composition-end-capture","composition-start","composition-start-capture","composition-update","composition-update-capture","context-menu","context-menu-capture","copy","copy-capture","cut","cut-capture","double-click","double-click-capture","drag","drag-capture","drag-end","drag-end-capture","drag-enter","drag-enter-capture","drag-exit","drag-exit-capture","drag-leave","drag-leave-capture","drag-over","drag-over-capture","drag-start","drag-start-capture","drop","drop-capture","duration-change","duration-change-capture","emptied","emptied-capture","encrypted","encrypted-capture","ended","ended-capture","error","error-capture","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","focus","focus-capture","got-pointer-capture","got-pointer-capture-capture","input","input-capture","invalid","invalid-capture","key-down","key-down-capture","key-press","key-press-capture","key-up","key-up-capture","load","load-capture","load-start","load-start-capture","loaded-data","loaded-data-capture","loaded-metadata","loaded-metadata-capture","lost-pointer-capture","lost-pointer-capture-capture","mouse-down","mouse-down-capture","mouse-enter","mouse-leave","mouse-move","mouse-move-capture","mouse-out","mouse-out-capture","mouse-over","mouse-over-capture","mouse-up","mouse-up-capture","paste","paste-capture","pause","pause-capture","play","play-capture","playing","playing-capture","pointer-cancel","pointer-cancel-capture","pointer-down","pointer-down-capture","pointer-enter","pointer-enter-capture","pointer-leave","pointer-leave-capture","pointer-move","pointer-move-capture","pointer-out","pointer-out-capture","pointer-over","pointer-over-capture","pointer-up","pointer-up-capture","progress","progress-capture","rate-change","rate-change-capture","reset","reset-capture","resize","resize-capture","scroll","scroll-capture","seeked","seeked-capture","seeking","seeking-capture","select","select-capture","stalled","stalled-capture","submit","submit-capture","suspend","suspend-capture","time-update","time-update-capture","touch-cancel","touch-cancel-capture","touch-end","touch-end-capture","touch-move","touch-move-capture","touch-start","touch-start-capture","transition-end","transition-end-capture","volume-change","volume-change-capture","waiting","waiting-capture","wheel","wheel-capture"];export{e as HTML_ELEMENT_EVENTS};

package/definitions/types.d.ts

@@ -1,9 +1,9 @@
 import { PascalCase } from '@aracna/core';
-import type { DOMElement, ForwardedRef, HTMLAttributes, RefAttributes } from 'react';
-export type ElementComponent<Element extends HTMLElement, Props extends HTMLAttributes<Element> = {}> = (props: Props, ref: ForwardedRef<Element>) => DOMElement<Props, Element>;
+import type { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';
+export type ElementComponent<Element extends HTMLElement, Props extends HTMLAttributes<Element> = {}> = ForwardRefExoticComponent<Props>;
 export type ElementComponentAttributes = Record<PropertyKey, any>;
-export type ElementComponentEvents = Record<PropertyKey, any>;
-export type ElementComponentProps<Element extends HTMLElement, Attributes extends ElementComponentAttributes = ElementComponentAttributes, Events extends ElementComponentEvents = ElementComponentEvents> = HTMLAttributes<Element> & RefAttributes<Element> & MapComponentAttributes<Attributes | Events>;
-export type MapComponentAttributes<T extends ElementComponentAttributes> = {
-    [key in keyof T as key extends string ? (T[key] extends Event ? `on${PascalCase<key>}` : key) : key]?: T[key] extends Event ? (event: T[key]) => any : T[key];
+export type ElementComponentEvents = Record<string, any>;
+export type ElementComponentProps<Element extends HTMLElement, Attributes extends ElementComponentAttributes = ElementComponentAttributes, Events extends ElementComponentEvents = ElementComponentEvents> = HTMLAttributes<Element> & RefAttributes<Element> & Attributes & MapComponentEvents<Events>;
+export type MapComponentEvents<Events extends ElementComponentEvents> = {
+    [key in keyof Events as key extends string ? `on${PascalCase<key>}` : key]?: (event: Events[key]) => any;
 };

package/functions/create-element-component.d.ts

@@ -1,5 +1,5 @@
 import { KeyOf } from '@aracna/core';
 import { ElementComponent, ElementComponentAttributes, ElementComponentEvents, ElementComponentProps } from '../definitions/types.js';
-export declare function createElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends ElementComponentAttributes = {}, Events extends ElementComponentEvents = {}, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: {
+export declare function createElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends ElementComponentAttributes = ElementComponentAttributes, Events extends ElementComponentEvents = ElementComponentEvents, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: {
     new (): Element;
 }, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;

package/functions/create-element-component.js

@@ -1 +1 @@
-import{getObjectProperty as c,getPascalCaseString as u,setObjectProperty as d}from"@aracna/core";import{createElement as y,createRef as v,forwardRef as g,useEffect as b,useState as C}from"react";function A(E,L,o){return g((e,a)=>{e={...e};for(let t in e)e[t]===!1&&delete e[t],e[t]===!0&&(e[t]="");e.className&&(d(e,"class",e.className),delete e.className);const n=a??v(),i=y(E,{...e,ref:n,suppressHydrationWarning:!0}),[m]=C(new Map),f=()=>{if(!(typeof n!="object"||!n?.current||!o))for(let t of o){let l,r;l="on"+u(String(t)),r=c(e,l),typeof r=="function"&&(n.current.addEventListener(String(t),r),m.set(String(t),r))}},s=()=>{if(!(typeof n!="object"||!n?.current))for(let t of m)n.current.removeEventListener(...t),m.delete(t[0])};return b(()=>(s(),f(),s),[e]),i})}export{A as createElementComponent};
+import{getPascalCaseString as E}from"@aracna/core";import{createComponent as r}from"@lit-labs/react";import s from"react";import{HTML_ELEMENT_EVENTS as p}from"../definitions/constants.js";function c(t,n,m=[]){return r({elementClass:n,events:[...p,...m].reduce((o,e)=>({...o,["on"+E(String(e))]:e}),{}),react:s,tagName:t})}export{c as createElementComponent};

package/index.cjs

@@ -1 +1 @@
-"use strict";var y=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var r in t)y(e,r,{get:t[r],enumerable:!0})},k=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of F(t))!A.call(e,s)&&s!==r&&y(e,s,{get:()=>t[s],enumerable:!(n=w(t,s))||n.enumerable});return e};var S=e=>k(y({},"__esModule",{value:!0}),e);var _={};h(_,{ComponentLifeCycle:()=>C,createBaseElementComponent:()=>E,createElementComponent:()=>T,createFloatingElementComponent:()=>H,createFocusTrapElementComponent:()=>j,createFormFieldElementComponent:()=>D,forwardRef:()=>I,useBaseElementComponent:()=>U,useDispatch:()=>B,useEventListener:()=>d,useIntersectionObserver:()=>G,useLifeCycle:()=>x,useSafeRef:()=>V,useWindowEventListener:()=>W});module.exports=S(_);var C=(n=>(n.CONSTRUCTED="CONSTRUCTED",n.MOUNTED="MOUNTED",n.UNMOUNTED="UNMOUNTED",n))(C||{});var p=require("@aracna/core"),l=require("react");function T(e,t,r){return(0,l.forwardRef)((n,s)=>{n={...n};for(let a in n)n[a]===!1&&delete n[a],n[a]===!0&&(n[a]="");n.className&&((0,p.setObjectProperty)(n,"class",n.className),delete n.className);let o=s??(0,l.createRef)(),M=(0,l.createElement)(e,{...n,ref:o,suppressHydrationWarning:!0}),[u]=(0,l.useState)(new Map),v=()=>{if(!(typeof o!="object"||!o?.current||!r))for(let a of r){let g,c;g="on"+(0,p.getPascalCaseString)(String(a)),c=(0,p.getObjectProperty)(n,g),typeof c=="function"&&(o.current.addEventListener(String(a),c),u.set(String(a),c))}},m=()=>{if(!(typeof o!="object"||!o?.current))for(let a of u)o.current.removeEventListener(...a),u.delete(a[0])};return(0,l.useEffect)(()=>(m(),v(),m),[n]),M})}function E(e,t,r=[]){return T(e,t,["attribute-change","state-change",...r])}function H(e,t,r){return E(e,t,r)}function j(e,t,r=[]){return E(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...r])}function D(e,t,r){return E(e,t,r)}var R=require("react");function I(...e){return(0,R.forwardRef)(e[0])}var f=require("react");var O=require("react");function d(e,t,r,n=[]){(0,O.useEffect)(()=>(e.current?.addEventListener(t,r),()=>e.current?.removeEventListener(t,r)),n)}function U(e){let t=(0,f.useRef)(null),[,r]=(0,f.useReducer)(()=>({}),{}),n=o=>{e?.attribute?.dispatch===!0&&o.detail&&(e.attribute.blacklist&&e.attribute.blacklist.includes(o.detail.name)||e.attribute.whitelist&&!e.attribute.whitelist.includes(o.detail.name)||r())},s=o=>{e?.state?.dispatch===!0&&o.detail&&(e.state.blacklist&&e.state.blacklist.includes(o.detail.name)||e.state.whitelist&&!e.state.whitelist.includes(o.detail.name)||r())};return d(t,"attribute-changed",n,[t.current]),d(t,"state-changed",s,[t.current]),(0,f.useEffect)(()=>r(),[t.current]),{element:t.current,ref:t}}var K=require("react");var b=require("react");function x(){let e=(0,b.useRef)("CONSTRUCTED");return(0,b.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"})),e}function B(e){let t=x(),r=(0,K.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":r[1](),e&&e();break}}}var i=require("react");function G(e,t){let r=(0,i.useRef)(),[n,s]=(0,i.useState)([]),o=(0,i.useMemo)(()=>n.some(m=>m.isIntersecting),[n]),M=(0,i.useMemo)(()=>n.every(m=>m.isIntersecting),[n]),u=o,v=m=>{s(m)};return(0,i.useEffect)(()=>{r.current=new IntersectionObserver(v,t);for(let m of e){if(!m.current)return;r.current.observe(m.current)}return()=>r.current?.disconnect()},[]),{entries:n,observer:r,areSomeIntersecting:o,isEveryIntersecting:M,isIntersecting:u}}var L=require("@aracna/core"),N=require("react");function V(e,t){return(0,N.useRef)(L.Environment.isWindowDefined?document.createElement(e,t):{current:{}})}var P=require("react");function W(e,t,r=[]){(0,P.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),r)}
+"use strict";var L=Object.create;var i=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var H=(e,t)=>{for(var n in t)i(e,n,{get:t[n],enumerable:!0})},f=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of k(t))!A.call(e,o)&&o!==n&&i(e,o,{get:()=>t[o],enumerable:!(r=P(t,o))||r.enumerable});return e};var S=(e,t,n)=>(n=e!=null?L(F(e)):{},f(t||!e||!e.__esModule?i(n,"default",{value:e,enumerable:!0}):n,e)),D=e=>f(i({},"__esModule",{value:!0}),e);var q={};H(q,{ComponentLifeCycle:()=>v,createBaseElementComponent:()=>m,createElementComponent:()=>E,createFloatingElementComponent:()=>j,createFocusTrapElementComponent:()=>I,createFormFieldElementComponent:()=>U,forwardRef:()=>B,useBaseElementComponent:()=>V,useDispatch:()=>G,useEventListener:()=>l,useIntersectionObserver:()=>_,useLifeCycle:()=>d,useSafeRef:()=>W,useWindowEventListener:()=>z});module.exports=D(q);var v=(r=>(r.CONSTRUCTED="CONSTRUCTED",r.MOUNTED="MOUNTED",r.UNMOUNTED="UNMOUNTED",r))(v||{});var y=require("@aracna/core"),M=require("@lit-labs/react"),T=S(require("react"),1);var b=["abort","abort-capture","animation-end","animation-end-capture","animation-iteration","animation-iteration-capture","animation-start","animation-start-capture","aux-click","aux-click-capture","before-input","before-input-capture","blur","blur-capture","can-play","can-play-capture","can-play-through","can-play-through-capture","change","change-capture","click","click-capture","composition-end","composition-end-capture","composition-start","composition-start-capture","composition-update","composition-update-capture","context-menu","context-menu-capture","copy","copy-capture","cut","cut-capture","double-click","double-click-capture","drag","drag-capture","drag-end","drag-end-capture","drag-enter","drag-enter-capture","drag-exit","drag-exit-capture","drag-leave","drag-leave-capture","drag-over","drag-over-capture","drag-start","drag-start-capture","drop","drop-capture","duration-change","duration-change-capture","emptied","emptied-capture","encrypted","encrypted-capture","ended","ended-capture","error","error-capture","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","focus","focus-capture","got-pointer-capture","got-pointer-capture-capture","input","input-capture","invalid","invalid-capture","key-down","key-down-capture","key-press","key-press-capture","key-up","key-up-capture","load","load-capture","load-start","load-start-capture","loaded-data","loaded-data-capture","loaded-metadata","loaded-metadata-capture","lost-pointer-capture","lost-pointer-capture-capture","mouse-down","mouse-down-capture","mouse-enter","mouse-leave","mouse-move","mouse-move-capture","mouse-out","mouse-out-capture","mouse-over","mouse-over-capture","mouse-up","mouse-up-capture","paste","paste-capture","pause","pause-capture","play","play-capture","playing","playing-capture","pointer-cancel","pointer-cancel-capture","pointer-down","pointer-down-capture","pointer-enter","pointer-enter-capture","pointer-leave","pointer-leave-capture","pointer-move","pointer-move-capture","pointer-out","pointer-out-capture","pointer-over","pointer-over-capture","pointer-up","pointer-up-capture","progress","progress-capture","rate-change","rate-change-capture","reset","reset-capture","resize","resize-capture","scroll","scroll-capture","seeked","seeked-capture","seeking","seeking-capture","select","select-capture","stalled","stalled-capture","submit","submit-capture","suspend","suspend-capture","time-update","time-update-capture","touch-cancel","touch-cancel-capture","touch-end","touch-end-capture","touch-move","touch-move-capture","touch-start","touch-start-capture","transition-end","transition-end-capture","volume-change","volume-change-capture","waiting","waiting-capture","wheel","wheel-capture"];function E(e,t,n=[]){return(0,M.createComponent)({elementClass:t,events:[...b,...n].reduce((r,o)=>({...r,["on"+(0,y.getPascalCaseString)(String(o))]:o}),{}),react:T.default,tagName:e})}function m(e,t,n=[]){return E(e,t,["attribute-change","state-change",...n])}function j(e,t,n){return m(e,t,n)}function I(e,t,n=[]){return m(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function U(e,t,n){return m(e,t,n)}var g=require("react");function B(...e){return(0,g.forwardRef)(e[0])}var u=require("react");var x=require("react");function l(e,t,n,r=[]){(0,x.useEffect)(()=>(e.current?.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)),r)}function V(e){let t=(0,u.useRef)(null),[,n]=(0,u.useReducer)(()=>({}),{}),r=a=>{e?.attribute?.dispatch===!0&&a.detail&&(e.attribute.blacklist&&e.attribute.blacklist.includes(a.detail.name)||e.attribute.whitelist&&!e.attribute.whitelist.includes(a.detail.name)||n())},o=a=>{e?.state?.dispatch===!0&&a.detail&&(e.state.blacklist&&e.state.blacklist.includes(a.detail.name)||e.state.whitelist&&!e.state.whitelist.includes(a.detail.name)||n())};return l(t,"attribute-changed",r,[t.current]),l(t,"state-changed",o,[t.current]),(0,u.useEffect)(()=>n(),[t.current]),{element:t.current,ref:t}}var C=require("react");var c=require("react");function d(){let e=(0,c.useRef)("CONSTRUCTED");return(0,c.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"})),e}function G(e){let t=d(),n=(0,C.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var p=require("react");function _(e,t){let n=(0,p.useRef)(),[r,o]=(0,p.useState)([]),a=(0,p.useMemo)(()=>r.some(s=>s.isIntersecting),[r]),N=(0,p.useMemo)(()=>r.every(s=>s.isIntersecting),[r]),w=a,O=s=>{o(s)};return(0,p.useEffect)(()=>{n.current=new IntersectionObserver(O,t);for(let s of e){if(!s.current)return;n.current.observe(s.current)}return()=>n.current?.disconnect()},[]),{entries:r,observer:n,areSomeIntersecting:a,isEveryIntersecting:N,isIntersecting:w}}var h=require("@aracna/core"),R=require("react");function W(e,t){return(0,R.useRef)(h.Environment.isWindowDefined?document.createElement(e,t):{current:{}})}var K=require("react");function z(e,t,n=[]){(0,K.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),n)}

package/index.d.ts

@@ -280,7 +280,6 @@ import type { DisclosureSectionElementEventMap } from '@aracna/web';
 import type { DividerElement } from '@aracna/web-components/elements/layout/divider-element.js';
 import type { DividerElementAttributes } from '@aracna/web';
 import type { DividerElementEventMap } from '@aracna/web';
-import type { DOMElement } from 'react';
 import type { FeedArticleDescriptionElement } from '@aracna/web-components/elements/data/feed-element.js';
 import type { FeedArticleDescriptionElementAttributes } from '@aracna/web';
 import type { FeedArticleDescriptionElementEventMap } from '@aracna/web';
@@ -303,6 +302,7 @@ import type { FormElementEventMap } from '@aracna/web';
 import { FormFieldElementAttributes } from '@aracna/web';
 import { FormFieldElementEventMap } from '@aracna/web';
 import { ForwardedRef } from 'react';
+import type { ForwardRefExoticComponent } from 'react';
 import type { HTMLAttributes } from 'react';
 import type { IconElement } from '@aracna/web-components/elements/data/icon-element.js';
 import type { IconElementAttributes } from '@aracna/web';
@@ -592,7 +592,7 @@ export declare function createBaseElementComponent<Element extends HTMLElementTa
     new (): Element;
 }, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;
 
-export declare function createElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends ElementComponentAttributes = {}, Events extends ElementComponentEvents = {}, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: {
+export declare function createElementComponent<Element extends HTMLElementTagNameMap[Key], Attributes extends ElementComponentAttributes = ElementComponentAttributes, Events extends ElementComponentEvents = ElementComponentEvents, Props extends ElementComponentProps<Element, Attributes, Events> = ElementComponentProps<Element, Attributes, Events>, Key extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(tag: Key, element: {
     new (): Element;
 }, events?: KeyOf.Shallow<Events>[]): ElementComponent<Element, Props>;
 
@@ -624,13 +624,13 @@ export declare type DisclosureSectionProps = ElementComponentProps<DisclosureSec
 
 export declare type DividerProps = ElementComponentProps<DividerElement, DividerElementAttributes, DividerElementEventMap>;
 
-export declare type ElementComponent<Element extends HTMLElement, Props extends HTMLAttributes<Element> = {}> = (props: Props, ref: ForwardedRef<Element>) => DOMElement<Props, Element>;
+export declare type ElementComponent<Element extends HTMLElement, Props extends HTMLAttributes<Element> = {}> = ForwardRefExoticComponent<Props>;
 
 export declare type ElementComponentAttributes = Record<PropertyKey, any>;
 
-export declare type ElementComponentEvents = Record<PropertyKey, any>;
+export declare type ElementComponentEvents = Record<string, any>;
 
-export declare type ElementComponentProps<Element extends HTMLElement, Attributes extends ElementComponentAttributes = ElementComponentAttributes, Events extends ElementComponentEvents = ElementComponentEvents> = HTMLAttributes<Element> & RefAttributes<Element> & MapComponentAttributes<Attributes | Events>;
+export declare type ElementComponentProps<Element extends HTMLElement, Attributes extends ElementComponentAttributes = ElementComponentAttributes, Events extends ElementComponentEvents = ElementComponentEvents> = HTMLAttributes<Element> & RefAttributes<Element> & Attributes & MapComponentEvents<Events>;
 
 export declare type FeedArticleDescriptionProps = ElementComponentProps<FeedArticleDescriptionElement, FeedArticleDescriptionElementAttributes, FeedArticleDescriptionElementEventMap>;
 
@@ -642,11 +642,11 @@ export declare type FeedProps = ElementComponentProps<FeedElement, FeedElementAt
 
 export declare type FormProps = ElementComponentProps<FormElement, FormElementAttributes, FormElementEventMap>;
 
-export declare function forwardRef<T, P = {}>(render: ForwardRefRenderFunction<T, P>): ForwardRefExoticComponent<P>;
+export declare function forwardRef<T, P = {}>(render: ForwardRefRenderFunction<T, P>): ForwardRefExoticComponent_2<P>;
 
 export declare function forwardRef<T, P = {}>(render: NullableForwardRefRenderFunction<T, P>): NullableForwardRefExoticComponent<P>;
 
-declare type ForwardRefExoticComponent<P = {}> = (props: P) => ReactElement;
+declare type ForwardRefExoticComponent_2<P = {}> = (props: P) => ReactElement;
 
 declare type ForwardRefRenderFunction<T, P = {}> = (props: P, ref: ForwardedRef<T>) => ReactElement<P>;
 
@@ -662,8 +662,8 @@ export declare type ListItemProps = ElementComponentProps<ListItemElement, ListI
 
 export declare type ListProps = ElementComponentProps<ListElement, ListElementAttributes, ListElementEventMap>;
 
-export declare type MapComponentAttributes<T extends ElementComponentAttributes> = {
-    [key in keyof T as key extends string ? (T[key] extends Event ? `on${PascalCase<key>}` : key) : key]?: T[key] extends Event ? (event: T[key]) => any : T[key];
+export declare type MapComponentEvents<Events extends ElementComponentEvents> = {
+    [key in keyof Events as key extends string ? `on${PascalCase<key>}` : key]?: (event: Events[key]) => any;
 };
 
 export declare type MenuButtonProps = ElementComponentProps<MenuButtonElement, MenuButtonElementAttributes, MenuButtonElementEventMap>;

package/index.iife.js

@@ -1,4 +1,4 @@
-"use strict";var AracnaReact=(()=>{var de=Object.create;var S=Object.defineProperty;var ye=Object.getOwnPropertyDescriptor;var Te=Object.getOwnPropertyNames;var be=Object.getPrototypeOf,_e=Object.prototype.hasOwnProperty;var G=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Re=(e,t)=>{for(var n in t)S(e,n,{get:t[n],enumerable:!0})},V=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Te(t))!_e.call(e,s)&&s!==n&&S(e,s,{get:()=>t[s],enumerable:!(r=ye(t,s))||r.enumerable});return e};var d=(e,t,n)=>(n=e!=null?de(be(e)):{},V(t||!e||!e.__esModule?S(n,"default",{value:e,enumerable:!0}):n,e)),ge=e=>V(S({},"__esModule",{value:!0}),e);var ue=G(i=>{"use strict";var O=Symbol.for("react.element"),Ae=Symbol.for("react.portal"),Ce=Symbol.for("react.fragment"),Le=Symbol.for("react.strict_mode"),Me=Symbol.for("react.profiler"),Pe=Symbol.for("react.provider"),Ne=Symbol.for("react.context"),he=Symbol.for("react.forward_ref"),xe=Symbol.for("react.suspense"),De=Symbol.for("react.memo"),we=Symbol.for("react.lazy"),z=Symbol.iterator;function Fe(e){return e===null||typeof e!="object"?null:(e=z&&e[z]||e["@@iterator"],typeof e=="function"?e:null)}var te={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},ne=Object.assign,re={};function _(e,t,n){this.props=e,this.context=t,this.refs=re,this.updater=n||te}_.prototype.isReactComponent={};_.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};_.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function oe(){}oe.prototype=_.prototype;function U(e,t,n){this.props=e,this.context=t,this.refs=re,this.updater=n||te}var K=U.prototype=new oe;K.constructor=U;ne(K,_.prototype);K.isPureReactComponent=!0;var Z=Array.isArray,se=Object.prototype.hasOwnProperty,j={current:null},ie={key:!0,ref:!0,__self:!0,__source:!0};function ae(e,t,n){var r,s={},o=null,c=null;if(t!=null)for(r in t.ref!==void 0&&(c=t.ref),t.key!==void 0&&(o=""+t.key),t)se.call(t,r)&&!ie.hasOwnProperty(r)&&(s[r]=t[r]);var a=arguments.length-2;if(a===1)s.children=n;else if(1<a){for(var u=Array(a),l=0;l<a;l++)u[l]=arguments[l+2];s.children=u}if(e&&e.defaultProps)for(r in a=e.defaultProps,a)s[r]===void 0&&(s[r]=a[r]);return{$$typeof:O,type:e,key:o,ref:c,props:s,_owner:j.current}}function Ue(e,t){return{$$typeof:O,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function I(e){return typeof e=="object"&&e!==null&&e.$$typeof===O}function Ke(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var ee=/\/+/g;function F(e,t){return typeof e=="object"&&e!==null&&e.key!=null?Ke(""+e.key):t.toString(36)}function M(e,t,n,r,s){var o=typeof e;(o==="undefined"||o==="boolean")&&(e=null);var c=!1;if(e===null)c=!0;else switch(o){case"string":case"number":c=!0;break;case"object":switch(e.$$typeof){case O:case Ae:c=!0}}if(c)return c=e,s=s(c),e=r===""?"."+F(c,0):r,Z(s)?(n="",e!=null&&(n=e.replace(ee,"$&/")+"/"),M(s,t,n,"",function(l){return l})):s!=null&&(I(s)&&(s=Ue(s,n+(!s.key||c&&c.key===s.key?"":(""+s.key).replace(ee,"$&/")+"/")+e)),t.push(s)),1;if(c=0,r=r===""?".":r+":",Z(e))for(var a=0;a<e.length;a++){o=e[a];var u=r+F(o,a);c+=M(o,t,n,u,s)}else if(u=Fe(e),typeof u=="function")for(e=u.call(e),a=0;!(o=e.next()).done;)o=o.value,u=r+F(o,a++),c+=M(o,t,n,u,s);else if(o==="object")throw t=String(e),Error("Objects are not valid as a React child (found: "+(t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return c}function L(e,t,n){if(e==null)return e;var r=[],s=0;return M(e,r,"","",function(o){return t.call(n,o,s++)}),r}function je(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(n){(e._status===0||e._status===-1)&&(e._status=1,e._result=n)},function(n){(e._status===0||e._status===-1)&&(e._status=2,e._result=n)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var f={current:null},P={transition:null},Ie={ReactCurrentDispatcher:f,ReactCurrentBatchConfig:P,ReactCurrentOwner:j};i.Children={map:L,forEach:function(e,t,n){L(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return L(e,function(){t++}),t},toArray:function(e){return L(e,function(t){return t})||[]},only:function(e){if(!I(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};i.Component=_;i.Fragment=Ce;i.Profiler=Me;i.PureComponent=U;i.StrictMode=Le;i.Suspense=xe;i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Ie;i.cloneElement=function(e,t,n){if(e==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=ne({},e.props),s=e.key,o=e.ref,c=e._owner;if(t!=null){if(t.ref!==void 0&&(o=t.ref,c=j.current),t.key!==void 0&&(s=""+t.key),e.type&&e.type.defaultProps)var a=e.type.defaultProps;for(u in t)se.call(t,u)&&!ie.hasOwnProperty(u)&&(r[u]=t[u]===void 0&&a!==void 0?a[u]:t[u])}var u=arguments.length-2;if(u===1)r.children=n;else if(1<u){a=Array(u);for(var l=0;l<u;l++)a[l]=arguments[l+2];r.children=a}return{$$typeof:O,type:e.type,key:s,ref:o,props:r,_owner:c}};i.createContext=function(e){return e={$$typeof:Ne,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:Pe,_context:e},e.Consumer=e};i.createElement=ae;i.createFactory=function(e){var t=ae.bind(null,e);return t.type=e,t};i.createRef=function(){return{current:null}};i.forwardRef=function(e){return{$$typeof:he,render:e}};i.isValidElement=I;i.lazy=function(e){return{$$typeof:we,_payload:{_status:-1,_result:e},_init:je}};i.memo=function(e,t){return{$$typeof:De,type:e,compare:t===void 0?null:t}};i.startTransition=function(e){var t=P.transition;P.transition={};try{e()}finally{P.transition=t}};i.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")};i.useCallback=function(e,t){return f.current.useCallback(e,t)};i.useContext=function(e){return f.current.useContext(e)};i.useDebugValue=function(){};i.useDeferredValue=function(e){return f.current.useDeferredValue(e)};i.useEffect=function(e,t){return f.current.useEffect(e,t)};i.useId=function(){return f.current.useId()};i.useImperativeHandle=function(e,t,n){return f.current.useImperativeHandle(e,t,n)};i.useInsertionEffect=function(e,t){return f.current.useInsertionEffect(e,t)};i.useLayoutEffect=function(e,t){return f.current.useLayoutEffect(e,t)};i.useMemo=function(e,t){return f.current.useMemo(e,t)};i.useReducer=function(e,t,n){return f.current.useReducer(e,t,n)};i.useRef=function(e){return f.current.useRef(e)};i.useState=function(e){return f.current.useState(e)};i.useSyncExternalStore=function(e,t,n){return f.current.useSyncExternalStore(e,t,n)};i.useTransition=function(){return f.current.useTransition()};i.version="18.2.0"});var p=G((Tt,ce)=>{"use strict";ce.exports=ue()});var Qe={};Re(Qe,{ComponentLifeCycle:()=>$,createBaseElementComponent:()=>T,createElementComponent:()=>k,createFloatingElementComponent:()=>ke,createFocusTrapElementComponent:()=>He,createFormFieldElementComponent:()=>Be,forwardRef:()=>Ge,useBaseElementComponent:()=>Ve,useDispatch:()=>$e,useEventListener:()=>N,useIntersectionObserver:()=>Xe,useLifeCycle:()=>H,useSafeRef:()=>We,useWindowEventListener:()=>Je});var $=(r=>(r.CONSTRUCTED="CONSTRUCTED",r.MOUNTED="MOUNTED",r.UNMOUNTED="UNMOUNTED",r))($||{});function x(...e){}var X=()=>({tc:{log:!0,onCatch:x},tcp:{log:!0,onCatch:x}});var Oe="abcdefghijklmnopqrstuvwxyz";var D="0123456789",ve="ABCDEFGHIJKLMNOPQRSTUVWXYZ",et=D+Oe+ve,tt=D+"abcdef",nt=D+"ABCDEF";var w=/([^.])\[/g,A=/[\[\]]/g;var W=/[^a-zA-Z]/g;var g=class{static module=X()};function b(e,t=g.module.tc.log){try{return e()}catch(n){return t&&console.error(n),g.module.tc.onCatch(n,t),n}}var C=class{static get(t){let n;return n=b(()=>process.env[t],!1),n instanceof Error?"":n||""}static has(t){let n;return n=b(()=>process.env[t],!1),!(n instanceof Error||typeof n>"u")}static get isBlobDefined(){return typeof Blob<"u"}static get isBlobNotDefined(){return typeof Blob>"u"}static get isDevelopment(){return this.NODE_ENV==="development"}static get isNotDevelopment(){return this.NODE_ENV!=="development"}static get isDocumentDefined(){return typeof document<"u"}static get isDocumentNotDefined(){return typeof document>"u"}static get isFetchDefined(){return typeof fetch<"u"}static get isFetchNotDefined(){return typeof fetch>"u"}static get isFileDefined(){return typeof File<"u"}static get isFileNotDefined(){return typeof File>"u"}static get isFormDataDefined(){return typeof FormData<"u"}static get isFormDataNotDefined(){return typeof FormData>"u"}static get isJest(){return typeof b(()=>process.env.JEST_WORKER_ID,!1)=="string"}static get isNotJest(){return typeof b(()=>process.env.JEST_WORKER_ID,!1)!="string"}static get isProduction(){return this.NODE_ENV==="production"}static get isNotProduction(){return this.NODE_ENV!=="production"}static get isTest(){return this.NODE_ENV==="test"}static get isNotTest(){return this.NODE_ENV!=="test"}static get isProcessDefined(){return typeof process<"u"}static get isProcessNotDefined(){return typeof process>"u"}static get isWindowDefined(){return typeof window<"u"}static get isWindowNotDefined(){return typeof window>"u"}static get NODE_ENV(){let t;return t=b(()=>"production",!1),t instanceof Error?"":t||""}};function Se(e,t=!1){return e.charAt(0).toUpperCase()+(t?e.slice(1).toLowerCase():e.slice(1))}function J(e){let t,n;t="",n=!1;for(let r of e){if(W.test(r)){n=!0;continue}if(n){t+=r.toUpperCase(),n=!1;continue}t+=r}return Se(t)}function Q(e,t,n){switch(typeof t){case"number":case"symbol":return e[t];case"string":if(t.includes(".")){let r,s,o;return r=t.replace(w,"$1.[").split("."),s=r[r.length-1].replace(A,""),o=q(e,r),o instanceof Error?n:o[s]}return t in e?e[t]:n}}function q(e,t,n=!1){let r=e;for(let s=0;s<t.length;s++){let o;if(!(s>=t.length-1))switch(o=t[s],o=o.replace(A,""),typeof r[o]){case"object":if(r[o]===null)return new Error("The target value is null.");r=r[o];continue;case"undefined":if(n){r[o]=t[s+1].includes("[")?[]:{},r=r[o];continue}return new Error("The target type is undefined.");default:return new Error("The target type is nor undefined nor object.")}}return r}function Y(e,t,n){switch(typeof t){case"number":case"symbol":e[t]=n;break;case"string":if(t.includes(".")){let r,s,o;if(r=t.replace(w,"$1.[").split("."),o=r[r.length-1].replace(A,""),s=q(e,r,!0),s instanceof Error)return s;s[o]=n;break}e[t]=n;break}}var m=d(p(),1);function k(e,t,n){return(0,m.forwardRef)((r,s)=>{r={...r};for(let E in r)r[E]===!1&&delete r[E],r[E]===!0&&(r[E]="");r.className&&(Y(r,"class",r.className),delete r.className);let o=s??(0,m.createRef)(),c=(0,m.createElement)(e,{...r,ref:o,suppressHydrationWarning:!0}),[a]=(0,m.useState)(new Map),u=()=>{if(!(typeof o!="object"||!o?.current||!n))for(let E of n){let B,v;B="on"+J(String(E)),v=Q(r,B),typeof v=="function"&&(o.current.addEventListener(String(E),v),a.set(String(E),v))}},l=()=>{if(!(typeof o!="object"||!o?.current))for(let E of a)o.current.removeEventListener(...E),a.delete(E[0])};return(0,m.useEffect)(()=>(l(),u(),l),[r]),c})}function T(e,t,n=[]){return k(e,t,["attribute-change","state-change",...n])}function ke(e,t,n){return T(e,t,n)}function He(e,t,n=[]){return T(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function Be(e,t,n){return T(e,t,n)}var le=d(p(),1);function Ge(...e){return(0,le.forwardRef)(e[0])}var R=d(p(),1);var fe=d(p(),1);function N(e,t,n,r=[]){(0,fe.useEffect)(()=>(e.current?.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)),r)}function Ve(e){let t=(0,R.useRef)(null),[,n]=(0,R.useReducer)(()=>({}),{}),r=o=>{e?.attribute?.dispatch===!0&&o.detail&&(e.attribute.blacklist&&e.attribute.blacklist.includes(o.detail.name)||e.attribute.whitelist&&!e.attribute.whitelist.includes(o.detail.name)||n())},s=o=>{e?.state?.dispatch===!0&&o.detail&&(e.state.blacklist&&e.state.blacklist.includes(o.detail.name)||e.state.whitelist&&!e.state.whitelist.includes(o.detail.name)||n())};return N(t,"attribute-changed",r,[t.current]),N(t,"state-changed",s,[t.current]),(0,R.useEffect)(()=>n(),[t.current]),{element:t.current,ref:t}}var Ee=d(p(),1);var h=d(p(),1);function H(){let e=(0,h.useRef)("CONSTRUCTED");return(0,h.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"})),e}function $e(e){let t=H(),n=(0,Ee.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var y=d(p(),1);function Xe(e,t){let n=(0,y.useRef)(),[r,s]=(0,y.useState)([]),o=(0,y.useMemo)(()=>r.some(l=>l.isIntersecting),[r]),c=(0,y.useMemo)(()=>r.every(l=>l.isIntersecting),[r]),a=o,u=l=>{s(l)};return(0,y.useEffect)(()=>{n.current=new IntersectionObserver(u,t);for(let l of e){if(!l.current)return;n.current.observe(l.current)}return()=>n.current?.disconnect()},[]),{entries:r,observer:n,areSomeIntersecting:o,isEveryIntersecting:c,isIntersecting:a}}var pe=d(p(),1);function We(e,t){return(0,pe.useRef)(C.isWindowDefined?document.createElement(e,t):{current:{}})}var me=d(p(),1);function Je(e,t,n=[]){(0,me.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),n)}return ge(Qe);})();
+"use strict";var AracnaReact=(()=>{var de=Object.create;var S=Object.defineProperty;var ye=Object.getOwnPropertyDescriptor;var ve=Object.getOwnPropertyNames;var Te=Object.getPrototypeOf,ge=Object.prototype.hasOwnProperty;var G=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),_e=(e,t)=>{for(var n in t)S(e,n,{get:t[n],enumerable:!0})},V=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of ve(t))!ge.call(e,o)&&o!==n&&S(e,o,{get:()=>t[o],enumerable:!(r=ye(t,o))||r.enumerable});return e};var d=(e,t,n)=>(n=e!=null?de(Te(e)):{},V(t||!e||!e.__esModule?S(n,"default",{value:e,enumerable:!0}):n,e)),Re=e=>V(S({},"__esModule",{value:!0}),e);var se=G(s=>{"use strict";var b=Symbol.for("react.element"),Me=Symbol.for("react.portal"),Le=Symbol.for("react.fragment"),Ae=Symbol.for("react.strict_mode"),Oe=Symbol.for("react.profiler"),Pe=Symbol.for("react.provider"),xe=Symbol.for("react.context"),we=Symbol.for("react.forward_ref"),De=Symbol.for("react.suspense"),Fe=Symbol.for("react.memo"),Ke=Symbol.for("react.lazy"),q=Symbol.iterator;function Ue(e){return e===null||typeof e!="object"?null:(e=q&&e[q]||e["@@iterator"],typeof e=="function"?e:null)}var Z={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},ee=Object.assign,te={};function g(e,t,n){this.props=e,this.context=t,this.refs=te,this.updater=n||Z}g.prototype.isReactComponent={};g.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};g.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function ne(){}ne.prototype=g.prototype;function K(e,t,n){this.props=e,this.context=t,this.refs=te,this.updater=n||Z}var U=K.prototype=new ne;U.constructor=K;ee(U,g.prototype);U.isPureReactComponent=!0;var Q=Array.isArray,re=Object.prototype.hasOwnProperty,k={current:null},oe={key:!0,ref:!0,__self:!0,__source:!0};function ae(e,t,n){var r,o={},a=null,p=null;if(t!=null)for(r in t.ref!==void 0&&(p=t.ref),t.key!==void 0&&(a=""+t.key),t)re.call(t,r)&&!oe.hasOwnProperty(r)&&(o[r]=t[r]);var u=arguments.length-2;if(u===1)o.children=n;else if(1<u){for(var i=Array(u),c=0;c<u;c++)i[c]=arguments[c+2];o.children=i}if(e&&e.defaultProps)for(r in u=e.defaultProps,u)o[r]===void 0&&(o[r]=u[r]);return{$$typeof:b,type:e,key:a,ref:p,props:o,_owner:k.current}}function ke(e,t){return{$$typeof:b,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function I(e){return typeof e=="object"&&e!==null&&e.$$typeof===b}function Ie(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var Y=/\/+/g;function F(e,t){return typeof e=="object"&&e!==null&&e.key!=null?Ie(""+e.key):t.toString(36)}function M(e,t,n,r,o){var a=typeof e;(a==="undefined"||a==="boolean")&&(e=null);var p=!1;if(e===null)p=!0;else switch(a){case"string":case"number":p=!0;break;case"object":switch(e.$$typeof){case b:case Me:p=!0}}if(p)return p=e,o=o(p),e=r===""?"."+F(p,0):r,Q(o)?(n="",e!=null&&(n=e.replace(Y,"$&/")+"/"),M(o,t,n,"",function(c){return c})):o!=null&&(I(o)&&(o=ke(o,n+(!o.key||p&&p.key===o.key?"":(""+o.key).replace(Y,"$&/")+"/")+e)),t.push(o)),1;if(p=0,r=r===""?".":r+":",Q(e))for(var u=0;u<e.length;u++){a=e[u];var i=r+F(a,u);p+=M(a,t,n,i,o)}else if(i=Ue(e),typeof i=="function")for(e=i.call(e),u=0;!(a=e.next()).done;)a=a.value,i=r+F(a,u++),p+=M(a,t,n,i,o);else if(a==="object")throw t=String(e),Error("Objects are not valid as a React child (found: "+(t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return p}function N(e,t,n){if(e==null)return e;var r=[],o=0;return M(e,r,"","",function(a){return t.call(n,a,o++)}),r}function He(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(n){(e._status===0||e._status===-1)&&(e._status=1,e._result=n)},function(n){(e._status===0||e._status===-1)&&(e._status=2,e._result=n)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var m={current:null},L={transition:null},je={ReactCurrentDispatcher:m,ReactCurrentBatchConfig:L,ReactCurrentOwner:k};s.Children={map:N,forEach:function(e,t,n){N(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return N(e,function(){t++}),t},toArray:function(e){return N(e,function(t){return t})||[]},only:function(e){if(!I(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};s.Component=g;s.Fragment=Le;s.Profiler=Oe;s.PureComponent=K;s.StrictMode=Ae;s.Suspense=De;s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=je;s.cloneElement=function(e,t,n){if(e==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=ee({},e.props),o=e.key,a=e.ref,p=e._owner;if(t!=null){if(t.ref!==void 0&&(a=t.ref,p=k.current),t.key!==void 0&&(o=""+t.key),e.type&&e.type.defaultProps)var u=e.type.defaultProps;for(i in t)re.call(t,i)&&!oe.hasOwnProperty(i)&&(r[i]=t[i]===void 0&&u!==void 0?u[i]:t[i])}var i=arguments.length-2;if(i===1)r.children=n;else if(1<i){u=Array(i);for(var c=0;c<i;c++)u[c]=arguments[c+2];r.children=u}return{$$typeof:b,type:e.type,key:o,ref:a,props:r,_owner:p}};s.createContext=function(e){return e={$$typeof:xe,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:Pe,_context:e},e.Consumer=e};s.createElement=ae;s.createFactory=function(e){var t=ae.bind(null,e);return t.type=e,t};s.createRef=function(){return{current:null}};s.forwardRef=function(e){return{$$typeof:we,render:e}};s.isValidElement=I;s.lazy=function(e){return{$$typeof:Ke,_payload:{_status:-1,_result:e},_init:He}};s.memo=function(e,t){return{$$typeof:Fe,type:e,compare:t===void 0?null:t}};s.startTransition=function(e){var t=L.transition;L.transition={};try{e()}finally{L.transition=t}};s.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")};s.useCallback=function(e,t){return m.current.useCallback(e,t)};s.useContext=function(e){return m.current.useContext(e)};s.useDebugValue=function(){};s.useDeferredValue=function(e){return m.current.useDeferredValue(e)};s.useEffect=function(e,t){return m.current.useEffect(e,t)};s.useId=function(){return m.current.useId()};s.useImperativeHandle=function(e,t,n){return m.current.useImperativeHandle(e,t,n)};s.useInsertionEffect=function(e,t){return m.current.useInsertionEffect(e,t)};s.useLayoutEffect=function(e,t){return m.current.useLayoutEffect(e,t)};s.useMemo=function(e,t){return m.current.useMemo(e,t)};s.useReducer=function(e,t,n){return m.current.useReducer(e,t,n)};s.useRef=function(e){return m.current.useRef(e)};s.useState=function(e){return m.current.useState(e)};s.useSyncExternalStore=function(e,t,n){return m.current.useSyncExternalStore(e,t,n)};s.useTransition=function(){return m.current.useTransition()};s.version="18.2.0"});var E=G((_t,ue)=>{"use strict";ue.exports=se()});var Qe={};_e(Qe,{ComponentLifeCycle:()=>$,createBaseElementComponent:()=>v,createElementComponent:()=>H,createFloatingElementComponent:()=>Be,createFocusTrapElementComponent:()=>Ge,createFormFieldElementComponent:()=>Ve,forwardRef:()=>$e,useBaseElementComponent:()=>We,useDispatch:()=>Xe,useEventListener:()=>A,useIntersectionObserver:()=>Je,useLifeCycle:()=>j,useSafeRef:()=>ze,useWindowEventListener:()=>qe});var $=(r=>(r.CONSTRUCTED="CONSTRUCTED",r.MOUNTED="MOUNTED",r.UNMOUNTED="UNMOUNTED",r))($||{});function x(...e){}var W=()=>({tc:{log:!0,onCatch:x},tcp:{log:!0,onCatch:x}});var be="abcdefghijklmnopqrstuvwxyz";var w="0123456789",he="ABCDEFGHIJKLMNOPQRSTUVWXYZ",nt=w+be+he,rt=w+"abcdef",ot=w+"ABCDEF";var X=/[^a-zA-Z]/g;var R=class{static module=W()};function T(e,t=R.module.tc.log){try{return e()}catch(n){return t&&console.error(n),R.module.tc.onCatch(n,t),n}}var C=class{static get(t){let n;return n=T(()=>process.env[t],!1),n instanceof Error?"":n||""}static has(t){let n;return n=T(()=>process.env[t],!1),!(n instanceof Error||typeof n>"u")}static get isBlobDefined(){return typeof Blob<"u"}static get isBlobNotDefined(){return typeof Blob>"u"}static get isDevelopment(){return this.NODE_ENV==="development"}static get isNotDevelopment(){return this.NODE_ENV!=="development"}static get isDocumentDefined(){return typeof document<"u"}static get isDocumentNotDefined(){return typeof document>"u"}static get isFetchDefined(){return typeof fetch<"u"}static get isFetchNotDefined(){return typeof fetch>"u"}static get isFileDefined(){return typeof File<"u"}static get isFileNotDefined(){return typeof File>"u"}static get isFormDataDefined(){return typeof FormData<"u"}static get isFormDataNotDefined(){return typeof FormData>"u"}static get isJest(){return typeof T(()=>process.env.JEST_WORKER_ID,!1)=="string"}static get isNotJest(){return typeof T(()=>process.env.JEST_WORKER_ID,!1)!="string"}static get isProduction(){return this.NODE_ENV==="production"}static get isNotProduction(){return this.NODE_ENV!=="production"}static get isTest(){return this.NODE_ENV==="test"}static get isNotTest(){return this.NODE_ENV!=="test"}static get isProcessDefined(){return typeof process<"u"}static get isProcessNotDefined(){return typeof process>"u"}static get isWindowDefined(){return typeof window<"u"}static get isWindowNotDefined(){return typeof window>"u"}static get NODE_ENV(){let t;return t=T(()=>"production",!1),t instanceof Error?"":t||""}};function Se(e,t=!1){return e.charAt(0).toUpperCase()+(t?e.slice(1).toLowerCase():e.slice(1))}function J(e){let t,n;t="",n=!1;for(let r of e){if(X.test(r)){n=!0;continue}if(n){t+=r.toUpperCase(),n=!1;continue}t+=r}return Se(t)}var Ce=new Set(["children","localName","ref","style","className"]),z=new WeakMap,Ne=(e,t,n,r,o)=>{let a=o?.[t];a===void 0||n===r?(e[t]=n,n==null&&t in HTMLElement.prototype&&e.removeAttribute(t)):((p,u,i)=>{let c=z.get(p);c===void 0&&z.set(p,c=new Map);let f=c.get(u);i!==void 0?f===void 0?(c.set(u,f={handleEvent:i}),p.addEventListener(u,f)):f.handleEvent=i:f!==void 0&&(c.delete(u),p.removeEventListener(u,f))})(e,a,n)},D=({react:e,tagName:t,elementClass:n,events:r,displayName:o})=>{let a=new Set(Object.keys(r??{})),p=e.forwardRef((u,i)=>{let c=e.useRef(null),f=e.useRef(null),h={},B={};for(let[l,P]of Object.entries(u))Ce.has(l)?h[l==="className"?"class":l]=P:a.has(l)||l in n.prototype?B[l]=P:h[l]=P;return e.useLayoutEffect(()=>{if(f.current!==null){for(let l in B)Ne(f.current,l,u[l],c.current?c.current[l]:void 0,r);c.current=u}}),e.useLayoutEffect(()=>{var l;(l=f.current)===null||l===void 0||l.removeAttribute("defer-hydration")},[]),h.suppressHydrationWarning=!0,e.createElement(t,{...h,ref:l=>{f.current=l,typeof i=="function"?i(l):i!==null&&(i.current=l)}})});return p.displayName=o??n.name,p};var ce=d(E(),1);var ie=["abort","abort-capture","animation-end","animation-end-capture","animation-iteration","animation-iteration-capture","animation-start","animation-start-capture","aux-click","aux-click-capture","before-input","before-input-capture","blur","blur-capture","can-play","can-play-capture","can-play-through","can-play-through-capture","change","change-capture","click","click-capture","composition-end","composition-end-capture","composition-start","composition-start-capture","composition-update","composition-update-capture","context-menu","context-menu-capture","copy","copy-capture","cut","cut-capture","double-click","double-click-capture","drag","drag-capture","drag-end","drag-end-capture","drag-enter","drag-enter-capture","drag-exit","drag-exit-capture","drag-leave","drag-leave-capture","drag-over","drag-over-capture","drag-start","drag-start-capture","drop","drop-capture","duration-change","duration-change-capture","emptied","emptied-capture","encrypted","encrypted-capture","ended","ended-capture","error","error-capture","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","event-handler","focus","focus-capture","got-pointer-capture","got-pointer-capture-capture","input","input-capture","invalid","invalid-capture","key-down","key-down-capture","key-press","key-press-capture","key-up","key-up-capture","load","load-capture","load-start","load-start-capture","loaded-data","loaded-data-capture","loaded-metadata","loaded-metadata-capture","lost-pointer-capture","lost-pointer-capture-capture","mouse-down","mouse-down-capture","mouse-enter","mouse-leave","mouse-move","mouse-move-capture","mouse-out","mouse-out-capture","mouse-over","mouse-over-capture","mouse-up","mouse-up-capture","paste","paste-capture","pause","pause-capture","play","play-capture","playing","playing-capture","pointer-cancel","pointer-cancel-capture","pointer-down","pointer-down-capture","pointer-enter","pointer-enter-capture","pointer-leave","pointer-leave-capture","pointer-move","pointer-move-capture","pointer-out","pointer-out-capture","pointer-over","pointer-over-capture","pointer-up","pointer-up-capture","progress","progress-capture","rate-change","rate-change-capture","reset","reset-capture","resize","resize-capture","scroll","scroll-capture","seeked","seeked-capture","seeking","seeking-capture","select","select-capture","stalled","stalled-capture","submit","submit-capture","suspend","suspend-capture","time-update","time-update-capture","touch-cancel","touch-cancel-capture","touch-end","touch-end-capture","touch-move","touch-move-capture","touch-start","touch-start-capture","transition-end","transition-end-capture","volume-change","volume-change-capture","waiting","waiting-capture","wheel","wheel-capture"];function H(e,t,n=[]){return D({elementClass:t,events:[...ie,...n].reduce((r,o)=>({...r,["on"+J(String(o))]:o}),{}),react:ce.default,tagName:e})}function v(e,t,n=[]){return H(e,t,["attribute-change","state-change",...n])}function Be(e,t,n){return v(e,t,n)}function Ge(e,t,n=[]){return v(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function Ve(e,t,n){return v(e,t,n)}var pe=d(E(),1);function $e(...e){return(0,pe.forwardRef)(e[0])}var _=d(E(),1);var le=d(E(),1);function A(e,t,n,r=[]){(0,le.useEffect)(()=>(e.current?.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)),r)}function We(e){let t=(0,_.useRef)(null),[,n]=(0,_.useReducer)(()=>({}),{}),r=a=>{e?.attribute?.dispatch===!0&&a.detail&&(e.attribute.blacklist&&e.attribute.blacklist.includes(a.detail.name)||e.attribute.whitelist&&!e.attribute.whitelist.includes(a.detail.name)||n())},o=a=>{e?.state?.dispatch===!0&&a.detail&&(e.state.blacklist&&e.state.blacklist.includes(a.detail.name)||e.state.whitelist&&!e.state.whitelist.includes(a.detail.name)||n())};return A(t,"attribute-changed",r,[t.current]),A(t,"state-changed",o,[t.current]),(0,_.useEffect)(()=>n(),[t.current]),{element:t.current,ref:t}}var me=d(E(),1);var O=d(E(),1);function j(){let e=(0,O.useRef)("CONSTRUCTED");return(0,O.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"})),e}function Xe(e){let t=j(),n=(0,me.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var y=d(E(),1);function Je(e,t){let n=(0,y.useRef)(),[r,o]=(0,y.useState)([]),a=(0,y.useMemo)(()=>r.some(c=>c.isIntersecting),[r]),p=(0,y.useMemo)(()=>r.every(c=>c.isIntersecting),[r]),u=a,i=c=>{o(c)};return(0,y.useEffect)(()=>{n.current=new IntersectionObserver(i,t);for(let c of e){if(!c.current)return;n.current.observe(c.current)}return()=>n.current?.disconnect()},[]),{entries:r,observer:n,areSomeIntersecting:a,isEveryIntersecting:p,isIntersecting:u}}var fe=d(E(),1);function ze(e,t){return(0,fe.useRef)(C.isWindowDefined?document.createElement(e,t):{current:{}})}var Ee=d(E(),1);function qe(e,t,n=[]){(0,Ee.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),n)}return Re(Qe);})();
 /*! Bundled license information:
 
 react/cjs/react.production.min.js:
@@ -11,4 +11,11 @@ react/cjs/react.production.min.js:
    * This source code is licensed under the MIT license found in the
    * LICENSE file in the root directory of this source tree.
    *)
+
+@lit-labs/react/create-component.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
 */

package/package.json

@@ -9,11 +9,12 @@
     "@types/react": "^18.2.20",
     "@types/react-dom": "^18.2.7",
     "@vitejs/plugin-react": "^4.0.4",
-    "@vitest/coverage-c8": "^0.33.0",
+    "@vitest/coverage-v8": "^0.34.2",
     "@vitest/ui": "^0.34.2",
     "esbuild": "^0.19.2",
     "glob": "^10.3.3",
     "jsdom": "^22.1.0",
+    "lit": "^2.8.0",
     "prettier": "^3.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -47,5 +48,8 @@
   },
   "sideEffects": false,
   "type": "module",
-  "version": "1.0.26"
+  "version": "1.0.28",
+  "dependencies": {
+    "@lit-labs/react": "^2.1.0"
+  }
 }